:root{--bg: oklch(.985 .004 95);--bg-elev: #ffffff;--bg-sunk: oklch(.965 .006 95);--ink: oklch(.2 .015 260);--ink-soft: oklch(.42 .015 260);--ink-mute: oklch(.58 .012 260);--line: oklch(.9 .008 260);--line-strong: oklch(.82 .01 260);--accent: oklch(.62 .16 148);--accent-ink: oklch(.32 .09 148);--accent-soft: oklch(.94 .05 148);--ok: oklch(.62 .16 148);--ok-soft: oklch(.96 .04 148);--ok-ink: oklch(.32 .1 148);--warn: oklch(.76 .15 75);--warn-soft: oklch(.96 .05 85);--warn-ink: oklch(.42 .12 65);--bad: oklch(.6 .22 25);--bad-soft: oklch(.96 .04 30);--bad-ink: oklch(.44 .17 25);--shadow-sm: 0 1px 0 oklch(.85 .01 260 / .6);--shadow-md: 0 1px 2px oklch(.3 .02 260 / .06), 0 4px 14px oklch(.3 .02 260 / .06);--radius: 10px;--radius-lg: 14px}html[data-theme=dark]{--bg: oklch(.17 .012 260);--bg-elev: oklch(.21 .014 260);--bg-sunk: oklch(.14 .01 260);--ink: oklch(.96 .006 95);--ink-soft: oklch(.78 .01 260);--ink-mute: oklch(.62 .01 260);--line: oklch(.28 .014 260);--line-strong: oklch(.36 .016 260);--accent: oklch(.74 .18 148);--accent-ink: oklch(.92 .12 148);--accent-soft: oklch(.28 .08 148);--ok: oklch(.74 .18 148);--ok-soft: oklch(.26 .07 148);--ok-ink: oklch(.9 .12 148);--warn: oklch(.82 .16 78);--warn-soft: oklch(.28 .08 75);--warn-ink: oklch(.92 .13 78);--bad: oklch(.72 .22 25);--bad-soft: oklch(.28 .1 25);--bad-ink: oklch(.92 .15 25);--shadow-sm: 0 1px 0 oklch(.1 .02 260 / .6);--shadow-md: 0 1px 2px oklch(0 0 0 / .3), 0 6px 20px oklch(0 0 0 / .3)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}.display{font-family:Space Grotesk,Inter,sans-serif;letter-spacing:-.01em}.mono{font-family:JetBrains Mono,ui-monospace,monospace}a{color:inherit}.nav{position:sticky;top:0;z-index:10;background:color-mix(in oklab,var(--bg) 92%,transparent);backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1120px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;letter-spacing:-.01em;text-decoration:none;color:inherit}.brand-mark{flex:none}.brand-slash{color:var(--ink-mute);font-weight:400;margin:0 2px}.brand-sub{color:var(--ink-soft);font-weight:500}.nav-links{margin-left:auto;display:flex;gap:4px;align-items:center}.nav-link{font-size:14px;padding:8px 12px;border-radius:8px;color:var(--ink-soft);text-decoration:none;font-weight:500}.nav-link:hover{background:var(--bg-sunk);color:var(--ink)}.theme-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:var(--bg-elev);display:grid;place-items:center;cursor:pointer;color:var(--ink-soft);padding:0}.theme-btn:hover{border-color:var(--line-strong);color:var(--ink)}main{flex:1}.page{max-width:1120px;margin:0 auto;padding:48px 32px 64px}.hero{margin-bottom:32px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-soft);padding:5px 10px;border-radius:999px;margin-bottom:16px}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}h1.title{font-family:Space Grotesk,sans-serif;font-size:44px;font-weight:600;letter-spacing:-.025em;margin:0 0 12px;line-height:1.05}h1.title .accent{color:var(--accent-ink)}.lede{font-size:17px;color:var(--ink-soft);max-width:620px;margin:0}.upload{margin-top:28px;background:var(--bg-elev);border:1.5px dashed var(--line-strong);border-radius:var(--radius-lg);padding:44px 32px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;transition:border-color .16s,background .16s,transform .16s;cursor:pointer;position:relative}.upload:hover{border-color:var(--accent);background:color-mix(in oklab,var(--accent-soft) 35%,var(--bg-elev))}.upload.drag{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.005)}.upload.busy,.upload.busy:hover{cursor:default;transform:none}.upload-icon{width:56px;height:56px;background:var(--bg-sunk);border-radius:12px;display:grid;place-items:center;color:var(--ink-soft)}.upload.drag .upload-icon{background:color-mix(in oklab,var(--accent) 20%,var(--bg-elev));color:var(--accent-ink)}.upload h2{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;margin:0}.upload p{color:var(--ink-soft);margin:0;font-size:14px}.upload .btn{margin-top:4px}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;border-radius:8px;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:transform .1s ease,background .12s,border-color .12s;color:inherit}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--ink);color:var(--bg-elev);border-color:var(--ink)}.btn.primary:hover{background:color-mix(in oklab,var(--ink) 88%,var(--accent))}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn.ghost:hover{background:var(--bg-sunk)}.btn.small{padding:6px 12px;font-size:13px}.progress-wrap{width:100%;max-width:520px;display:flex;flex-direction:column;gap:10px;align-items:center}.progress-bar{width:100%;height:6px;border-radius:999px;background:var(--bg-sunk);overflow:hidden;position:relative}.progress-bar .fill{height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in oklab,var(--accent) 70%,var(--ink)));border-radius:999px;transition:width .2s ease}.progress-label{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ink-soft);display:flex;gap:12px}.progress-label .tag{color:var(--accent-ink);font-weight:600}.scanning-lines{display:flex;flex-direction:column;gap:6px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ink-mute);max-width:520px;text-align:left;width:100%}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.scanning-lines .line{animation:pulse 1.4s ease-in-out infinite}.scanning-lines .line:nth-child(2){animation-delay:.2s}.scanning-lines .line:nth-child(3){animation-delay:.4s}.status-banner{margin-top:16px;padding:14px 16px;border:1px solid var(--bad);background:var(--bad-soft);color:var(--bad-ink);border-radius:var(--radius);font-size:14px}.status-banner.info{border-color:color-mix(in oklab,var(--accent) 40%,var(--line));background:var(--accent-soft);color:var(--accent-ink)}.results{display:flex;flex-direction:column;gap:24px;margin-top:8px}.result-header{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px 28px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.result-header:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 95%,var(--line) 95%) 0 0 / 8px 100%,linear-gradient(0deg,transparent 95%,var(--line) 95%) 0 0 / 100% 8px;opacity:.25;pointer-events:none}.file-meta{display:flex;align-items:center;gap:18px}.file-icon{width:52px;height:52px;border-radius:10px;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;flex:none}.file-name{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600;letter-spacing:-.01em;margin:0 0 4px;color:var(--ink);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.file-details{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ink-mute);display:flex;gap:16px;flex-wrap:wrap;align-items:center}.file-details span b{color:var(--ink-soft);font-weight:500}.product-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 8px;background:var(--accent-soft);color:var(--accent-ink);border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.02em;font-family:Inter,sans-serif;text-transform:uppercase}.product-pill .pix{width:12px;height:12px;background:var(--accent);clip-path:polygon(0 25%,25% 25%,25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%)}.score{display:flex;align-items:baseline;gap:8px;justify-self:end}.score-val{font-family:Space Grotesk,sans-serif;font-size:52px;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--accent-ink)}.score-val.warn{color:var(--warn-ink)}.score-val.bad{color:var(--bad-ink)}.score-lbl{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-mute);font-weight:600}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.stat .k{font-size:12px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.08em;font-weight:600;display:flex;align-items:center;gap:6px}.stat .k .swatch{width:8px;height:8px;border-radius:2px}.stat .v{font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}.stat.passed .k .swatch{background:var(--ok)}.stat.warn .k .swatch{background:var(--warn)}.stat.failed .k .swatch{background:var(--bad)}.stat.failed .v{color:var(--bad-ink)}.stat.warn .v{color:var(--warn-ink)}.stat.passed .v{color:var(--ok-ink)}.fix-card{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 8%,var(--bg-elev)),color-mix(in oklab,var(--accent-ink) 6%,var(--bg-elev)));border:1px solid color-mix(in oklab,var(--accent) 25%,var(--line));border-radius:var(--radius-lg);padding:18px 20px;flex-wrap:wrap}.fix-card .fix-title{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600}.fix-card .fix-sub{margin-top:4px;color:var(--ink-soft);font-size:13px;line-height:1.45;max-width:640px}.section{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.section.failed{border-color:color-mix(in oklab,var(--bad) 30%,var(--line))}.section.warn{border-color:color-mix(in oklab,var(--warn) 30%,var(--line))}.section-header{width:100%;appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:18px 22px;display:flex;align-items:center;gap:14px;text-align:left}.section-header:hover{background:var(--bg-sunk)}.section-header .status-dot{width:10px;height:10px;border-radius:50%;flex:none}.section.failed .status-dot{background:var(--bad);box-shadow:0 0 0 4px color-mix(in oklab,var(--bad) 15%,transparent)}.section.warn .status-dot{background:var(--warn);box-shadow:0 0 0 4px color-mix(in oklab,var(--warn) 15%,transparent)}.section.passed .status-dot{background:var(--ok);box-shadow:0 0 0 4px color-mix(in oklab,var(--ok) 15%,transparent)}.section-title{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.005em}.section-count{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ink-mute);padding:2px 8px;border-radius:999px;background:var(--bg-sunk);border:1px solid var(--line)}.section.failed .section-count{color:var(--bad-ink);background:var(--bad-soft);border-color:color-mix(in oklab,var(--bad) 20%,var(--line))}.section.warn .section-count{color:var(--warn-ink);background:var(--warn-soft);border-color:color-mix(in oklab,var(--warn) 20%,var(--line))}.section.passed .section-count{color:var(--ok-ink);background:var(--ok-soft);border-color:color-mix(in oklab,var(--ok) 25%,var(--line))}.section-chev{margin-left:auto;color:var(--ink-mute);transition:transform .18s ease}.section.open .section-chev{transform:rotate(180deg)}.section-body{border-top:1px solid var(--line)}.section:not(.open) .section-body{display:none}.check-list{display:flex;flex-direction:column}.check{padding:18px 22px;border-top:1px solid var(--line);display:grid;grid-template-columns:24px 1fr auto;gap:14px;align-items:start}.check:first-child{border-top:0}.check-icon{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;color:var(--bg-elev);flex:none;margin-top:2px}.check.fail .check-icon{background:var(--bad)}.check.warn .check-icon{background:var(--warn)}.check.pass .check-icon{background:var(--ok)}.check-main{min-width:0}.check-title{font-weight:600;font-size:15px;color:var(--ink);margin:0 0 4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rule-id{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;color:var(--ink-mute);background:var(--bg-sunk);padding:2px 6px;border-radius:4px;border:1px solid var(--line)}.check-reason{color:var(--ink-soft);font-size:14px;margin:0 0 10px}.check-detail{background:var(--bg-sunk);border:1px solid var(--line);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.detail-row{display:grid;grid-template-columns:110px 1fr;gap:10px;font-size:13px;line-height:1.55}.detail-row .label{color:var(--ink-mute);text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.08em;padding-top:2px}.detail-row code{font-family:JetBrains Mono,monospace;font-size:12.5px;background:var(--bg-elev);border:1px solid var(--line);border-radius:4px;padding:1px 6px;color:var(--ink);word-break:break-all}.detail-row a{color:var(--accent-ink);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--accent) 40%,transparent);text-underline-offset:2px}.detail-row a:hover{text-decoration-color:var(--accent)}.check-badge{font-family:JetBrains Mono,monospace;font-size:11px;padding:3px 8px;border-radius:4px;color:var(--bg-elev);white-space:nowrap}.check.fail .check-badge{background:var(--bad)}.check.warn .check-badge{color:var(--warn-ink);background:var(--warn-soft);border:1px solid color-mix(in oklab,var(--warn) 30%,var(--line))}.check.pass .check-badge{background:var(--ok-soft);color:var(--ok-ink);border:1px solid color-mix(in oklab,var(--ok) 25%,var(--line))}.pass-row{padding:12px 22px;border-top:1px solid var(--line);display:grid;grid-template-columns:22px 1fr auto;gap:14px;align-items:center}.pass-row:first-child{border-top:0}.pass-row .check-icon{width:18px;height:18px;background:var(--ok);color:var(--bg-elev);margin-top:0}.pass-row .title{font-size:14px;font-weight:500}.pass-row .id{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-mute)}footer{border-top:1px solid var(--line);padding:28px 32px;background:var(--bg-sunk)}.foot-inner{max-width:1120px;margin:0 auto;display:flex;flex-wrap:wrap;gap:20px;align-items:center;font-size:13px;color:var(--ink-soft)}.ver-group{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.ver{font-family:JetBrains Mono,monospace;font-size:12px;display:inline-flex;align-items:center;gap:8px;background:var(--bg-elev);border:1px solid var(--line);border-radius:6px;padding:5px 10px}.ver .k{color:var(--ink-mute)}.ver .v{color:var(--ink);font-weight:500}.ver .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.copy{margin-left:auto;color:var(--ink-mute);font-size:12px}@media (max-width: 760px){h1.title{font-size:34px}.page{padding:32px 20px 48px}.result-header{grid-template-columns:1fr}.score{justify-self:start}.stats{grid-template-columns:repeat(2,1fr)}.nav-inner{padding:12px 20px}.detail-row{grid-template-columns:1fr;gap:2px}}