:root{color-scheme:dark;--bg:#080d13;--panel:#141d27;--line:#2c3947;--text:#f5f8fa;--muted:#aab7c1;--cyan:#59e4ff;--lime:#c8ff45}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% 0,rgba(89,228,255,.13),transparent 33rem),var(--bg);color:var(--text);font:16px/1.6 Inter,system-ui,sans-serif}.site-nav,main,footer{width:min(100% - 2rem,900px);margin:auto}.site-nav,footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}.site-nav nav,footer{flex-wrap:wrap}.site-nav nav{display:flex;gap:.8rem}.brand{font-weight:900}a{color:var(--cyan);text-decoration:none}.hero{text-align:center;padding:2rem 0 2.5rem}.eyebrow{color:var(--lime);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{margin:.2rem 0;font-size:clamp(2.3rem,8vw,4.7rem);line-height:1}.lead{max-width:690px;margin:.9rem auto 1.5rem;color:var(--muted)}#tap{display:grid;place-items:center;width:min(64vw,230px);aspect-ratio:1;margin:auto;border:1px solid #8bf0ff;border-radius:50%;background:linear-gradient(145deg,#80efff,#2fb1c9);color:#061015;cursor:pointer;touch-action:manipulation}#tap:active{transform:scale(.97)}#tap strong{font-size:2.5rem}#tap span{font-size:.85rem;font-weight:700}.reading{color:var(--lime);font-weight:800}.candidates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.candidate,.panel{border:1px solid var(--line);border-radius:1rem;background:var(--panel)}.candidate{display:grid;gap:.4rem;padding:1rem}.candidate span{color:var(--muted);font-size:.8rem}.candidate strong{font-size:clamp(1.5rem,5vw,2rem);color:var(--cyan)}.candidate button,.reset{min-height:2.8rem;padding:.6rem;border:1px solid var(--cyan);border-radius:.7rem;background:rgba(89,228,255,.1);color:var(--text);font:700 .85rem system-ui;cursor:pointer}.candidate button:disabled{opacity:.4;cursor:default}.reset{border-color:var(--line);background:transparent}.help,.privacy{color:var(--muted)}.content{display:grid;gap:1rem;padding:1rem 0 4rem}.panel{padding:clamp(1rem,4vw,2rem)}h2{margin-top:0}.panel p,.panel li{color:var(--muted)}.panel img{display:block;width:100%;height:auto;margin-top:1rem;border-radius:.8rem}.privacy{text-align:center}footer{border-top:1px solid var(--line);color:var(--muted)}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}@media(max-width:600px){.site-nav{align-items:flex-start}.hero{padding-top:1rem}.candidates{grid-template-columns:1fr}.candidate{grid-template-columns:1fr auto;align-items:center}.candidate button{grid-column:1/-1}}