:root{color-scheme:light;--bg:#f5f3ff;--ink:#17153b;--muted:#5b5a7a;--purple:#6c4dff;--card:#fff;--border:#e7e4f7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-rounded,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:600;min-height:100dvh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;width:min(100%,960px);padding:24px;margin:auto;font-weight:800;font-size:20px}.brand img{border-radius:12px}main{width:min(100%,620px);padding:16px 24px 32px;margin:auto;text-align:center}.eyebrow{font-size:12px;letter-spacing:.1em;color:var(--purple);font-weight:900}h1{font-size:clamp(30px,6vw,46px);line-height:1.12;letter-spacing:-.03em;margin:12px 0 16px}.intro{max-width:40ch;margin:auto;color:var(--muted);font-size:17px}.art{display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:linear-gradient(145deg,#fff,#e5dcff);border-radius:36px;margin:28px auto;width:min(100%,360px);aspect-ratio:1;overflow:hidden}.art img{display:block;width:86%;height:86%;object-fit:contain}.actions{display:flex;gap:12px;flex-direction:column;max-width:360px;margin:auto}.button{display:flex;align-items:center;justify-content:center;min-height:56px;padding:14px 20px;border-radius:18px;font-weight:850;font-size:16px;line-height:1.4;text-decoration:none;transition:transform .12s,box-shadow .12s}.button[hidden]{display:none}.button.primary{background:var(--purple);color:#fff;box-shadow:0 4px 0 #4b32d1}.button.play{background:var(--ink);color:#fff;box-shadow:0 4px 0 #06051b}.button:active{transform:translateY(2px);box-shadow:none}.button:focus-visible,a:focus-visible{outline:3px solid #ff7a1a;outline-offset:4px}.hint{font-size:13px;color:var(--muted);margin:20px auto 0;max-width:38ch}footer{display:flex;align-items:center;justify-content:center;gap:24px;padding:24px;color:var(--muted);font-size:13px}footer a{color:inherit;min-height:48px;display:inline-flex;align-items:center;text-decoration:underline}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#17152c;--ink:#f5f1ff;--muted:#c5bddc;--purple:#b29aff;--card:#24213d;--border:#403a5c}.art{background:linear-gradient(145deg,#312947,#211a38)}.button.primary{background:#8060ee}.button.play{background:#f5f1ff;color:#211b3a;box-shadow:0 4px 0 #aaa0c0}}@media(prefers-reduced-motion:reduce){.button{transition:none}.button:active{transform:none}}@media(min-width:700px){main{padding-top:32px}.actions{flex-direction:row;max-width:550px}.actions a{flex:1}}