:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#0b1020;color:#eef2ff}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0%,#1c2d54 0,transparent 34%),#0b1020}
.shell{max-width:900px;margin:0 auto;padding:64px 24px}.narrow{max-width:640px;padding-top:36px}
.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:#82b6ff}
h1{font-size:clamp(34px,6vw,54px);line-height:1.05;letter-spacing:-.04em;margin:12px 0}
h2{margin:10px 0;font-size:21px}p{color:#aab6d0;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:36px}
.card{display:block;color:inherit;text-decoration:none;padding:24px;border:1px solid #293552;background:#111a30;border-radius:18px;transition:.15s}
.card:hover{border-color:#6aa8ff;transform:translateY(-2px)}.symbol{font-size:30px;color:#82b6ff}
.foot,.hint{font-size:13px;color:#8997b5;margin-top:28px}.back{display:inline-block;color:#9fc4ff;text-decoration:none;margin-bottom:30px}
label{display:block;font-size:14px;font-weight:700;margin:20px 0;color:#d9e2f7}
input,select{display:block;width:100%;margin-top:8px;padding:13px 14px;border-radius:10px;border:1px solid #354362;background:#0d1528;color:#fff;font:inherit}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}button{border:1px solid #354362;border-radius:10px;padding:12px 16px;background:#17223a;color:#eef2ff;font:inherit;font-weight:700;cursor:pointer}
button.primary{background:#2877ee;border-color:#2877ee}button:disabled{opacity:.45;cursor:not-allowed}
.status{margin-top:20px;padding:14px 16px;border-radius:10px;background:#121d32;border:1px solid #293552;color:#cbd7ee}
audio{width:100%;margin-top:20px}