:root{--bg:#f4f6f3;--surface:#fff;--ink:#16211a;--muted:#58665d;--line:#dce3dd;--accent:#1c5b3e;--accent-ink:#fff;--good:#2e8b57;--bad:#c7443d;--sA:#1f7a45;--sB:#6aa83a;--sC:#e6bf24;--sD:#ee8a2a;--sE:#d23b36;--n1:#2e8b57;--n3:#e0a21b;--n4:#c7443d;--font-display:"Bricolage Grotesque", "Trebuchet MS", system-ui, sans-serif;--font-body:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace}@media (prefers-color-scheme:dark){:root{--bg:#0e1511;--surface:#16201a;--ink:#e7efe9;--muted:#98a89d;--line:#28352c;--accent:#86d6a9;--accent-ink:#0b1a11;--good:#5fc08a;--bad:#ef7770;--sA:#2c9657;--sB:#7db94a;--sC:#ecc83a;--sD:#f19a40;--sE:#e2504a;--n1:#5fc08a;--n3:#eab53a;--n4:#ef7770;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);padding-block:20px 40px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));font-size:16px;line-height:1.45}main{flex-direction:column;gap:18px;max-width:560px;margin:0 auto;display:flex}h1,h2{font-family:var(--font-display);text-wrap:balance;letter-spacing:-.01em;margin:0}h1{font-size:34px;font-weight:800;line-height:1}h2{font-size:19px;font-weight:700}p{margin:0}.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11.5px}header{flex-direction:column;gap:8px;display:flex}.lead{color:var(--muted);max-width:42ch;font-size:17px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex}.result-top{align-items:center;gap:12px;min-width:0;display:flex}.pname{min-width:0}.pname h2{overflow-wrap:anywhere}.tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);border-radius:999px;margin-top:4px;padding:2px 8px;font-size:11px;display:inline-block}.scale{align-items:center;gap:3px;display:flex}.seg{color:#fff;height:40px;font:800 18px var(--font-display);opacity:.38;flex:1;place-items:center;display:grid}.seg:first-child{border-radius:12px 0 0 12px}.seg:last-child{border-radius:0 12px 12px 0}.seg[data-l=A]{background:var(--sA)}.seg[data-l=B]{background:var(--sB)}.seg[data-l=C]{background:var(--sC);color:#3a2f00}.seg[data-l=D]{background:var(--sD)}.seg[data-l=E]{background:var(--sE)}.seg.on{opacity:1;height:74px;box-shadow:0 0 0 3px var(--surface), 0 0 0 5px currentColor;z-index:1;border-radius:16px;flex:1.9;font-size:40px;position:relative}.seg.on[data-l=C]{color:#3a2f00}.seg .lv{align-self:end;margin-left:1px;font-size:.62em}.seg.on{justify-content:center;align-items:center;display:flex}.scale-caption{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:13px;display:flex}.verdict{font-family:var(--font-display);text-wrap:balance;font-size:20px;font-weight:700;line-height:1.2}.nova{grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;display:grid}.dot{background:var(--n1);border-radius:50%;grid-row:span 2;width:18px;height:18px}.nova[data-n="3"] .dot{background:var(--n3)}.nova[data-n="4"] .dot{background:var(--n4)}.nova strong{font-family:var(--font-display);font-size:18px}.nova small{color:var(--muted);font-size:14px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:999px;padding:3px 10px;font-size:13.5px}.chip.warn{border-color:color-mix(in srgb, var(--n4) 55%, var(--line))}.sub{font-size:13px;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.rows{flex-direction:column;gap:9px;display:flex}.row{grid-template-columns:minmax(76px,1fr) minmax(0,1.1fr) minmax(0,1.4fr) 44px;align-items:center;gap:8px;font-size:15px;display:grid}.row .v,.row .p{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13.5px}.row .v{color:var(--muted)}.row .p{text-align:right;font-weight:500}.bar{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.bar i{border-radius:4px;height:100%;display:block}.bar.neg i{background:var(--bad)}.bar.pos i{background:var(--good)}.row.off{opacity:.55}ul.why{margin:0;padding-left:20px}ul.why li{margin-bottom:4px}details{border-top:1px solid var(--line);padding-top:12px}summary{cursor:pointer;font:700 17px var(--font-display)}details>div{flex-direction:column;gap:10px;padding-top:12px;display:flex}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}label.f{color:var(--muted);flex-direction:column;gap:4px;min-width:0;font-size:14px;display:flex}label.f input{font:500 16px var(--font-mono);border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;width:100%;min-width:0;padding:10px}input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.fine{color:var(--muted);font-size:14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:360px;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding:6px 8px}th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:12px}footer{color:var(--muted);font-size:13.5px}@media (prefers-reduced-motion:no-preference){.seg,.bar i{transition:all .25s}}.actions{flex-wrap:wrap;gap:10px;display:flex}.btn{appearance:none;border:1.5px solid var(--accent);color:var(--accent);font:600 16px var(--font-body);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;min-height:46px;padding:12px 18px;display:inline-flex}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.disabled{opacity:.55;pointer-events:none}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.status{color:var(--muted);min-height:1.4em;font-size:15px}.status.err{color:var(--bad)}.status.warn{color:var(--ink);background:color-mix(in srgb, var(--n3) 18%, transparent);border-radius:10px;padding:8px 10px}.dot.unknown{background:var(--line);border:2px dashed var(--muted)}.scanner .video-wrap{aspect-ratio:4/3;background:#000;border-radius:14px;max-width:100%;position:relative;overflow:hidden}.scanner video{object-fit:cover;width:100%;height:100%;display:block}.scanner .aim{pointer-events:none;border:2px solid #ffffffd9;border-radius:10px;position:absolute;inset:36% 8%;box-shadow:0 0 0 9999px #00000059}.manual{flex-direction:column;gap:10px;display:flex}.btn[disabled]{opacity:.55;cursor:default}.calc{text-align:center}.calc-title{margin:0 0 .75rem;font-size:clamp(1.4rem,6vw,2rem)}.bar{background:color-mix(in srgb,currentColor 12%,transparent);border-radius:999px;height:2.75rem;position:relative;overflow:hidden}.bar .fill{background:var(--sC,#e6a700);height:100%;transition:width .2s linear}.bar .pct{place-items:center;font-size:1.2rem;font-weight:700;display:grid;position:absolute;inset:0}.steps{opacity:.8;gap:.25rem;margin:.9rem 0;padding:0;font-size:1.05rem;list-style:none;display:grid}.steps li.now{opacity:1;font-weight:700}.steps li.done{opacity:.6}.steps li.done:before{content:"✓ "}.banner{text-align:center}.banner-src{background:color-mix(in srgb,currentColor 12%,transparent);border-radius:999px;margin:0;padding:.3rem .8rem;font-weight:700;display:inline-block}.banner-grade{margin:.5rem 0;font-size:clamp(1.8rem,9vw,3rem)}.banner.photo .banner-src{outline:2px solid var(--sC,#e6a700)}