.fx-page{isolation:isolate;position:relative}.fx-layer{z-index:1;position:relative}.fx-atmos{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fx-bloom{filter:blur(70px);will-change:transform;border-radius:50%;position:absolute}.fx-bloom-a{background:radial-gradient(circle,#0d0d0d17 0%,#0d0d0d00 70%);width:46vw;height:46vw;animation:26s ease-in-out infinite fx-drift-a;top:-12vw;left:-8vw}.fx-bloom-b{background:radial-gradient(circle,#0d0d0d12 0%,#0d0d0d00 70%);width:52vw;height:52vw;animation:34s ease-in-out infinite fx-drift-b;bottom:-18vw;right:-14vw}.fx-bloom-c{background:radial-gradient(circle,#0d0d0d0d 0%,#0d0d0d00 70%);width:34vw;height:34vw;animation:30s ease-in-out infinite fx-drift-c;top:38%;left:52%}@keyframes fx-drift-a{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(5vw,4vw)scale(1.14)}}@keyframes fx-drift-b{0%,to{transform:translate(0,0)scale(1.08)}50%{transform:translate(-6vw,-3vw)scale(1)}}@keyframes fx-drift-c{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-58%,-42%)scale(1.2)}}.fx-grain{z-index:0;pointer-events:none;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='0.42'/%3E%3C/svg%3E");animation:.9s steps(3,end) infinite fx-grain-shift;position:fixed;inset:-120px}@keyframes fx-grain-shift{0%{transform:translate(0,0)}33%{transform:translate(-18px,10px)}66%{transform:translate(12px,-14px)}to{transform:translate(0,0)}}.fx-line{display:block;overflow:hidden}.fx-line-in{will-change:transform;display:block}.fx-ribbon{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fx-ribbon path{fill:none;stroke:#0d0d0d38;stroke-width:1px;stroke-linecap:round}.fx-ribbon-float{transform-origin:50%;animation:11s ease-in-out infinite fx-ribbon-float}@keyframes fx-ribbon-float{0%,to{transform:translate(0,0)skew(0)}50%{transform:translate(10px,-10px)skew(-1.5deg)}}.fx-notes{height:18px;position:relative;overflow:hidden}.fx-note{opacity:0;will-change:transform, opacity;position:absolute;inset:0}.fx-cue{transform-origin:top;background:linear-gradient(#0d0d0d73,#0d0d0d00);width:1px;height:46px;animation:2.4s ease-in-out infinite fx-cue}@keyframes fx-cue{0%{opacity:0;transform:scaleY(0)}40%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.fx-seq{gap:clamp(6px,1.4vw,16px);display:flex}.fx-seq-item{flex:1;min-width:0}.fx-seq-num{font-family:var(--font-syne-mono), "Courier New", monospace;letter-spacing:.14em;color:#0d0d0d47;margin-bottom:10px;font-size:10px;transition:color .3s;display:block}.fx-seq-bar{background:#0d0d0d1f;height:2px;transition:background .4s;display:block}.fx-seq-done .fx-seq-num,.fx-seq-active .fx-seq-num{color:#0d0d0d}.fx-seq-done .fx-seq-bar{background:#0d0d0d66}.fx-seq-active .fx-seq-bar{background:#0d0d0d;position:relative;overflow:hidden}.fx-seq-active .fx-seq-bar:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);animation:2.2s ease-in-out infinite fx-shimmer;position:absolute;inset:0}@keyframes fx-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.fx-opt{will-change:transform;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s,background .3s;position:relative;overflow:hidden}.fx-opt:hover{border-color:#0d0d0d8c;transform:translateY(-3px);box-shadow:0 10px 26px -14px #0d0d0d80}.fx-opt:active{transform:translateY(-1px)scale(.995)}.fx-opt:before{content:"";transform-origin:bottom;background:#0d0d0d;width:2px;transition:transform .34s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.fx-opt.is-on:before{transform-origin:top;transform:scaleY(1)}.fx-opt-tick{opacity:0;width:16px;height:16px;transition:opacity .24s,transform .32s cubic-bezier(.34,1.56,.64,1);position:absolute;top:12px;right:14px;transform:scale(.4)}.fx-opt.is-on .fx-opt-tick{opacity:1;transform:scale(1)}.fx-card{will-change:transform;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}.fx-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px -26px #0d0d0d8c}.fx-card-media{overflow:hidden}.fx-card-media img{filter:grayscale()contrast(1.04);transition:transform 1.1s cubic-bezier(.22,1,.36,1),filter .6s}.fx-card:hover .fx-card-media img{filter:grayscale(0%)contrast();transform:scale(1.06)}.fx-composing{flex-direction:column;justify-content:center;align-items:center;gap:26px;min-height:50vh;display:flex}.fx-atomiser{width:74px;height:74px;position:relative}.fx-atomiser span{border:1px solid #0d0d0d66;border-radius:50%;animation:2.4s cubic-bezier(.22,1,.36,1) infinite fx-emit;position:absolute;inset:0}.fx-atomiser span:nth-child(2){animation-delay:.8s}.fx-atomiser span:nth-child(3){animation-delay:1.6s}@keyframes fx-emit{0%{opacity:0;transform:scale(.35)}20%{opacity:.9}to{opacity:0;transform:scale(1.5)}}.fx-atomiser-core{background:#0d0d0d;border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;animation:2.4s ease-in-out infinite fx-core;position:absolute;top:50%;left:50%}@keyframes fx-core{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}.fx-rule{transform-origin:0;background:#0d0d0d2e;height:1px;transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.fx-bloom,.fx-grain,.fx-ribbon-float,.fx-cue,.fx-seq-active .fx-seq-bar:after,.fx-atomiser span,.fx-atomiser-core{animation:none!important}.fx-grain{opacity:.18}.fx-opt,.fx-card,.fx-card-media img{transition:none!important}.fx-opt:hover,.fx-card:hover{transform:none}}@keyframes fx-swap-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fx-card{animation:.45s cubic-bezier(.22,1,.36,1) backwards fx-swap-in}@media (prefers-reduced-motion:reduce){.fx-card{animation:none}}