:root{color-scheme:dark;--bg:#07111f;--panel:#101f33;--ink:#eef6ff;--muted:#9eb1c7;--accent:#5eead4;--line:#29405c;--danger:#fecaca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#12304a,var(--bg) 42%);color:var(--ink);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}header,main,footer{width:min(920px,calc(100% - 32px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.brand{color:var(--ink);font-weight:850;font-size:1.35rem;text-decoration:none}.badge{border:1px solid #2dd4bf;color:var(--accent);padding:5px 9px;font-size:.72rem;letter-spacing:.08em}main{background:#101f33;border:1px solid var(--line);padding:clamp(20px,5vw,48px);box-shadow:0 22px 70px #0007}main:focus{outline:none}.skip-link{position:fixed;left:12px;top:12px;z-index:20;padding:10px 14px;background:var(--accent);color:#04211d;font-weight:800;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}nav ol{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;list-style:none;padding:0;margin:0 0 28px}nav li{border-top:3px solid var(--line);padding-top:8px;color:var(--muted);font-size:.82rem}nav li.active{border-color:var(--accent);color:var(--ink)}h1{font-size:clamp(2rem,6vw,3.6rem);line-height:1.05;max-width:750px;margin:.35em 0}h1:focus-visible{outline:3px solid var(--accent);outline-offset:6px}h2{margin-top:0}section,fieldset{background:#0a1728;border:1px solid var(--line);padding:22px;margin:24px 0}label{display:block;margin:15px 0;font-weight:650}fieldset label,.check{font-weight:450}textarea{display:block;width:100%;min-height:105px;margin-top:8px;padding:12px;color:var(--ink);background:#07111f;border:1px solid #42617f;font:inherit}textarea:focus-visible,input:focus-visible,button:focus-visible,.button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input{accent-color:var(--accent)}button,.button{display:inline-block;background:var(--accent);color:#04211d;border:0;padding:12px 18px;font:700 1rem system-ui;text-decoration:none;cursor:pointer}.identity{color:var(--muted)}code{color:#a7f3d0}.error{border-left:4px solid #f87171;background:#450a0a;padding:12px;color:var(--danger)}.result{display:flex;gap:24px;align-items:center}.score{font-size:4rem;font-weight:850;color:var(--accent)}.score small{font-size:1rem;color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#0a1728}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{color:var(--accent)}footer{color:var(--muted);font-size:.8rem;padding:22px 0 40px}@media(max-width:600px){header{align-items:flex-start;gap:12px}.badge{font-size:.6rem}nav ol{grid-template-columns:1fr 1fr}.result{align-items:flex-start;flex-direction:column}main{padding:20px}h1{font-size:2.25rem}}@media(prefers-reduced-motion:no-preference){button,.button,.skip-link{transition:transform .15s}button:hover,.button:hover{transform:translateY(-2px)}}