:root{color-scheme:dark;--bg:#101318;--surface:#191e26;--line:#303743;--text:#eef0f4;--muted:#aab3c2;--accent:#9aafff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.55 Barlow,system-ui,sans-serif}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:var(--surface);border-radius:5px;padding:11px 18px;min-height:44px}button:hover{border-color:var(--accent)}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}header,main,footer{max-width:1180px;margin:auto;padding-inline:28px}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:italic 900 34px/1 'Barlow Condensed',sans-serif}.brand span{color:var(--accent)}.back{font-size:15px;color:var(--muted)}.intro{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:64px 0 40px}.eyebrow{color:var(--accent);font-size:14px;margin:0 0 12px}h1{font:700 56px/1.05 'Barlow Condensed',sans-serif;margin:0 0 20px;letter-spacing:-.02em}.intro p:last-child{color:var(--muted);max-width:55ch;margin:0}.mix-note{border-left:2px solid var(--accent);padding-left:20px;max-width:300px;font-size:14px}.mix-note b,.mix-note span{display:block}.mix-note span{color:var(--muted);margin-top:6px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:2;background:var(--bg);padding:20px 0;border-block:1px solid var(--line)}#worlds{display:flex;gap:8px}#worlds button{background:transparent;border-color:transparent;padding-inline:14px;font-size:15px}#worlds button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--surface)}#worlds small{color:var(--muted);margin-left:8px}.quiet{background:transparent;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:32px 0 20px}.section-title h2{font-size:25px;margin:0}.section-title p{font-size:14px;color:var(--muted);margin:0}.track{display:grid;grid-template-columns:56px minmax(180px,1fr) minmax(240px,360px) 72px;gap:24px;align-items:center;padding:22px 0;border-top:1px solid var(--line)}.track.playing{background:linear-gradient(90deg,#9aafff0c,transparent)}.play{width:48px;height:48px;padding:0;font-size:18px;border-radius:50%;color:var(--accent)}.track h3{font-size:19px;margin:0 0 3px;font-weight:600}.track .detail{font-size:13px;color:var(--muted);margin:0}.track .detail code{font:12px Barlow, sans-serif;color:#8792a5}.reserved{margin-left:8px;font-size:11px;color:var(--muted);font-weight:400;border:1px solid var(--line);padding:2px 6px;border-radius:3px}.volume{display:flex;align-items:center;gap:16px}.volume input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;min-width:0;height:32px}.number{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:14px}.number input{width:64px;padding:7px 4px 7px 8px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:4px;font-variant-numeric:tabular-nums}.reset-one{font-size:12px;padding:6px 9px;min-height:36px;background:transparent;color:var(--muted)}.timeline{display:flex;align-items:center;gap:10px;max-width:260px;margin-top:8px}.timeline progress{height:3px;width:100%;accent-color:var(--accent)}.time{font-size:11px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.level-help{font-size:13px;color:var(--muted);max-width:85ch;margin:24px 0 52px}.delivery{border-top:1px solid var(--line);padding:36px 0;display:grid;grid-template-columns:1fr 300px;gap:70px}.delivery h2{font:600 30px/1.2 'Barlow Condensed',sans-serif;margin:0 0 12px}.delivery p{color:var(--muted);font-size:15px;max-width:65ch;margin:0}.actions{display:grid;gap:10px}.primary{background:var(--accent);border-color:var(--accent);color:#101623;font-weight:600}#status{font-size:14px;color:var(--accent);min-height:24px}#error{color:#ffb6a8;background:#301c1c;padding:16px;border-radius:4px}footer{display:flex;justify-content:space-between;padding-block:28px;margin-top:32px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:750px){header,main,footer{padding-inline:18px}.intro{display:block;padding-top:36px}h1{font-size:44px}.mix-note{margin-top:24px}.toolbar{display:block}#worlds{overflow:auto}#worlds button{white-space:nowrap}#stop{margin-top:12px}.section-title{display:block}.section-title p{margin-top:8px}.track{grid-template-columns:48px 1fr 64px;gap:12px}.volume{grid-column:2/4;grid-row:2}.reset-one{grid-column:3;grid-row:1}.delivery{grid-template-columns:1fr;gap:24px}footer{gap:20px}}