:root{--bg:#f5f7f9;--surface:#fff;--surface-2:#eef1f4;--border:#dde3e8;--text:#10161d;--text-dim:#55636f;--text-faint:#8b97a3;--accent:#0891a6;--accent-strong:#066675;--accent-soft:rgba(8,145,166,.12);--pass:#1a8f5c;--pass-soft:rgba(26,143,92,.12);--warn:#b5790a;--warn-soft:rgba(181,121,10,.14);--fail:#c23a3a;--fail-soft:rgba(194,58,58,.12);--missing:#6b7684;--missing-soft:rgba(107,118,132,.12);--shadow:0 1px 2px rgba(16,22,29,.06),0 8px 24px rgba(16,22,29,.06);--radius-s:8px;--radius-m:14px;--radius-l:22px;--font-display:"Unbounded","Segoe UI",sans-serif;--font-body:"Hanken Grotesk","Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#090c10;--surface:#10151b;--surface-2:#161d25;--border:#232c36;--text:#eef2f5;--text-dim:#9aa7b3;--text-faint:#64707c;--accent:#22d3ee;--accent-strong:#67e4f7;--accent-soft:rgba(34,211,238,.12);--pass:#3ddc84;--pass-soft:rgba(61,220,132,.12);--warn:#f2b84b;--warn-soft:rgba(242,184,75,.14);--fail:#f2646a;--fail-soft:rgba(242,100,106,.14);--missing:#7c8a98;--missing-soft:rgba(124,138,152,.14);--shadow:0 1px 2px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.35)}}:root[data-theme=dark]{--bg:#090c10;--surface:#10151b;--surface-2:#161d25;--border:#232c36;--text:#eef2f5;--text-dim:#9aa7b3;--text-faint:#64707c;--accent:#22d3ee;--accent-strong:#67e4f7;--accent-soft:rgba(34,211,238,.12);--pass:#3ddc84;--pass-soft:rgba(61,220,132,.12);--warn:#f2b84b;--warn-soft:rgba(242,184,75,.14);--fail:#f2646a;--fail-soft:rgba(242,100,106,.14);--missing:#7c8a98;--missing-soft:rgba(124,138,152,.14);--shadow:0 1px 2px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.35)}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0}p{margin:0}a{color:var(--accent-strong)}button,input{font-family:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-mono)}.shell{max-width:920px;margin:0 auto;padding:0 24px}.topbar{justify-content:space-between;padding:22px 0}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:-.01em}.brand-mark{width:26px;height:26px;border-radius:7px;background:var(--accent-soft);border:1.5px solid var(--accent);display:grid;place-items:center;color:var(--accent-strong)}.topbar-link{font-size:14px;color:var(--text-dim);text-decoration:none;font-weight:500}.topbar-link:hover{color:var(--text)}.hero{padding:56px 0 40px;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:999px;padding:6px 12px}.eyebrow-dot{width:6px;height:6px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.hero h1{font-size:clamp(32px,5vw,48px);line-height:1.08;font-weight:700;margin-top:20px;max-width:15ch}.hero h1 em{font-style:normal;color:var(--accent-strong)}.hero-sub{margin-top:16px;max-width:54ch;color:var(--text-dim);font-size:17px}.scan-form{margin-top:32px;display:flex;gap:10px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);box-shadow:var(--shadow)}.scan-form input{flex:1 1;border:none;background:transparent;padding:12px 14px;font-size:16px;font-family:var(--font-mono);color:var(--text)}.scan-form input::placeholder{color:var(--text-faint);font-family:var(--font-body)}.scan-form input:focus{outline:none}.scan-button{border:none;border-radius:var(--radius-s);background:var(--accent);color:#04141a;font-weight:700;font-size:15px;padding:0 22px;cursor:pointer;transition:transform .12s ease,background .12s ease;white-space:nowrap}.scan-button:hover:not(:disabled){background:var(--accent-strong)}.scan-button:active:not(:disabled){transform:scale(.98)}.scan-button:disabled{opacity:.6;cursor:default}.examples{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.examples span{font-size:13px;color:var(--text-faint)}.example-chip{font-family:var(--font-mono);font-size:13px;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:5px 12px;cursor:pointer}.example-chip:hover{border-color:var(--accent);color:var(--text)}.error-banner{margin-top:16px;padding:12px 16px;border-radius:var(--radius-s);background:var(--fail-soft);border:1px solid color-mix(in srgb,var(--fail) 40%,transparent);color:var(--fail);font-size:14.5px}.scanning{margin-top:28px;padding:20px;border-radius:var(--radius-m);border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:14px;color:var(--text-dim);overflow:hidden;position:relative}.scan-pulse{width:10px;height:10px;border-radius:999px;background:var(--accent);flex-shrink:0;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--accent-soft);opacity:1}50%{box-shadow:0 0 0 8px transparent;opacity:.7}}.scanning:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 16%,transparent),transparent);transform:translateX(-100%);animation:sweep 1.6s ease-in-out infinite}@keyframes sweep{to{transform:translateX(100%)}}.results{margin-top:44px;padding-bottom:24px}.result-summary{display:flex;gap:24px;align-items:center;padding:24px;border-radius:var(--radius-l);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.grade-badge{width:92px;height:92px;border-radius:20px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:34px;flex-shrink:0;border:2px solid transparent}.grade-a,.grade-a-plus{background:var(--pass-soft);color:var(--pass);border-color:color-mix(in srgb,var(--pass) 45%,transparent)}.grade-b{background:var(--accent-soft);color:var(--accent-strong);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.grade-c,.grade-d{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}.grade-f{background:var(--fail-soft);color:var(--fail);border-color:color-mix(in srgb,var(--fail) 45%,transparent)}.summary-body{flex:1 1;min-width:0}.summary-target{font-family:var(--font-mono);font-size:14px;color:var(--text-dim);word-break:break-all}.summary-score{margin-top:4px;font-size:20px;font-weight:700}.summary-note{margin-top:6px;font-size:14px;color:var(--text-dim)}.summary-note strong{color:var(--text)}.section-heading{margin-top:40px;margin-bottom:14px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-heading h2{font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-family:var(--font-mono);font-weight:600}.check-grid{display:grid;grid-gap:10px;gap:10px}.check-card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-m);padding:16px 18px}.check-top{justify-content:space-between;gap:12px;flex-wrap:wrap}.check-name,.check-top{display:flex;align-items:center}.check-name{gap:10px;min-width:0}.check-label{font-weight:600;font-size:15px}.check-points{font-size:12.5px;color:var(--text-faint)}.check-points,.status-chip{font-family:var(--font-mono)}.status-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:999px;flex-shrink:0}.status-chip:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}.status-pass{background:var(--pass-soft);color:var(--pass)}.status-warn{background:var(--warn-soft);color:var(--warn)}.status-fail{background:var(--fail-soft);color:var(--fail)}.status-missing{background:var(--missing-soft);color:var(--missing)}.check-verdict{margin-top:10px;font-size:14.5px;color:var(--text-dim)}.check-advice{margin-top:8px;font-size:13.5px;color:var(--accent-strong);padding-left:14px;border-left:2px solid color-mix(in srgb,var(--accent) 45%,transparent)}.check-value{margin-top:10px;font-family:var(--font-mono);font-size:12.5px;color:var(--text-faint);background:var(--surface-2);border-radius:8px;padding:8px 10px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.notes-list{display:grid;grid-gap:8px;gap:8px;font-size:14px;color:var(--text-dim)}.notes-list li{list-style:none;padding:10px 14px;border-radius:var(--radius-s);background:var(--warn-soft);color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 35%,transparent)}.notes-list.info li{background:var(--surface-2);color:var(--text-dim);border-color:var(--border)}.raw-toggle{margin-top:40px}.raw-toggle summary{cursor:pointer;font-family:var(--font-mono);font-size:13.5px;color:var(--text-dim);padding:12px 0;list-style:none;display:flex;align-items:center;gap:8px}.raw-toggle summary::-webkit-details-marker{display:none}.raw-toggle summary:before{content:"▸";color:var(--accent);transition:transform .15s ease}.raw-toggle[open] summary:before{transform:rotate(90deg)}.raw-dump{margin-top:4px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);font-family:var(--font-mono);font-size:12.5px;color:var(--text-dim);overflow-x:auto}.raw-dump div{display:flex;gap:8px;padding:3px 0;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.raw-dump div:last-child{border-bottom:none}.raw-key{color:var(--accent-strong);flex-shrink:0}.raw-val{word-break:break-all}.explainer{margin-top:72px;padding:40px 0 56px;border-top:1px solid var(--border);display:grid;grid-gap:32px;gap:32px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.explainer h3{font-size:16px;margin-bottom:8px}.explainer p{font-size:14.5px;color:var(--text-dim);max-width:46ch}.footer{border-top:1px solid var(--border);padding:22px 0 40px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--text-faint)}@media (max-width:560px){.scan-form{flex-direction:column}.scan-button{padding:12px}.result-summary{flex-direction:column;align-items:flex-start}}