@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-italic-BYAq_K0C.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-italic-Da0gXVk3.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-italic-0fly6zkB.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-italic-XgKbg5n7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-italic-dTnRTFFJ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--void:#000;--ink:#172529;--sea:#2a7e86;--glow:#70aea9;--mint:#b3dad1;--mint-bright:#cdeee6;--paper:#eef5f3;--muted:#9fb3b3;--quiet:#6f8788;--rule:#b3dad121;--rule-strong:#b3dad142;--panel:#1725295c;--amber:#f2a33a;--amber-pale:#ffd9a1;--rose:#e0479e;--rose-pale:#ffc2e4;--cobalt:#3a6dff;--cobalt-pale:#cfe4ff;--font:"Geist Variable", ui-sans-serif, system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-sm:14px;--text-body:16.5px;--text-lead:clamp(17.5px, 1.3vw, 19.5px);--text-h3:19px;--text-h2:clamp(34px, 3.7vw, 52px);--text-display:clamp(46px, 5.8vw, 104px);--gutter:clamp(20px, 5vw, 56px);--page:min(1200px, 100% - var(--gutter) * 2);--section-space:clamp(104px, 12vw, 176px);--ease-out:cubic-bezier(.2, .7, .2, 1);color:var(--paper);background:var(--void);font-family:var(--font);font-size:var(--text-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;line-height:1.6}*{box-sizing:border-box}[id]{scroll-margin-top:88px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}html{scrollbar-width:thin;scrollbar-color:#b3dad14d #000}::-webkit-scrollbar{background:#000;width:10px;height:10px}::-webkit-scrollbar-thumb{background:#b3dad147;border:3px solid #000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#b3dad180}::-webkit-scrollbar-corner{background:#000}body{min-width:320px;margin:0}h1,h2,h3,p,dl,dd,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}svg{flex-shrink:0}::selection{background:var(--mint);color:#041315}:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:4px}h1:focus,h1:focus-visible{outline:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:30;background:var(--mint);color:#041315;border-radius:10px;padding:10px 16px;font-weight:600;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site{overflow-x:clip}h2{font-size:var(--text-h2);letter-spacing:-.04em;text-wrap:balance;font-weight:500;line-height:1.04}h3{font-size:var(--text-h3);letter-spacing:-.015em;font-weight:500;line-height:1.3}.lead{font-size:var(--text-lead);color:var(--muted);text-wrap:pretty;max-width:34em;line-height:1.55}.button{letter-spacing:-.01em;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;height:48px;padding:0 20px;font-size:15.5px;font-weight:600;line-height:1;transition:background-color .15s,border-color .15s,color .15s,box-shadow .2s,transform .15s;display:inline-flex}.button-icon{width:20px;height:20px}.button-large{border-radius:14px;gap:11px;height:54px;padding:0 26px 0 22px;font-size:17px}.button-large .button-icon{width:21px;height:21px}.button-medium{height:46px;padding:0 18px;font-size:15px}.button-small{border-radius:10px;gap:8px;height:38px;padding:0 14px;font-size:14px;font-weight:500}.button-small .button-icon{width:17px;height:17px}.button-primary{background:var(--mint);color:#041315;isolation:isolate;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff59,0 10px 34px -10px #70aea999}.button-primary:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffffb3 50%,#0000 70%);transition:transform;position:absolute;inset:0;transform:translate(-120%)}.button-primary:hover:after{transition:transform .7s var(--ease-out);transform:translate(120%)}.button-primary:hover{background:var(--mint-bright);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff73,0 12px 40px -10px #70aea9bf}.button-primary:active{transform:translateY(1px)scale(.985)}.button-secondary{color:var(--paper);border-color:var(--rule-strong);background:var(--panel)}.button-secondary:hover{color:var(--mint);border-color:var(--glow)}.button-quiet{color:var(--paper);border-color:var(--rule-strong);background:#0000004d}.button-quiet:hover{color:var(--mint);border-color:var(--glow)}.text-link{color:var(--muted);text-underline-offset:5px;font-size:15px;-webkit-text-decoration:underline #b3dad152;text-decoration:underline #b3dad152;text-decoration-thickness:1px;transition:color .15s,text-decoration-color .15s}.text-link:hover{color:var(--paper);-webkit-text-decoration-color:var(--mint);text-decoration-color:var(--mint)}.site-header{z-index:20;border-bottom:1px solid #0000;height:72px;transition:background-color .25s,border-color .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;position:fixed;inset:0 0 auto}.site-header.is-scrolled{border-bottom-color:var(--rule);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:#000000b8}.header-inner{width:min(1320px, 100% - var(--gutter) * 2);justify-content:space-between;align-items:center;height:100%;margin:auto;display:flex}.logo-link{line-height:0;display:block}.logo-link img{width:64px;height:auto}.header-nav{align-items:center;gap:30px;display:flex}.nav-link{color:var(--muted);font-size:14.5px;transition:color .15s}.nav-link:hover{color:var(--paper)}.hero{isolation:isolate;height:max(800px,100svh);position:relative;overflow:hidden}.hero-art{z-index:-1;width:min(1536px,100%);height:auto;position:absolute;top:300px;left:50%;translate:-50%}.hero-copy{padding:0 max(var(--gutter), (100% - 1320px) / 2) 2vh;text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:72px 0 0}.hero-line{display:block}.hero h1{font-size:var(--text-display);letter-spacing:-.047em;font-weight:500;line-height:.98}.hero-lead{max-width:26em;color:var(--muted);letter-spacing:-.01em;text-wrap:balance;margin-top:22px;font-size:clamp(18px,1.45vw,21px);line-height:1.5}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:34px;display:flex}.player-note{color:var(--quiet);margin-top:28px;font-size:14px}.motion-control{right:var(--gutter);border:1px solid var(--rule-strong);width:40px;height:40px;color:var(--muted);background:#00000080;border-radius:50%;place-items:center;padding:0;transition:color .15s,border-color .15s;display:grid;position:absolute;bottom:24px}.motion-control:hover{color:var(--mint);border-color:var(--glow)}.motion-control svg{width:15px;height:15px}.lyric-light{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.section{width:var(--page);padding-top:var(--section-space);margin-inline:auto}.section-head{grid-template-columns:repeat(12,1fr);align-items:end;gap:20px 24px;display:grid}.section-head h2{grid-column:1/span 6}.section-head .lead{grid-column:8/span 5}@property --song-deep{syntax:"<color>";inherits:true;initial-value:#000}@property --song-a{syntax:"<color>";inherits:true;initial-value:#000}@property --song-b{syntax:"<color>";inherits:true;initial-value:#000}@property --song-c{syntax:"<color>";inherits:true;initial-value:#fff}.surfaces{isolation:isolate;transition:--song-deep .9s,--song-a .9s,--song-b .9s,--song-c .9s;position:relative}.surfaces-wash{z-index:-1;pointer-events:none;background:radial-gradient(38% 42% at 72% 48%, color-mix(in oklab, var(--song-a) 20%, transparent), transparent 72%), radial-gradient(30% 34% at 62% 78%, color-mix(in oklab, var(--song-b) 18%, transparent), transparent 72%);width:100vw;position:absolute;top:0;bottom:-160px;left:50%;translate:-50%}.story-track{height:calc(100svh + var(--steps) * 40svh);margin-top:8px;position:relative}.story-pin{grid-template-columns:4fr 7fr;align-items:center;gap:clamp(40px,5vw,88px);height:100svh;padding-top:72px;display:grid;position:sticky;top:0}.story-rail{gap:8px;margin:0 0 44px;padding:0;list-style:none;display:flex}.story-rail li{flex:1}.story-rail button{text-align:left;width:100%;color:var(--quiet);background:0 0;border:0;padding:0;font-size:13.5px;transition:color .2s}.story-rail button:hover,.story-rail button[aria-current=step]{color:var(--paper)}.rail-track{background:var(--rule-strong);border-radius:3px;height:3px;margin-bottom:12px;display:block;overflow:hidden}.rail-fill{background:var(--song-a);transform-origin:0;height:100%;display:block}.story-text-frame{min-height:270px}.story-text h3,.story-step h3{letter-spacing:-.03em;font-size:clamp(28px,2.6vw,38px);line-height:1.08}.story-text p,.story-step p{color:var(--muted);max-width:36ch;margin-top:16px}.story-text .story-detail,.story-step .story-detail{border-left:2px solid var(--song-a);color:var(--paper);margin-top:22px;padding-left:14px;font-size:15px}.story-stage{perspective:1400px}.story-stack{margin-top:24px}.story-step{padding:40px 0 8px}.story-step .scene{margin-top:28px}.scene{transform-style:preserve-3d;will-change:transform;margin:0}.scene-screen{aspect-ratio:16/10;background:var(--song-deep);border:1px solid #ffffff1a;border-bottom:0;border-radius:18px 18px 0 0;position:relative;overflow:hidden;container-type:inline-size}.scene-wallpaper{position:absolute;inset:0}.scene-window .scene-wallpaper{background:radial-gradient(60% 75% at 18% 18%, color-mix(in oklab, var(--song-a) 50%, transparent), transparent 72%), radial-gradient(60% 80% at 92% 92%, color-mix(in oklab, var(--song-b) 60%, transparent), transparent 72%), var(--song-deep)}.scene-island .scene-wallpaper{background:radial-gradient(70% 60% at 50% 0%, color-mix(in oklab, var(--song-a) 45%, transparent), transparent 75%), linear-gradient(170deg, color-mix(in oklab, var(--song-b) 70%, black), var(--song-deep) 75%)}.scene-overlay .scene-wallpaper{background:radial-gradient(70% 90% at 22% 12%, var(--song-c), transparent 72%), radial-gradient(70% 80% at 88% 88%, color-mix(in oklab, var(--song-a) 65%, white), transparent 72%), color-mix(in oklab, var(--song-c) 65%, var(--song-a))}.scene-content{position:absolute;inset:0}.surface{color:#fff;position:absolute}.scene-window .surface-window{top:50%;translate:-50% -50%;scale:1.38}.scene-island .surface-island{transform-origin:50% 0;scale:1.5}.scene-overlay .surface-overlay{transform-origin:50% 100%;width:76%;bottom:9%;scale:1.18}.scene-work{background:#f4f2ee;border-radius:1.2cqw 1.2cqw 0 0;flex-direction:column;gap:1.6cqw;width:58%;height:74%;padding:5cqw 5cqw 0;display:flex;position:absolute;top:20%;left:50%;translate:-50%;box-shadow:0 2cqw 6cqw #00000073}.scene-work i{background:#d9d6cf;border-radius:1cqw;height:1cqw;display:block}.scene-work .work-title{background:#2b2a28;width:46%;height:2cqw;margin-bottom:1.4cqw}.scene-work .is-short{width:62%}.now-playing{background:#08080ae0;border:1px solid #ffffff1a;border-top:0;border-radius:0 0 18px 18px;align-items:center;gap:14px;padding:12px 14px 12px 12px;display:flex}.now-playing-art{border-radius:9px;flex:none;width:42px;height:42px}.now-playing-text{flex-direction:column;min-width:0;margin-right:auto;line-height:1.35;display:flex}.song-picker{border:0;gap:6px;margin:0;padding:0;display:flex}.song-option{cursor:pointer;place-items:center;width:44px;height:44px;display:grid;position:relative}.song-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.song-swatch{outline-offset:3px;width:30px;height:30px;transition:outline-color .15s, transform .2s var(--ease-out);border-radius:8px;outline:2px solid #0000}.song-option:hover .song-swatch{transform:translateY(-2px)scale(1.06)}.song-option input:focus-visible+.song-swatch{outline-color:var(--mint)}.song-ring{pointer-events:none;border:2px solid #ffffffe6;border-radius:11px;position:absolute;inset:4px}.now-playing-title{flex-direction:column;min-width:0;display:flex}.now-playing-title span:first-child{color:var(--paper);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.now-playing-title span:last-child{color:var(--quiet);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.demo-toggle{border:1px solid var(--rule-strong);height:40px;color:var(--paper);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 14px;font-size:14px;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.demo-toggle.is-compact{justify-content:center;width:44px;height:44px;padding:0}.demo-toggle:hover{border-color:var(--glow);color:var(--mint)}.demo-toggle svg{width:14px;height:14px}.sung-word{color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg, var(--lit,#fff) 50%, var(--unlit,#ffffff5c) 50%);background-position:100% 0;background-size:200% 100%;animation-name:sing;animation-timing-function:linear;animation-fill-mode:both}@keyframes sing{to{background-position:0 0}}.scene:not(.is-playing) :is(.sung-word,.glide-content,.window-progress-fill,.island-ring-fill,.island-bars i),.preview-screen:not(.is-playing) .sung-word{animation-play-state:paused!important}.demo-art{background:var(--song-a);display:block;position:relative;overflow:hidden}.demo-art>span{display:none}.demo-art[data-art=sun]{background:linear-gradient(transparent 63%, color-mix(in oklab, var(--song-b) 82%, black) 63%), radial-gradient(circle at 50% 64%, var(--song-c) 0 21%, transparent 21.5%), linear-gradient(180deg, color-mix(in oklab, var(--song-a) 70%, white), var(--song-a) 55%, var(--song-b))}.demo-art[data-art=bloom]{background:radial-gradient(circle at 32% 34%, var(--song-c) 0 9%, transparent 30%), radial-gradient(circle at 68% 64%, var(--song-a), transparent 58%), conic-gradient(from 40deg at 50% 50%, var(--song-b), var(--song-a), var(--song-b), var(--song-deep), var(--song-b))}.demo-art[data-art=night]{background:radial-gradient(circle at 72% 28%, var(--song-c) 0 10%, transparent 10.5%), radial-gradient(circle at 22% 22%, #fff 0 1.2%, transparent 1.6%), radial-gradient(circle at 40% 48%, #fff 0 0.9%, transparent 1.3%), radial-gradient(circle at 58% 64%, #fff 0 1.1%, transparent 1.5%), radial-gradient(circle at 18% 72%, #fff 0 0.8%, transparent 1.2%), radial-gradient(circle at 84% 78%, #fff 0 0.9%, transparent 1.3%), radial-gradient(120% 90% at 50% 110%, var(--song-a), transparent 70%), linear-gradient(180deg, var(--song-deep), var(--song-b))}.surface-window{background:#14161a;border:1px solid #ffffff17;border-radius:1.3cqw;grid-template-columns:35% 1fr;width:58%;height:61%;display:grid;top:13.5%;left:50%;overflow:hidden;translate:-50%;box-shadow:0 3cqw 7cqw #000000a6}.window-ambient{pointer-events:none;opacity:.6;background:radial-gradient(55% 70% at 16% 28%, color-mix(in oklab, var(--song-a) 70%, transparent), transparent 72%), radial-gradient(60% 70% at 85% 90%, color-mix(in oklab, var(--song-b) 60%, transparent), transparent 72%);position:absolute;inset:0}.window-sidebar,.window-lyrics{position:relative}.window-sidebar{background:#ffffff08;border-right:1px solid #ffffff0d;flex-direction:column;padding:1.4cqw 1.7cqw 1.8cqw;display:flex}.window-dots{gap:.45cqw;display:flex}.window-dots i{background:#ffffff29;border-radius:50%;width:.75cqw;height:.75cqw}.window-art{aspect-ratio:1;border-radius:.9cqw;width:100%;margin-top:2.2cqw;box-shadow:0 1.4cqw 3cqw #00000080}.window-title{letter-spacing:-.01em;margin-top:1.4cqw;font-size:1.3cqw;font-weight:650;line-height:1.3}.window-artist{color:#ffffff8c;font-size:1.05cqw;line-height:1.4}.window-progress{background:#ffffff26;border-radius:1cqw;height:.32cqw;margin-top:1.3cqw;overflow:hidden}.window-progress-fill{transform-origin:0;background:#fff;height:100%;animation-name:progress;animation-timing-function:linear;animation-fill-mode:both;display:block}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.window-controls{color:#ffffffd9;justify-content:center;align-items:center;gap:1.8cqw;margin-top:auto;display:flex}.window-controls>svg{width:1.5cqw;height:1.5cqw}.window-play{color:#14161a;background:#fff;border-radius:50%;place-items:center;width:3.4cqw;height:3.4cqw;display:grid}.window-play svg{width:1.4cqw;height:1.4cqw}.window-lyrics{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 22% 72%,#0000);mask-image:linear-gradient(#0000,#000 22% 72%,#0000)}.window-sheet{transition:transform .7s var(--ease-out);position:absolute;top:46%;left:2.6cqw;right:2.2cqw}.window-line{text-wrap:balance;letter-spacing:-.02em;color:rgba(255, 255, 255, calc(.44 - var(--distance) * .1));padding:.7cqw 0;font-size:2cqw;font-weight:700;line-height:1.2;transition:color .45s}.window-line.is-active{color:#fff}.surface-island{background:linear-gradient(to bottom, #0a0a0c4d, #0a0a0cb3), color-mix(in oklab, var(--song-b) 55%, #16161a);border:1px solid #ffffff12;border-top:0;border-radius:0 0 1.6cqw 1.6cqw;align-items:center;gap:1cqw;width:40cqw;height:5.4cqw;padding:0 1.5cqw 0 .8cqw;display:flex;top:0;left:50%;translate:-50%;box-shadow:0 1.2cqw 3cqw #00000080}.island-art{flex:none;width:3.8cqw;height:3.8cqw;position:relative}.island-art .demo-art{border-radius:.75cqw;position:absolute;inset:.45cqw}.island-art .demo-art>span{display:none}.island-art svg{fill:none;stroke-width:2px;width:100%;height:100%;position:absolute;inset:0}.island-ring-track{stroke:#ffffff24}.island-ring-fill{stroke:#fff;stroke-dasharray:100;stroke-dashoffset:100px;animation-name:ring;animation-timing-function:linear;animation-fill-mode:both}@keyframes ring{to{stroke-dashoffset:0}}.island-lines{flex-direction:column;flex:1;gap:.15cqw;min-width:0;display:flex}.island-current{letter-spacing:-.01em;font-size:1.3cqw;font-weight:650}.glide{white-space:nowrap;display:block;overflow:hidden}.glide-content{display:inline-block}.glide-content.is-gliding{animation-name:glide;animation-timing-function:linear;animation-fill-mode:both}@keyframes glide{0%,18%{transform:translate(0)}88%,to{transform:translateX(var(--glide))}}.island-next{color:#fff6;white-space:nowrap;text-overflow:ellipsis;font-size:1cqw;overflow:hidden}.island-bars{align-items:center;gap:.28cqw;height:1.7cqw;display:flex}.island-bars i{background:#ffffffe6;border-radius:1cqw;width:.3cqw;height:100%;animation:1.15s ease-in-out infinite bar;transform:scaleY(.35)}.island-bars i:nth-child(2){animation-duration:.9s;animation-delay:-.4s}.island-bars i:nth-child(3){animation-duration:1.3s;animation-delay:-.75s}.island-bars i:nth-child(4){animation-duration:1s;animation-delay:-.2s}@keyframes bar{50%{transform:scaleY(1)}}.surface-overlay{text-align:center;background:rgba(10, 10, 12, var(--overlay-bg,0));border-radius:1.2cqw;flex-direction:column;align-items:center;gap:.5cqw;width:88%;padding:1.1cqw 2cqw;display:flex;bottom:6%;left:50%;translate:-50%}.overlay-line{max-width:100%;display:block}.overlay-current{font-size:calc(3.2cqw * var(--overlay-scale,1));letter-spacing:-.02em;font-weight:800;line-height:1.12}.overlay-next{font-size:calc(1.45cqw * var(--overlay-scale,1));color:#ffffff8c;font-weight:600}@container (width<=640px){.scene .surface{scale:none}.scene-overlay .surface-overlay{width:92%;bottom:7%}.scene-window .surface-window{top:14%;translate:-50%}.scene-work{width:86%;top:17%}.surface-window{border-radius:3cqw;grid-template-columns:1fr;width:90%;height:56%;top:16%}.window-sidebar{display:none}.window-sheet{left:5cqw;right:4cqw}.window-line{padding:1.2cqw 0;font-size:4.2cqw}.surface-island{border-radius:0 0 3.6cqw 3.6cqw;gap:2cqw;width:84cqw;height:11cqw;padding:0 3cqw 0 1.6cqw}.island-art{width:8cqw;height:8cqw}.island-art .demo-art{border-radius:1.6cqw;inset:.9cqw}.island-current{font-size:3.1cqw}.island-next{font-size:2.4cqw}.island-bars{gap:.6cqw;height:3.6cqw}.island-bars i{width:.7cqw}.surface-overlay{width:94%;padding:2cqw 3cqw;bottom:5%}.overlay-current{font-size:calc(5.8cqw * var(--overlay-scale,1))}.overlay-next{font-size:calc(3cqw * var(--overlay-scale,1))}}.players{transition:--song-deep .9s,--song-a .9s,--song-b .9s,--song-c .9s;position:relative}.players-body{grid-template-columns:7fr 5fr;align-items:center;gap:clamp(32px,5vw,72px);margin-top:56px;display:grid}.players-stage{margin:0}.players-stage .scene-screen{border-bottom:1px solid #ffffff1a;border-radius:18px}.player-picker{border:0;flex-direction:column;gap:4px;min-width:0;margin:0;padding:0;display:flex}.player-picker legend{color:var(--quiet);margin-bottom:12px;padding:0;font-size:13.5px}.player-option{min-height:52px;color:var(--muted);cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:0 16px;transition:color .15s;display:flex;position:relative}.player-option input{z-index:1;opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.player-option:hover{color:var(--paper)}.player-option:has(input:checked){color:var(--paper)}.player-option:has(input:focus-visible){outline:2px solid var(--mint);outline-offset:2px}.player-option-indicator{background:color-mix(in oklab, var(--song-a) 22%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--song-a) 45%, transparent);border-radius:12px;position:absolute;inset:0}.player-option .player-icon{width:20px;height:20px;transition:color .15s;position:relative}.player-option:has(input:checked) .player-icon{color:var(--song-c)}.player-option-name{font-size:16px;position:relative}.player-option-name span{color:var(--quiet)}.players-detail{border-left:2px solid var(--song-a);max-width:38ch;min-height:3.2em;color:var(--paper);margin-top:24px;padding-left:14px;font-size:15px}.players-controls .demo-toggle{margin-top:24px}.window-art-frame{margin-top:2.2cqw;display:block;position:relative}.window-art-frame .window-art{margin-top:0}.window-art.is-empty{box-shadow:none;background:#ffffff0f;display:block}.window-source{color:#fff;background:#0000006b;border-radius:.7cqw;place-items:center;width:2.4cqw;height:2.4cqw;display:grid;position:absolute;bottom:.8cqw;left:.8cqw;box-shadow:inset 0 0 0 1px #ffffff1f}.window-source .player-icon{width:1.3cqw;height:1.3cqw}.window-skeleton{flex-direction:column;gap:.6cqw;margin-top:1.4cqw;display:flex}.window-skeleton i{background:#ffffff1a;border-radius:1cqw;height:1cqw;display:block}.window-skeleton i:last-child{width:60%;height:.8cqw}.window-ignored{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.9cqw;padding:0 3cqw;display:flex;position:absolute;inset:0}.window-ignored-title{letter-spacing:-.01em;color:#fff;font-size:1.6cqw;font-weight:650}.window-ignored-reason{color:#ffffff8c;font-size:1.05cqw}.window-ignored-action{background:#ffffff0f;border:1px solid #fff3;border-radius:999px;margin-top:.6cqw;padding:.55cqw 1.4cqw;font-size:1cqw;font-weight:500}@container (width<=640px){.window-ignored-title{font-size:3.4cqw}.window-ignored-reason{font-size:2.4cqw}.window-ignored-action{padding:1.2cqw 3cqw;font-size:2.3cqw}}.customize{grid-template-columns:5fr 7fr;align-items:start;gap:clamp(40px,6vw,88px);display:grid}.customize-copy .lead{margin-top:20px}.choice-groups{grid-template-columns:repeat(2,max-content);gap:24px 32px;margin-top:36px;display:grid}.choice-group{border:0;min-width:0;margin:0;padding:0}.choice-group legend{color:var(--quiet);margin-bottom:10px;padding:0;font-size:13.5px}.segmented{border:1px solid var(--rule);background:#1725294d;border-radius:11px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.segmented label{position:relative}.segmented-indicator{background:color-mix(in oklab, var(--song-a,var(--mint)) 30%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--song-a,var(--mint)) 55%, transparent);border-radius:8px;position:absolute;inset:0}.segmented label>span:last-child{position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented span{color:var(--muted);border-radius:8px;padding:8px 14px;font-size:14px;transition:background-color .15s,color .15s;display:block}.segmented label:hover span{color:var(--paper)}.segmented input:checked~span:last-child{color:var(--song-c,var(--mint))}.segmented input:focus-visible~span:last-child{outline:2px solid var(--mint);outline-offset:1px}.customize-preview{position:sticky;top:104px}.preview-screen{aspect-ratio:16/10;background:radial-gradient(55% 70% at 18% 25%, color-mix(in oklab, var(--song-a) 60%, transparent), transparent 70%), radial-gradient(45% 60% at 85% 80%, color-mix(in oklab, var(--song-c) 35%, transparent), transparent 70%), linear-gradient(160deg, color-mix(in oklab, var(--song-b) 60%, black), var(--song-deep) 65%);border:1px solid #ffffff1a;border-radius:18px;position:relative;overflow:hidden;container-type:inline-size}.preview-screen .surface-overlay{filter:drop-shadow(0 .4cqw 1.2cqw #00000073);width:86%;transition:background-color .25s;bottom:auto}.preview-screen .surface-overlay.is-top{top:6%}.preview-screen .surface-overlay.is-bottom{top:auto;bottom:6%}.preview-screen .align-left{text-align:left;align-items:flex-start}.preview-screen .align-right{text-align:right;align-items:flex-end}.preview-screen .overlay-current{font-size:calc(4.4cqw * var(--overlay-scale,1))}.preview-screen .overlay-next{font-size:calc(2cqw * var(--overlay-scale,1))}.preview-caption{margin-top:14px}.more-settings{margin-top:40px}.more-settings h3{color:var(--paper);font-size:15px}.more-settings ul{grid-template-columns:1fr 1fr;column-gap:28px;margin:12px 0 0;padding:0;list-style:none;display:grid}.more-settings li{border-top:1px solid var(--rule);color:var(--muted);padding:11px 0;font-size:14.5px;line-height:1.5}.measures{grid-template-columns:repeat(3,1fr);margin:72px 0 0;padding:0;list-style:none;display:grid}.measure{position:relative}.measure-number{color:var(--accent);font-size:14px;font-style:italic;position:absolute;top:-26px;left:2px}.measure-staff{border-left:2px solid var(--accent);transform-origin:0;background:repeating-linear-gradient(to bottom, var(--rule-strong) 0 1px, transparent 1px 10px);height:41px;display:block}.measure:last-child .measure-staff{box-shadow:inset -4px 0 0 var(--accent), inset -8px 0 0 #000, inset -9px 0 0 var(--accent)}.measure:first-child{--accent:var(--amber)}.measure:nth-child(2){--accent:var(--rose)}.measure:nth-child(3){--accent:var(--cobalt)}.measure h3{margin-top:30px;padding-right:40px;font-size:21px}.measure p{color:var(--muted);max-width:32ch;margin-top:10px;padding-right:40px}.liner-sleeve{border:1px solid var(--rule);background:linear-gradient(170deg,#172529b3,#17252938 70%);border-radius:8px;grid-template-columns:1fr 1.3fr;display:grid;position:relative;overflow:hidden}.liner-sleeve:before{content:"";background:linear-gradient(#0000,#b3dad147 20% 80%,#0000);width:1px;position:absolute;top:0;bottom:0;left:43.4783%}.liner-page{padding:clamp(32px,5vw,64px)}.liner-cover{z-index:1;color:#fff;background:linear-gradient(170deg, #170926b8, #17092600 55%), radial-gradient(circle at 80% 82%, color-mix(in oklab, var(--rose-pale) 75%, transparent) 0 6%, transparent 30%), radial-gradient(circle at 70% 72%, color-mix(in oklab, var(--rose) 85%, transparent), transparent 62%), conic-gradient(from 40deg at 62% 62%, #4f2db8, var(--rose), #4f2db8, #170926, #4f2db8);border-radius:7px 0 0 7px;flex-direction:column;display:flex;position:relative;box-shadow:18px 0 40px -18px #000000b3}.liner-cover .lead{color:#ffffffdb}.liner-cover .text-link{color:#fff;text-decoration-color:#fff9}.liner-cover .button-secondary{color:#fff;background:#0a041473;border-color:#fff6}.liner-cover .lead{margin-top:18px}.liner-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:auto;padding-top:40px;display:flex}.credits>div{border-top:1px solid var(--rule);grid-template-columns:8.5em 1fr;gap:20px;padding:14px 0;display:grid}.credits>div:first-child{border-top:0;padding-top:0}.credits dt{color:var(--rose-pale);font-size:15px;font-style:italic}.credits dd{color:var(--paper);font-size:15.5px;line-height:1.55}.faq{grid-template-columns:5fr 7fr;gap:clamp(40px,6vw,88px);display:grid}.faq .section-head{display:block}.faq details{border-top:1px solid var(--rule)}.faq details:last-child{border-bottom:1px solid var(--rule)}.faq summary{cursor:pointer;letter-spacing:-.01em;padding:22px 48px 22px 0;font-size:18px;list-style:none;transition:color .15s;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--amber-pale)}.faq summary:before,.faq summary:after{content:"";background:var(--amber);width:14px;height:1.5px;transition:transform .25s var(--ease-out);margin-top:-1px;position:absolute;top:50%;right:6px}.faq summary:after{transform:rotate(90deg)}.faq details[open] summary:after{transform:rotate(0)}.faq details p{color:var(--muted);max-width:60ch;padding:0 48px 26px 0}.faq{interpolate-size:allow-keywords}.faq details::details-content{opacity:0;block-size:0;transition:block-size .35s var(--ease-out), opacity .3s, content-visibility .35s allow-discrete;overflow:hidden}.faq details[open]::details-content{opacity:1;block-size:auto}.closing{isolation:isolate;text-align:center;padding-bottom:var(--section-space);position:relative}.closing-staff-band{height:150px;margin-bottom:40px;position:relative}.closing h2{font-size:clamp(44px,5.4vw,76px)}.closing .lead{margin:20px auto 0}.closing-actions{flex-direction:column;align-items:center;gap:18px;margin-top:34px;display:flex}.staff-lines{clip-path:inset(-60% -4%);width:100%;transition:clip-path 1.8s var(--ease-out);display:block;overflow:visible}.staff-lines[data-state=hidden]{clip-path:inset(-60% 104% -60% -4%)}.staff-line{fill:none;stroke:#70aea96b;stroke-width:1.1px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #70aea98c)}.staff-glint{fill:none;stroke-width:1.4px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px #cdeee6b3)}.staff-lyric{font-family:var(--font);fill:#b3dad1bf;letter-spacing:.02em;transition:opacity 1.2s var(--ease-out) .9s;font-size:10px;font-style:italic;font-weight:400}.staff-lines[data-state=hidden] .staff-lyric{opacity:0}.closing-staff{z-index:-1;opacity:.8;width:100vw;height:150px;position:absolute;top:0;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.site-footer{border-top:1px solid var(--rule);margin-top:0}.footer-inner{width:var(--page);align-items:center;gap:28px;margin:auto;padding:32px 0 40px;display:flex}.footer-inner img{width:56px;height:auto}.footer-note{color:var(--quiet);margin-right:auto;font-size:13.5px}.footer-nav{color:var(--muted);gap:24px;font-size:14px;display:flex}.footer-nav a:hover{color:var(--paper)}.download-page{padding-top:168px}.status-page{min-height:100svh}.download-intro{isolation:isolate;width:var(--page);margin:auto;position:relative}.download-intro h1{font-size:var(--text-display);letter-spacing:-.047em;font-weight:500;line-height:.98}.download-intro .lead{margin-top:20px}.download-staff{z-index:-1;width:100vw;height:200px;position:absolute;top:-64px;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(90deg,#0000 42%,#000 68% 92%,#0000);mask-image:linear-gradient(90deg,#0000 42%,#000 68% 92%,#0000)}.release-status{border:1px solid var(--rule-strong);color:var(--muted);background:#0000008c;border-radius:999px;align-items:center;gap:12px;margin-top:30px;padding:11px 18px 11px 14px;font-size:14.5px;line-height:1.45;display:inline-flex}.status-light{background:var(--mint);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #b3dad124,0 0 14px #b3dad1cc}.device-note{color:var(--paper);max-width:34em;margin-top:16px;font-size:15px}.platform-list{width:var(--page);border-top:1px solid var(--rule);margin:64px auto 0}.platform-row{border-bottom:1px solid var(--rule);grid-template-columns:minmax(200px,1fr) 2.2fr auto;align-items:start;gap:32px;padding:36px 28px;transition:background-color .2s;display:grid}.platform-row.is-featured{border-bottom-color:var(--rule-strong);background:radial-gradient(90% 140% at 0 0,#2a7e864d,#0000 60%),#17252947}.platform-name{align-items:center;gap:16px;display:flex}.platform-icon{width:32px;height:32px;color:var(--mint)}.platform-name h2{letter-spacing:-.03em;font-size:30px}.platform-tag{color:var(--amber);margin-top:4px;font-size:13.5px;font-style:italic}.platform-facts{gap:14px;display:grid}.platform-facts>div{grid-template-columns:9em 1fr;gap:16px;display:grid}.platform-facts dt{color:var(--quiet);font-size:14px}.platform-facts dd{color:var(--muted);max-width:52ch;font-size:15px;line-height:1.55}.platform-action{align-self:center}.pending-release{border:1px dashed var(--rule-strong);height:46px;color:var(--muted);white-space:nowrap;border-radius:12px;align-items:center;padding:0 18px;font-size:15px;font-weight:500;display:inline-flex}.build-source{width:var(--page);padding-top:var(--section-space);grid-template-columns:5fr 7fr;align-items:start;gap:clamp(40px,6vw,88px);margin:auto;display:grid}.build-copy .lead{margin-top:18px}.prerequisites{margin:26px 0;padding:0;list-style:none}.prerequisites li{border-top:1px solid var(--rule);color:var(--muted);padding:11px 0;font-size:15px}.terminal{border:1px solid var(--rule-strong);background:#000;border-radius:14px;overflow:hidden;box-shadow:0 40px 100px -60px #2a7e86cc}.terminal-bar{border-bottom:1px solid var(--rule);color:var(--quiet);justify-content:space-between;align-items:center;padding:10px 12px 10px 18px;font-size:13px;display:flex}.terminal-copy{border:1px solid var(--rule);height:30px;color:var(--muted);background:0 0;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.terminal-copy:hover{color:var(--mint);border-color:var(--glow)}.terminal-copy svg{width:15px;height:15px}.terminal pre{font-family:var(--mono);color:var(--mint);margin:0;padding:22px 20px 24px;font-size:14px;line-height:1.9;overflow-x:auto}.release-notes{width:var(--page);padding:var(--section-space) 0;grid-template-columns:5fr 7fr;align-items:center;gap:12px clamp(40px,6vw,88px);margin:auto;display:grid}.release-notes h2{grid-row:span 2;font-size:clamp(30px,3vw,40px)}.release-notes p{color:var(--muted)}.release-notes .button{justify-self:start}@media (width<=1023px){.section-head h2{grid-column:1/-1}.section-head .lead{grid-column:1/span 10}.customize,.faq,.build-source,.players-body{grid-template-columns:1fr}.customize-preview{position:static}.players-body{margin-top:40px}.platform-row{grid-template-columns:1fr;gap:22px;padding:30px 22px}.platform-action{align-self:start}.release-notes{grid-template-columns:1fr}.release-notes h2{grid-row:auto}}@media (width<=719px){.nav-link:not([href=\/download]){display:none}.header-nav{gap:18px}.header-nav .button span{display:none}.header-nav .button{width:38px;padding:0}.site-header{height:64px}.logo-link img{width:58px}.hero{height:max(760px,100svh)}.hero-lead{margin-top:16px;font-size:17px}.hero-actions{gap:14px;margin-top:26px}.button-large{height:52px;font-size:16.5px}.motion-control{bottom:16px}.section-head .lead{grid-column:1/-1}.scene-screen{aspect-ratio:4/4.2}.now-playing-title span:last-child,.now-playing-art{display:none}.now-playing{gap:8px;padding-left:16px}.song-option{width:40px}.more-settings ul,.choice-groups{grid-template-columns:1fr}.measures{grid-template-columns:1fr;gap:52px;margin-top:64px}.measure h3{margin-top:22px}.liner-sleeve{grid-template-columns:1fr}.liner-sleeve:before{display:none}.liner-cover{border-radius:7px 7px 0 0}.liner-page{padding:28px 24px}.credits>div{grid-template-columns:1fr;gap:4px}.faq summary{font-size:17px}.footer-inner{flex-wrap:wrap;gap:16px 24px}.footer-note{flex-basis:100%;order:3}.download-page{padding-top:128px}.download-staff{display:none}.platform-facts>div{grid-template-columns:1fr;gap:2px}.release-status{border-radius:16px;align-items:flex-start}.status-light{margin-top:6px}}@media (width<=719px),(aspect-ratio<=10/11){.hero-copy{justify-content:flex-end;padding-bottom:max(88px,11svh)}}@media (width>=720px) and (height<=860px){.hero{height:max(720px,100svh)}.hero h1{font-size:clamp(46px,5.2vw,68px)}.hero-lead{margin-top:14px;font-size:18px}.hero-actions{gap:14px;margin-top:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}