:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d10;--bg-elevated:#14171c;--bg-card:#1a1e24;--border:#2a2f37;--text:#eef1f5;--text-dim:#9aa4b2;--text-faint:#6b7480;--accent:#4fd1c5;--accent-strong:#2ea89a;--good:#4ade80;--bad:#f87171;--warn:#fbbf24;--danger-bg:#3a1a1a;--good-bg:#12301f;--radius:14px;--radius-sm:8px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{min-height:100dvh}#app{max-width:560px;min-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) 0;flex-direction:column;margin:0 auto;display:flex}h1,h2,h3,h4{margin:0 0 .5em;font-weight:700;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{color:var(--text-dim);font-size:1.05rem}p{color:var(--text-dim);margin:0 0 .75em;line-height:1.5}.screen{flex-direction:column;flex:1;gap:16px;padding:16px 16px 32px;display:flex}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.btn{border-radius:var(--radius);cursor:pointer;background:var(--bg-elevated);min-height:56px;color:var(--text);border:none;border:1px solid var(--border);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:1.05rem;font-weight:600;transition:transform 50ms,background .15s;display:flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#04211d;border-color:var(--accent)}.btn-primary:active{background:var(--accent-strong)}.btn-secondary{background:0 0}.btn-danger{color:var(--bad);border-color:var(--bad);background:0 0}.btn:disabled{opacity:.4;pointer-events:none}.btn-row{gap:10px;display:flex}.btn-row .btn{flex:1}label{color:var(--text-dim);margin-bottom:4px;font-size:.85rem;display:block}input,select,textarea{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);padding:10px 12px;font-family:inherit;font-size:1rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.field{margin-bottom:14px}.field-row{gap:10px;display:flex}.field-row>.field{flex:1}.progress-bar{background:var(--bg-elevated);border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{background:var(--accent);height:100%;transition:width .25s}.progress-label{color:var(--text-faint);text-align:center;font-size:.8rem}.status-pill{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.status-pill.waiting{color:var(--text-dim)}.status-pill.detected{color:var(--warn);border-color:var(--warn)}.status-pill.measuring{color:var(--accent);border-color:var(--accent)}.status-pill.valid{color:var(--good);border-color:var(--good);background:var(--good-bg)}.status-pill.discarded{color:var(--bad);border-color:var(--bad);background:var(--danger-bg)}.big-number{color:var(--accent);font-size:2.4rem;font-weight:800;line-height:1}.big-number-label{color:var(--text-faint);margin-top:4px;font-size:.85rem}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px 6px}th{color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.delta-good{color:var(--good);font-weight:700}.delta-bad{color:var(--bad);font-weight:700}.delta-neutral{color:var(--text-dim)}canvas{background:var(--bg-elevated);border-radius:var(--radius-sm);width:100%;display:block}.header-bar{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.95rem}.notice{border-radius:var(--radius-sm);padding:10px 12px;font-size:.85rem}.notice-warn{color:var(--warn);background:#332608;border:1px solid #5a4310}.notice-info{color:#7dd3fc;background:#0f2530;border:1px solid #164e63}.checklist-item{align-items:flex-start;gap:10px;padding:8px 0;display:flex}.checklist-item input[type=checkbox]{flex-shrink:0;width:20px;height:20px;margin-top:2px}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tag{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:2px 8px;font-size:.72rem;display:inline-block}.spacer{flex:1}.center-text{text-align:center}hr{border:none;border-top:1px solid var(--border);margin:8px 0}