:root{color-scheme:dark;--bg:#080c15;--surface:#121925;--text:#f6f7fa;--muted:#adb6c7;--line:#ffffff24;--mint:#c9f9df;--font:"Segoe UI", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;--mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{font-family:var(--font);background:var(--bg);color:var(--text);scroll-behavior:smooth}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button,a{color:inherit}button{background:0 0;border:0}a{text-decoration:none}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:3px solid #cefce9}button:focus:not(:focus-visible){outline:none}img{max-width:100%;display:block}svg{flex-shrink:0}h1,h2,h3,p{margin:0}button{font-size:1rem}input{min-width:0}[hidden]{display:none!important}.skip-link{color:#111;z-index:100;background:#fff;padding:14px 20px;position:fixed;top:-70px;left:20px}.skip-link:focus{top:15px}.eyebrow{letter-spacing:.16em;color:var(--muted);font-size:.75rem;font-weight:600;line-height:1.8}.icon-button{color:#e8edf4;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .18s,transform .18s;display:inline-flex;position:relative}.icon-button:hover{background:#ffffff15}.icon-button:active{transform:scale(.94)}.icon-button.is-muted:after{content:"";width:26px;height:2px;box-shadow:0 0 0 2px var(--bg);background:currentColor;position:absolute;transform:rotate(-45deg)}.system-actions{align-items:center;gap:14px;display:flex}.system-clock{letter-spacing:.04em;font-variant-numeric:tabular-nums;min-width:60px;font-size:1.25rem;font-weight:300}.avatar{color:#122137;background:linear-gradient(135deg,#9ae0d2,#648ee4);border-radius:50%;place-items:center;width:33px;height:33px;margin:0 10px;font-size:.8rem;font-weight:700;display:grid}.play-button{color:#101824;background:#f5f6f8;border-radius:50px;justify-content:center;align-items:center;gap:12px;min-height:56px;padding:15px 48px;font-weight:650;transition:transform .2s,box-shadow .2s;display:inline-flex}.play-button:hover{transform:translateY(-2px);box-shadow:0 0 0 4px #ffffff24}.play-button:active{transform:translateY(0)}.play-button.compact{min-height:50px;padding:14px 26px}.round-button{backdrop-filter:blur(12px);background:#ffffff15;border:1px solid #ffffff18;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.round-button:hover{background:#ffffff25}.system-dialog{color:var(--text);backdrop-filter:blur(25px);background:#111927ed;border:1px solid #ffffff20;border-radius:24px;width:min(560px,100% - 32px);max-height:85svh;padding:32px;overflow:auto;box-shadow:0 30px 120px #0009}.system-dialog::backdrop{backdrop-filter:blur(8px);background:#01050ba6}.dialog-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.dialog-heading h2{margin-top:5px;font-size:1.6rem;font-weight:500}.dialog-heading .icon-button{flex-shrink:0}.dialog-description{color:#c3cbd8;font-size:1rem;line-height:1.9}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:22px;padding:20px 0;display:flex}.setting-row strong{font-size:1rem;font-weight:500;display:block}.setting-row small{color:var(--muted);margin-top:6px;font-size:.875rem;line-height:1.6;display:block}.setting-row input[type=checkbox]{appearance:none;cursor:pointer;background:#455061;border-radius:20px;flex-shrink:0;width:42px;height:24px;position:relative}.setting-row input[type=checkbox]:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.setting-row input[type=checkbox]:checked{background:#62b392}.setting-row input[type=checkbox]:checked:before{transform:translate(18px)}.setting-row input[type=range]{accent-color:#c9f9df;width:150px}.dialog-note{color:#8996ab;margin-top:24px;font-size:.875rem;line-height:1.7}.instruction-list{margin:25px 0}.instruction-list p{color:#c3cbd8;gap:18px;margin:18px 0;line-height:1.7;display:flex}.instruction-list b{font-family:var(--mono);color:var(--mint);font-size:.875rem}.toast{color:#15251e;z-index:500;background:#f2f7f5;border-radius:12px;max-width:calc(100% - 30px);padding:14px 24px;font-size:.875rem;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0005}.no-script{color:#252014;z-index:100;background:#ffe5b0;padding:24px;position:fixed;inset:auto 0 0}kbd{font:.75rem var(--font);text-align:center;color:#d3dbe8;border:1px solid #ffffff45;border-radius:5px;min-width:23px;padding:2px 7px;display:inline-block}html[data-reduced-motion=true] *,html[data-reduced-motion=true] :before,html[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=650px){.system-actions{gap:3px}.system-clock{min-width:48px;font-size:1rem}.avatar,.desktop-control{display:none}.icon-button{width:40px;height:40px}.system-dialog{padding:25px}.setting-row{gap:14px}.eyebrow{font-size:.75rem}}