.art-separator{position:relative;width:100%;height:145px;overflow:hidden;isolation:isolate;pointer-events:none;background:linear-gradient(90deg,transparent,#f4e9ff70,transparent);border-radius:28px}.art-separator i{position:absolute;display:block}.art-separator span{position:absolute;font-size:36px;color:var(--separator-color,#9333ea);text-shadow:0 8px 20px #9333ea35}.fx-aurora i{width:45%;height:120px;border-radius:50%;filter:blur(24px);opacity:.6;left:10%;top:10px;background:linear-gradient(90deg,#9333ea,#ec4899);animation:aurora-drift 7s ease-in-out infinite alternate}.fx-aurora i:nth-child(2){left:40%;background:linear-gradient(90deg,#3b82f6,#14b8a6);animation-delay:-3s}.fx-aurora i:nth-child(3){left:65%;width:20%;background:#facc15;animation-delay:-5s}.fx-aurora span{left:48%;top:48px;animation:talent-spin 8s ease-in-out infinite}.fx-score{background:linear-gradient(90deg,transparent,#fff9,transparent)}.fx-score:before{content:'';position:absolute;inset:40px 0;background:repeating-linear-gradient(transparent 0 13px,#b98af640 13px 15px);transform:rotate(-2deg)}.fx-score span{top:35%;animation:note-flight 8s linear infinite;left:-10%}.fx-score span:nth-child(2){animation-delay:-2s;top:10%;color:#ec4899}.fx-score span:nth-child(3){animation-delay:-4s;top:42%;color:#3b82f6}.fx-score span:nth-child(4){animation-delay:-6s;top:27%;color:#f59e0b}.fx-paintflow svg{width:100%;height:100%;overflow:visible}.fx-paintflow path{fill:none;stroke-width:14;stroke-linecap:round;stroke-dasharray:110 24;animation:paint-river 6s linear infinite;filter:drop-shadow(0 6px 4px #9333ea25)}.fx-paintflow path:nth-child(2){stroke-dasharray:45 10;animation-duration:9s;stroke-width:7}.fx-paintflow path:nth-child(3){animation-direction:reverse;stroke-width:9}.fx-spotlights{background:radial-gradient(ellipse at bottom,#6034b4,#17122f);border-radius:0}.fx-spotlights i{width:35%;height:180%;top:-60%;left:10%;background:linear-gradient(#ec4899bb,transparent);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);transform-origin:50% 0;animation:stage-beam 5s ease-in-out infinite alternate}.fx-spotlights i:nth-child(2){left:60%;background:linear-gradient(#40bfffb0,transparent);animation-delay:-3s}.fx-spotlights span{left:48%;top:42px;color:#fff;font-size:48px;animation:talent-spin 8s ease-in-out infinite}.fx-confetti span{left:var(--x);top:38%;color:var(--c);font-size:var(--size,26px);animation:confetti-float var(--duration,5s) ease-in-out infinite alternate;animation-delay:var(--delay,0s)}@keyframes aurora-drift{to{transform:translate(70px,18px) rotate(15deg) scale(1.25)}}@keyframes note-flight{to{left:110%;transform:translateY(-16px) rotate(15deg)}}@keyframes paint-river{to{stroke-dashoffset:-536}}@keyframes stage-beam{from{transform:rotate(-22deg)}to{transform:rotate(22deg)}}@keyframes talent-spin{50%{transform:rotate(180deg) scale(1.25)}100%{transform:rotate(360deg)}}@keyframes confetti-float{to{transform:translate(25px,-38px) rotate(75deg)}}.interactive-separator[data-visible=false] .art-separator *{animation-play-state:paused}.separator-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.separator-gallery article{border:1px solid #eee5f6;border-radius:20px;background:#fff;padding:10px}.separator-gallery h3{font-size:14px;margin:12px 8px 4px}.separator-gallery p{font-size:12px;margin:0 8px 8px;color:#877a97}.separator-gallery .art-separator{height:110px}.separator-gallery .art-separator span{font-size:25px}.slot-preview{margin:14px 0;max-width:500px}.slot-preview .art-separator{height:85px}@media(max-width:760px){.separator-gallery{grid-template-columns:1fr 1fr}.art-separator{height:115px}}
