:root{color-scheme:dark;--bg:#080d13;--panel:#141d27;--line:#30404d;--text:#f5f8fa;--muted:#b9c5ce;--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 32rem),var(--bg);color:var(--text);font:16px/1.6 Inter,system-ui,sans-serif}.nav,main,footer{width:min(100% - 2rem,900px);margin:auto}.nav,footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}.nav nav{display:flex;gap:.9rem;flex-wrap:wrap}a{color:var(--cyan);text-decoration:none}.brand{font-weight:900}.hero{text-align:center;padding:1.3rem 0 2.5rem}.eyebrow{color:var(--lime);font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}h1{margin:.25rem 0;font-size:clamp(2rem,7vw,4.3rem);line-height:1.05}.lead{max-width:690px;margin:.8rem auto 1.25rem;color:var(--muted)}.controls{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem;margin:1.3rem auto}.controls label{display:grid;gap:.3rem;text-align:left;color:var(--muted);font-size:.9rem}.controls select,.controls input{width:190px;min-height:3rem;padding:.5rem .7rem;border:1px solid var(--line);border-radius:.7rem;background:var(--panel);color:var(--text);font:700 1rem system-ui}#mark{display:grid;place-content:center;width:min(62vw,210px);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}#mark:active{transform:scale(.97)}#mark strong{font-size:1.25rem}#mark span{font-size:.82rem;font-weight:700}#mark:disabled{opacity:.5;cursor:not-allowed}#instruction{color:var(--lime);font-weight:700;min-height:3rem}.result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.result>div,.panel{border:1px solid var(--line);border-radius:1rem;background:var(--panel)}.result>div{display:grid;gap:.1rem;padding:1rem}.result span{color:var(--muted);font-size:.85rem}.result strong{color:var(--cyan);font-size:1.35rem}#reset{margin-top:1rem;min-height:2.8rem;padding:.5rem 1rem;border:1px solid var(--line);border-radius:.7rem;background:var(--panel);color:var(--text);font-weight:700;cursor:pointer}.content{display:grid;gap:1rem;padding:1rem 0 4rem}.panel{padding:clamp(1rem,4vw,2rem)}.panel h2{margin-top:0}.panel p{color:var(--muted)}.panel img{display:block;width:100%;height:auto;border-radius:.8rem;margin-top:1rem}.privacy{text-align:center;color:var(--muted)}footer{border-top:1px solid var(--line);color:var(--muted)}footer a{margin-left:.5rem}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:3px}@media(max-width:600px){.nav{align-items:flex-start}.result{grid-template-columns:1fr}.result>div{padding:.6rem}.controls{align-items:stretch}.controls label{flex:1 1 140px}.controls select,.controls input{width:100%}.hero{padding-top:.7rem}}