:root{--bg:#0f1115;--surface:#171a21;--surface-raised:#1f232c;--border:#2b3040;--text:#eef1f6;--text-dim:#9aa3b5;--accent:#6ea8fe;--accent-strong:#4b86e8;--warn:#f2b84b;--danger:#e06767;--good:#6ecf8b;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0}body{min-height:100vh;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--accent)}.app-shell{flex-direction:column;flex:1;gap:20px;width:100%;max-width:640px;margin:0 auto;padding:20px 18px 48px;display:flex}.top-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.brand{letter-spacing:.02em;color:var(--text);align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.brand small{color:var(--text-dim);font-size:.7rem;font-weight:400;display:block}.nav-link{color:var(--text-dim);font-size:.9rem;text-decoration:none}h1{margin:0 0 4px;font-size:1.5rem}h2{margin:0 0 4px;font-size:1.15rem}p{color:var(--text-dim);margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;gap:10px;display:flex}button,.btn{font:inherit;border:1px solid var(--border);background:var(--surface-raised);color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;text-decoration:none;display:inline-flex}button:hover,.btn:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#0b1220;font-weight:600}.btn-primary:hover{filter:brightness(1.08)}.btn-block{width:100%}.pill-group{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--border);background:var(--surface-raised);cursor:pointer;color:var(--text);border-radius:999px;padding:9px 16px;font-size:.9rem}.pill[aria-pressed=true]{background:var(--accent-strong);border-color:var(--accent-strong);color:#0b1220;font-weight:600}.skip-note{color:var(--text-dim);font-size:.8rem}.progress-steps{gap:6px;display:flex}.progress-steps span{background:var(--border);border-radius:2px;flex:1;height:4px}.progress-steps span.done{background:var(--accent)}.disclaimer{border:1px solid var(--warn);border-radius:var(--radius);color:var(--text);background:#f2b84b14;padding:14px 16px;font-size:.85rem}.disclaimer strong{color:var(--warn)}.capture-frame{aspect-ratio:3/4;border-radius:var(--radius);background:#000;width:100%;position:relative;overflow:hidden}.capture-frame video,.capture-frame img,.capture-frame canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.capture-guide{pointer-events:none;position:absolute;inset:0}.result-block{flex-direction:column;gap:6px;display:flex}.result-percentile{color:var(--accent);font-size:2.4rem;font-weight:700}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-good{color:var(--good);background:#6ecf8b26}.badge-warn{color:var(--warn);background:#f2b84b26}.citation-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.citation-list li{border-left:2px solid var(--border);padding-left:10px;font-size:.85rem}footer.app-footer{text-align:center;color:var(--text-dim);padding:16px;font-size:.75rem}@media (width>=720px){.app-shell{padding-top:32px}}