:root{--paper:#f1f2f0;--ink:#191a19;--accent:#2455dc;--white:#fff;--muted:#555a56;--pale:#dde7ec;--tone:#dce2e3;--black:#090a09;--gutter:clamp(20px,3.4vw,52px);--body:18px;--small:14px;--heading:clamp(34px,4.5vw,64px);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}button:disabled{cursor:not-allowed;opacity:.42}button,a,input{touch-action:manipulation}p{font-size:var(--body);line-height:1.65;margin:0;text-wrap:pretty}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.06em;text-wrap:balance}h2{font-size:var(--heading);line-height:1.17}h3{font-size:26px;line-height:1.25}svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.symbol-library{position:absolute;width:0;height:0;overflow:hidden}.small{font-size:var(--small);line-height:1.65}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.chapter{padding:96px var(--gutter);scroll-margin-top:0}.nav{display:flex;justify-content:space-between;align-items:center;padding:22px var(--gutter);background:var(--accent);color:var(--white);gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:700;letter-spacing:-1.5px}.brand:hover{text-decoration:none}.brand img{width:36px;height:36px;object-fit:contain}.nav nav{display:flex;gap:30px;align-items:center;font-size:16px}.nav-download{font-weight:600}.nav-download span{margin-left:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;min-height:56px;padding:16px 25px;background:var(--white);color:var(--ink);font-size:var(--body);font-weight:600;transition:transform .2s,background .2s}.button:hover{background:var(--ink);color:var(--white);text-decoration:none;transform:translateY(-3px)}.button:active{transform:translateY(1px)}.text-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:44px;padding:8px 0;background:transparent;color:inherit;font-size:16px;text-align:left;transition:transform .2s}.text-button:hover{transform:translateY(-2px)}.text-button:active{transform:translateY(1px)}.hero{background:var(--accent);color:var(--white);padding-top:38px;padding-bottom:26px}.hero-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:end;padding-bottom:56px}h1{font-size:clamp(64px,7.3vw,112px);line-height:1.09;letter-spacing:-.07em}.hero-deck{justify-self:end;max-width:440px;padding-bottom:7px}.hero-deck>p:first-child{font-size:18px;line-height:1.7}.hero-deck .button{margin:26px 0 16px}.desktop-stage{--island-ink:#f5f6f4;--island-muted:#b7bcb7;--island-surface:#090a09;--island-rail:#353935;position:relative;background:var(--pale);color:var(--ink);min-width:0;isolation:isolate;container-type:inline-size;--expanded-width:440px;--collapsed-width:280px}.main-stage{height:358px}.desktop-menu{height:40px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;font-size:13px;background:rgba(25,26,25,.05);position:relative;z-index:0}.desktop-menu>span:first-child{max-width:29%;white-space:nowrap;overflow:hidden}.desktop-menu>span:last-child{font-weight:500}.island-rail{position:absolute;z-index:1;top:0;left:16px;right:16px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:10px;pointer-events:none}.music-island{position:relative;grid-column:2;width:min(var(--collapsed-width),30cqw);height:44px;background:var(--island-surface);color:var(--island-ink);border-radius:0 0 18px 18px;overflow:hidden;pointer-events:auto;transition:width .6s cubic-bezier(.22,1,.3,1),height .6s cubic-bezier(.22,1,.3,1),border-radius .6s;max-width:calc(100cqw - 32px)}.music-island.is-open{width:min(var(--expanded-width),calc(100cqw - 40px));height:242px;border-radius:0 0 30px 30px}.island-rail:has(.music-island.is-open){grid-template-columns:0 minmax(0,auto) 0;justify-content:center;gap:0}.capsule{align-self:start;justify-self:end;min-width:0;max-width:100%;width:max-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--island-surface);color:var(--island-ink);padding:7px 13px;margin-top:6px;border-radius:30px;font-size:13px;line-height:1.35;opacity:1;pointer-events:none;transition:opacity .15s,transform .35s}.island-rail:has(.music-island.is-open)>.capsule{opacity:0;transform:translateX(10px);width:0;padding:0}.rail-spacer{grid-column:3}.closed-trigger{position:absolute;inset:0;width:100%;height:44px;padding:8px 13px;background:transparent;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:opacity .16s}.closed-title{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-island.is-open .closed-trigger{opacity:0;pointer-events:none;visibility:hidden}.cover{display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;background:#e0e5cf;color:#293321;overflow:hidden;transition:background .3s}.cover[data-cover="wind"]{background:#e5d2bf;color:#4d3529}.cover[data-cover="night"]{background:#bacbd9;color:#1d3344}.mini-cover{width:26px;height:26px;align-items:center;justify-content:center;font-size:14px;font-weight:600}.full-cover{width:92px;height:92px;padding:10px;font-size:24px;line-height:1.12;font-weight:500}.cover-caption{font-size:9px;line-height:1.2;letter-spacing:0}.island-content{height:242px;padding:14px 24px 15px;opacity:0;transform:translateY(-7px);transition:opacity .2s,transform .4s;visibility:hidden}.music-island.is-open .island-content{opacity:1;transform:translateY(0);visibility:visible;transition:opacity .25s .13s,transform .4s .08s}.island-header{display:flex;align-items:center;justify-content:space-between;min-height:24px;margin-bottom:8px;font-size:12px;color:var(--island-muted)}.icon-button{display:grid;place-items:center;min-width:42px;min-height:42px;padding:9px;background:transparent;color:inherit;border-radius:50%;transition:background .18s,transform .18s}.icon-button:hover{background:rgba(128,128,128,.2)}.icon-button:active{transform:scale(.9)}.collapse-button{min-width:30px;min-height:26px;padding:2px}.collapse-button svg{width:18px;height:18px}.now-playing{display:flex;align-items:center;gap:17px;min-width:0}.track-info{min-width:0}.track-title{font-size:18px;font-weight:600;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{font-size:12px;color:var(--island-muted);margin-top:4px}.island-lyric{font-size:14px;line-height:1.5;margin-top:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seek-row{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:11px;line-height:1;font-variant-numeric:tabular-nums;color:var(--island-muted)}.seek-label{flex:1;display:flex;align-items:center;min-width:0}.seek,.volume{--fill:22%;appearance:none;-webkit-appearance:none;background:transparent;border:0;height:24px;margin:0;min-width:0;width:100%;cursor:pointer;color:var(--island-ink)}.seek::-webkit-slider-runnable-track,.volume::-webkit-slider-runnable-track{height:4px;background:var(--island-rail);border-radius:4px}.seek::-moz-range-track,.volume::-moz-range-track{height:4px;background:var(--island-rail);border-radius:4px}.seek::-webkit-slider-thumb,.volume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;background:var(--island-ink);border-radius:50%;margin-top:-4px}.seek::-moz-range-thumb,.volume::-moz-range-thumb{width:12px;height:12px;background:var(--island-ink);border:0;border-radius:50%}.transport{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:2px}.play-buttons{display:flex;align-items:center;gap:8px}.play-buttons svg{width:18px;height:18px}.play-buttons svg use{fill:currentColor;stroke-width:1.5}.play-button{background:var(--island-ink);color:var(--island-surface)}.play-button:hover{background:var(--island-muted)}.play-button svg{stroke-width:3}.play-button.is-paused .play-shape{fill:currentColor;stroke-width:1.5}.volume-control{display:flex;align-items:center;width:112px;gap:1px}.volume-control>.icon-button{min-width:32px;min-height:32px;padding:6px}.volume-control svg{width:18px;height:18px}.volume-control.is-muted{opacity:.55}.equalizer{height:22px;display:flex;align-items:center;gap:3px;flex-shrink:0}.equalizer i{width:3px;height:14px;background:currentColor;border-radius:4px;animation:pulse 1s ease-in-out infinite alternate}.equalizer i:nth-child(2){height:20px;animation-delay:-.7s}.equalizer i:nth-child(3){height:11px;animation-delay:-.4s}.equalizer i:nth-child(4){height:17px;animation-delay:-.6s}.equalizer i:nth-child(5){height:8px;animation-delay:-.2s}.is-paused .equalizer i{animation-play-state:paused}.stage-bottom{position:absolute;left:24px;right:24px;bottom:20px;display:flex;align-items:end;justify-content:space-between;gap:24px;z-index:0}.stage-bottom>p{font-size:25px;font-weight:500;line-height:1.25;letter-spacing:-.05em}.stage-bottom .text-button{font-size:14px}.demo-caption{display:flex;justify-content:space-between;gap:20px;padding-top:16px;font-size:14px;line-height:1.5}.no-script{padding-top:20px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:58px}.section-heading>p{max-width:460px}.lyrics-chapter{background:var(--paper)}.lyrics-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:start}.song-name{font-size:14px;color:var(--muted);margin-bottom:25px}.lyrics-list{display:flex;flex-direction:column;align-items:start;gap:20px}.lyrics-list button{background:transparent;color:#626861;font-size:clamp(22px,2.5vw,36px);font-weight:500;line-height:1.5;text-align:left;letter-spacing:-.035em;padding:0;min-height:44px;transition:color .2s,transform .25s}.lyrics-list button:hover{color:var(--ink);transform:translateX(5px)}.lyrics-list button[aria-current="true"]{color:var(--ink);font-weight:600}.lyric-transport{display:flex;align-items:center;gap:12px;font-size:14px;font-variant-numeric:tabular-nums;margin-top:30px}.lyric-transport>.text-button{margin-right:auto;font-size:14px}.lyrics-options{padding-top:0;min-width:0}.compact-scene{background:var(--tone);min-height:160px;position:relative;padding:0 20px 22px;overflow:hidden}.compact-rail{display:flex;justify-content:center;align-items:start;gap:7px;min-width:0}.compact-capsule{background:var(--black);color:white;padding:7px 10px;border-radius:20px;font-size:12px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:55%}.compact-island{display:flex;align-items:center;justify-content:space-between;gap:26px;background:var(--black);color:white;padding:9px 12px;border-radius:0 0 18px 18px;min-width:110px;min-height:44px}.compact-message{font-size:16px;line-height:1.5;margin-top:40px}.option-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.option-row label{font-size:18px;font-weight:500;cursor:pointer}.option-row p{font-size:14px;color:var(--muted);margin-top:5px}.toggle{appearance:none;-webkit-appearance:none;display:block;flex-shrink:0;width:48px;height:28px;padding:0;border:0;border-radius:28px;background:#b4b9b2;cursor:pointer;position:relative;transition:background .2s}.toggle:before{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;background:white;border-radius:50%;transition:transform .2s}.toggle:checked{background:var(--ink)}.toggle:checked:before{transform:translateX(20px)}.demo-note{margin-top:24px;color:var(--muted)}.customize{background:var(--ink);color:var(--paper)}.players{background:var(--pale)}.players-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.player-picker{display:flex;flex-direction:column;gap:8px}.player-picker>button{display:flex;justify-content:space-between;align-items:center;gap:12px;background:transparent;padding:12px 0;min-height:64px;text-align:left;font-size:clamp(28px,3.4vw,48px);letter-spacing:-.045em;color:#505b60;transition:color .2s,transform .2s}.player-picker>button[aria-pressed="true"]{color:var(--ink)}.player-picker>button>span{opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s;font-size:26px}.player-picker>button[aria-pressed="true"]>span,.player-picker>button:hover>span{opacity:1;transform:translateX(0)}.player-picker>button:hover{color:var(--ink)}.player-detail{min-width:0}.source-summary{display:flex;align-items:center;gap:20px;margin-bottom:25px}.source-summary img{object-fit:contain;flex-shrink:0}.source-summary p:first-child{font-size:26px;font-weight:600;letter-spacing:-.035em}.source-summary p:last-child{font-size:14px}.capability-list{margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:16px}.capability-list>div{display:flex;justify-content:space-between;gap:18px;font-size:16px}.capability-list dd{margin:0;text-align:right;max-width:50%;font-weight:500}.player-detail>p:not(.small){font-size:16px;min-height:60px}.auto-detect{display:flex;align-items:center;gap:12px;margin-top:24px;min-height:44px;font-size:16px;cursor:pointer}.auto-detect input{width:19px;height:19px;accent-color:var(--ink)}#detection-note{margin-top:8px}.questions{background:var(--paper)}.faq-heading{padding:80px var(--gutter) 46px;display:flex;align-items:end;justify-content:space-between;gap:30px}.faq-heading h2{font-size:var(--heading)}.faq-heading>a{font-size:16px;white-space:nowrap}.faq-list details{padding:0 var(--gutter);background:#e3e6e2}.faq-list details:nth-child(even){background:var(--paper)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:25px;cursor:pointer;list-style:none;padding:27px 0;font-size:26px;font-weight:500;line-height:1.4;letter-spacing:-.025em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:26px;flex-shrink:0;transition:transform .2s}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-answer{padding:0 0 28px;margin-left:50%;max-width:640px}.faq-answer p{font-size:16px;line-height:1.7}.install{background:var(--accent);color:var(--white);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.install-heading>p{margin-top:25px}.install-action{padding-top:6px;min-width:0}.install-download{display:flex;width:100%;font-size:26px;padding:22px 25px}.install-action>.small{margin-top:20px}footer{padding:50px var(--gutter) 36px;background:var(--ink);color:var(--paper);overflow:hidden}.footer-mark{font-size:clamp(104px,24vw,360px);line-height:.92;letter-spacing:-.08em;font-weight:700;margin-left:-.04em;margin-bottom:50px}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-row>p{font-size:16px}.footer-row>div{display:flex;gap:28px;font-size:16px}.credits{display:flex;justify-content:space-between;gap:30px;margin-top:38px;color:#c7cec4}.credits p{font-size:13px;line-height:1.7}.credits a{text-decoration:underline;text-underline-offset:3px}@keyframes pulse{to{transform:scaleY(.35)}}@keyframes arrive{from{opacity:.15;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes cover-in{from{transform:translateY(7px);opacity:.5}to{transform:translateY(0);opacity:1}}.track-change .full-cover,.track-change .track-info{animation:cover-in .32s ease-out}.arrive{animation:arrive .65s cubic-bezier(.22,.8,.2,1) both}
@media(min-width:1101px){.lyrics-chapter,.customize,.players{min-height:90svh;display:flex;flex-direction:column;justify-content:center}.lyrics-layout,.players-layout{width:100%}.install{min-height:65svh;align-items:center}}
@media(max-width:1100px){.nav nav{gap:20px}.hero-intro{gap:32px}h1{font-size:clamp(64px,8vw,88px)}.hero-deck>p:first-child{font-size:18px}.hero-deck .small{font-size:13px}.chapter{padding:70px var(--gutter)}.hero{padding-top:30px;padding-bottom:22px}.section-heading{margin-bottom:40px}.section-heading>p{font-size:16px;max-width:350px}.lyrics-layout{gap:6vw;grid-template-columns:1.1fr 1fr}.lyrics-list{gap:16px}.lyrics-list button{font-size:26px}.players-layout{gap:6vw}.player-picker>button{font-size:34px}.capability-list>div{font-size:14px}.source-summary{gap:12px}.source-summary p:first-child{font-size:24px}.source-summary img{width:52px;height:52px}.faq-answer{margin-left:40%}.install{gap:5vw}.footer-row>div{gap:18px}}
@media(max-width:760px){.nav{padding-top:18px;padding-bottom:18px}.brand{font-size:25px}.brand img{width:32px;height:32px}.nav nav>a:not(.nav-download){display:none}.nav-download{font-size:14px}.hero-intro{grid-template-columns:1fr;gap:24px;align-items:start;padding-bottom:32px}.hero h1{font-size:clamp(54px,10.8vw,76px);line-height:1.1}.hero-deck{justify-self:start;max-width:100%;padding:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.hero-deck>p:first-child{font-size:17px}.hero-deck .button{margin:0;gap:24px;font-size:16px;padding:14px 20px}.hero-deck .small{grid-column:1/-1;margin-top:-6px}.main-stage{height:352px}.section-heading{display:block;margin-bottom:34px}.section-heading>p{margin-top:25px;max-width:none}.lyrics-layout{gap:38px;grid-template-columns:1fr}.lyrics-list button{font-size:clamp(21px,4.5vw,30px)}.lyrics-options{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.compact-scene{grid-column:1/-1;min-height:146px}.compact-message{margin-top:30px}.option-row{margin-top:25px}.option-row label{font-size:16px}.option-row p{font-size:13px}.demo-note{grid-column:1/-1}.players-layout{grid-template-columns:1fr;gap:34px}.player-picker{display:grid;grid-template-columns:1fr 1fr;gap:5px 28px}.player-picker>button{font-size:26px;min-height:56px}.player-picker>button>span{font-size:22px}.player-detail{padding-top:0}.source-summary p:first-child{font-size:26px}.capability-list>div{font-size:16px}.player-detail>p:not(.small){min-height:0}.faq-heading{display:block;padding-top:62px;padding-bottom:32px}.faq-heading>a{display:inline-block;margin-top:22px}.faq-heading h2{font-size:32px}.faq-list summary{font-size:20px;padding:23px 0}.faq-answer{margin-left:0;max-width:none;padding-bottom:26px}.install{grid-template-columns:1fr;gap:34px}.install-heading>p{font-size:16px}.install-download{font-size:24px}.footer-mark{margin-bottom:35px}.footer-row{display:block}.footer-row>div{margin-top:24px;justify-content:space-between;gap:12px;font-size:14px}.credits{display:block;margin-top:28px}.credits p+p{margin-top:12px}}
@media(max-width:480px){:root{--gutter:20px;--body:16px;--heading:36px}.chapter{padding-top:56px;padding-bottom:56px}.hero{padding-top:22px;padding-bottom:20px}.hero h1{font-size:52px}.hero-intro{gap:25px;padding-bottom:27px}.hero-deck{display:block}.hero-deck>p:first-child{font-size:17px}.hero-deck .button{margin-top:22px;min-height:50px;gap:42px}.hero-deck .small{font-size:12px;margin-top:14px}.desktop-menu{font-size:11px;padding:0 12px;height:32px}.desktop-menu>span:first-child{max-width:25%}.desktop-menu>span:last-child{font-size:11px}.main-stage{height:330px}.island-rail{left:10px;right:10px;gap:5px}.music-island{width:min(var(--collapsed-width),37cqw);height:42px}.music-island.is-open{width:calc(100cqw - 20px);height:226px;border-radius:0 0 24px 24px}.closed-trigger{height:42px;padding:7px 10px;gap:8px}.closed-title{display:none}.capsule{font-size:11px;padding:7px 9px;margin-top:5px}.island-content{padding:10px 15px 12px;height:226px}.island-header{font-size:11px;min-height:24px;margin-bottom:6px}.full-cover{width:74px;height:78px;font-size:22px;padding:8px}.cover-caption{font-size:8px}.now-playing{gap:12px}.track-title{font-size:16px}.track-artist{font-size:11px}.island-lyric{font-size:12px;margin-top:10px}.seek-row{margin-top:10px;font-size:10px;gap:7px}.transport{margin-top:2px;gap:10px}.play-buttons{gap:4px}.icon-button{min-width:42px;min-height:42px}.collapse-button{min-width:26px;min-height:24px}.volume-control{width:90px}.volume-control>.icon-button{min-width:28px;min-height:30px;padding:5px}.stage-bottom{left:16px;right:16px;bottom:18px;gap:10px}.stage-bottom>p{font-size:20px}.stage-bottom .text-button{font-size:12px;gap:10px}.demo-caption{display:block;font-size:12px;padding-top:12px}.demo-caption>span{display:block}.demo-caption>span+span{margin-top:4px;opacity:.85}.section-heading>p{font-size:16px;margin-top:23px}.lyrics-list{gap:18px}.lyrics-list button{font-size:22px;line-height:1.5}.lyrics-options{grid-template-columns:1fr;gap:0}.option-row{margin-top:23px}.option-row label{font-size:16px}.option-row p{font-size:14px}.compact-scene{padding-left:12px;padding-right:12px}.compact-capsule{font-size:11px}.player-picker{gap:3px 18px}.player-picker>button{font-size:22px;min-height:53px;gap:8px}.player-picker>button>span{font-size:18px}.source-summary p:first-child{font-size:24px}.capability-list>div{font-size:14px}.player-detail>p:not(.small){font-size:14px}.faq-heading h2{font-size:30px}.faq-list summary{font-size:18px}.faq-answer p{font-size:16px}.install-heading>p{margin-top:22px}.install-download{font-size:24px}.install-action>.small{font-size:13px}.footer-mark{font-size:24vw}footer{padding-top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep the hero playback panel within its layout box. */
.music-island.is-open{height:266px}.island-content{height:266px;padding-top:22px}.music-island.is-open:after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:86px;height:14px;background:#090a09;border-radius:0 0 9px 9px;pointer-events:none}.seek,.volume{height:30px}.icon-button{min-width:44px;min-height:44px}.collapse-button{min-width:30px;min-height:26px}.volume-control>.icon-button{min-width:32px;min-height:32px}
@media(max-width:480px){.hero-deck .small,.demo-caption{font-size:13px}.music-island.is-open{height:244px}.island-content{height:244px;padding-top:22px}.music-island.is-open:after{width:70px;height:13px}}
/* Preserve the original iiisland palette: paper, sage, blue-grey and blue actions. */
:root{--accent:#2253dc;--pale:#d6dce1;--tone:#e2e5df}
.nav,.hero{background:var(--paper);color:var(--ink)}
.hero .button{background:var(--accent);color:var(--white)}
.hero .button:hover{background:var(--ink)}
.main-stage{background:#c5cfc0}
.lyrics-chapter{background:var(--tone)}
.compact-scene{background:#c5cfc0}
.customize{background:var(--paper);color:var(--ink)}
.players{background:#d6dce1}
.install{background:var(--accent)}
footer{background:var(--paper);color:var(--ink)}
.credits{color:var(--muted)}
/* Soft, consistent corners for containers; the top-edge silhouette belongs to the island. */
:root{--radius-panel:24px;--radius-control:12px}
.button{border-radius:999px;padding-left:28px;padding-right:28px}
.desktop-stage,.compact-scene{border-radius:var(--radius-panel);overflow:clip}
.desktop-menu{border-radius:var(--radius-panel) var(--radius-panel) 0 0}

.full-cover{border-radius:10px}.mini-cover{border-radius:5px}
.source-summary img{border-radius:12px}
.faq-list{padding:0 var(--gutter) 56px;display:flex;flex-direction:column;gap:8px}
.faq-list details{padding:0 26px;border-radius:16px;background:#e3e6e2}
.faq-list details:nth-child(even){background:#e3e6e2}
.faq-list summary{padding:24px 0}
@media(max-width:760px){.faq-list details{padding:0 20px}.faq-list summary{padding:22px 0}}
@media(max-width:480px){:root{--radius-panel:20px}.button{padding-left:25px;padding-right:25px}.hero-deck .button{padding-left:25px;padding-right:25px}.faq-list{padding-bottom:40px}.faq-list details{border-radius:14px}}

@media(max-width:480px){.hero-deck>p:first-child{font-size:18px}.brand{font-size:24px}.faq-heading h2{font-size:36px}}@media(max-width:480px){.desktop-stage .desktop-menu>span{visibility:hidden}}

/* The existing download panel is retained as requested. */
.download{margin:0 var(--gutter);padding:52px 40px;background:var(--accent);color:white;border-radius:0 0 70px 70px}.download h2{font-size:32px}.big-download{display:flex;justify-content:space-between;align-items:center;font-size:clamp(40px,8.6vw,130px);font-weight:550;letter-spacing:-.06em;padding:24px 0}.big-download:hover{color:#d4e0ff;transform:translateY(-3px);text-decoration:none}.download p{font-size:15px}
@media(max-width:600px){.download{padding:32px 24px;border-radius:0 0 40px 40px}.download h2{font-size:26px}.big-download{font-size:40px;gap:8px;padding:28px 0}.download p{font-size:13px}}




/* A self-contained, looping size illustration: no controls or measured resizing. */
.size-showcase{position:relative;margin:0;height:340px;background:#dce3de;border-radius:var(--radius-panel);overflow:clip}
.size-visual{position:relative;margin:0 auto;width:min(82%,560px);height:210px;color:#f5f6f4;pointer-events:none}
.size-silhouette{position:absolute;inset:0;background:var(--black);clip-path:inset(0 round 0 0 30px 30px)}
.size-compact{position:absolute;top:11px;left:23%;right:23%;display:flex;align-items:center;justify-content:space-between;opacity:0}
.size-wave{display:flex;align-items:center;gap:3px;height:24px}
.size-wave i{width:3px;height:12px;border-radius:3px;background:currentColor}
.size-wave i:nth-child(2){height:21px}.size-wave i:nth-child(3){height:15px}.size-wave i:nth-child(4){height:19px}.size-wave i:nth-child(5){height:9px}
.size-expanded{position:absolute;top:35px;left:10%;right:10%;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:24px 18px}
.size-artwork{padding:8px;background:#e0e5cf;color:#293321;border-radius:9px;font-size:20px;font-weight:500;line-height:1.1;aspect-ratio:1}
.size-song p{font-size:20px;font-weight:500;line-height:1.4}.size-song span{display:block;margin-top:6px;font-size:13px;color:#b7bcb7}
.size-lyric{grid-column:1/-1;font-size:18px;line-height:1.5}
.size-showcase figcaption{position:absolute;left:28px;right:28px;bottom:25px}
.size-showcase figcaption p{font-size:24px;line-height:1.4;letter-spacing:-.035em}.size-showcase figcaption span{display:block;margin-top:7px;font-size:16px}
.size-showcase.arrive .size-silhouette{animation:size-morph 4.8s cubic-bezier(.45,0,.2,1) infinite alternate both}
.size-showcase.arrive .size-compact{animation:size-compact 4.8s ease infinite alternate both}
.size-showcase.arrive .size-expanded{animation:size-expanded 4.8s ease infinite alternate both}
@keyframes size-morph{0%,18%{clip-path:inset(0 19% 76% round 0 0 18px 18px)}35%,44%{clip-path:inset(0 9% 76% round 0 0 18px 18px)}67%,76%{clip-path:inset(0 9% 18% round 0 0 26px 26px)}100%{clip-path:inset(0 round 0 0 30px 30px)}}
@keyframes size-compact{0%,34%{opacity:1}43%,100%{opacity:0}}
@keyframes size-expanded{0%,46%{opacity:0;transform:translateY(-7px)}65%,100%{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.size-showcase{height:300px}.size-visual{width:calc(100% - 32px);height:190px}.size-expanded{top:30px;left:12%;right:12%;grid-template-columns:56px minmax(0,1fr);gap:22px 14px}.size-artwork{font-size:18px}.size-song p{font-size:16px}.size-song span{font-size:12px}.size-lyric{font-size:15px}.size-showcase figcaption{left:20px;right:20px;bottom:22px}.size-showcase figcaption p{font-size:22px}.size-showcase figcaption span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.size-silhouette{clip-path:inset(0 round 0 0 30px 30px)}.size-compact{opacity:0}.size-expanded{opacity:1;transform:none}}