:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07090b;--bg-glow:#12171d;--surface:#0f1418;--surface-2:#141a20;--surface-3:#161c22;--input:#0a0e11;--border:#2a333c;--border-strong:#5c6a77;--text:#e8ecf0;--text-muted:#9aa6b1;--text-dim:#7b8792;--accent:#1e6fe8;--accent-hover:#1a62cf;--on-accent:#fff;--link:#8fb8f5;--focus:#8fb8f5;--ok:#00c08b;--warn:#f5b400;--bad:#ff4d3d;--on-status:#0b0d10;--font-sans:Archivo, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-1:.8125rem;--fs0:1.0625rem;--fs1:1.25rem;--fs2:1.5rem;--fs3:2rem;--fs4:2.75rem;--fs5:3.5rem;--lh:1.5;--lh-tight:1.15;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--r-sm:.5rem;--r-md:.875rem;--r-lg:1.125rem;--touch:2.75rem;--touch-lg:3.25rem;--touch-cta:3.75rem;--shadow-cta:0 10px 30px #1e6fe847;--max-w:26rem}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs0);line-height:var(--lh);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{min-height:100dvh;min-height:var(--app-height,100dvh);background:radial-gradient(1200px 700px at 50% -10%, var(--bg-glow) 0%, var(--bg) 60%);flex-direction:column;display:flex}.shell__main{width:100%;max-width:var(--max-w);padding:calc(var(--sp-4) + env(safe-area-inset-top,0px)) calc(var(--sp-5) + env(safe-area-inset-right,0px)) var(--sp-8) calc(var(--sp-5) + env(safe-area-inset-left,0px));gap:var(--sp-4);flex-direction:column;flex:1;margin:0 auto;display:flex;overflow-x:hidden}@media (width>=48rem){.shell__main{max-width:52rem}}.tabbar{z-index:2;border-top:1px solid var(--border);background:var(--input);padding:var(--sp-2) calc(var(--sp-2) + env(safe-area-inset-right,0px)) max(var(--sp-3), env(safe-area-inset-bottom,0px)) calc(var(--sp-2) + env(safe-area-inset-left,0px));display:flex;position:sticky;bottom:0}.tabbar__item{justify-content:center;align-items:center;gap:var(--sp-1);border-radius:var(--r-md);min-height:3.5rem;color:var(--text-dim);font-size:var(--fs-1);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;font-weight:600;display:flex}.tabbar__item[aria-current=page]{color:var(--link);background:#1e6fe81f}.tabbar__icon{font-size:var(--fs1);line-height:1}.eyebrow{font-size:var(--fs-1);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin:0;font-weight:600}.title{font-size:var(--fs2);letter-spacing:-.01em;font-weight:700;line-height:var(--lh-tight);margin:0}.subtitle{margin:var(--sp-1) 0 0;color:var(--text-muted);font-size:var(--fs-1)}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.num-lg{font-family:var(--font-mono);font-size:var(--fs3);font-weight:600;line-height:1}.num-xl{font-family:var(--font-mono);font-size:var(--fs4);font-weight:600;line-height:1}.num-xxl{font-family:var(--font-mono);font-size:var(--fs5);font-weight:700;line-height:1}.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}.screen-header{align-items:center;gap:var(--sp-3);padding:var(--sp-1) 0;display:flex}.screen-header__back{width:var(--touch);height:var(--touch);border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-2);font-size:var(--fs1);cursor:pointer;flex:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4)}.card--strong{border-color:var(--border-strong)}.card--dashed{color:var(--text-muted);font-size:var(--fs-1);border-style:dashed}.card__row{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.card__row>*{min-width:0}.card__title{font-size:var(--fs-1);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin:0;font-weight:600}.stack{gap:var(--sp-3);flex-direction:column;display:flex}.grid-2{gap:var(--sp-3);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=48rem){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--touch);padding:0 var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);cursor:pointer;text-align:center;font-weight:700;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn--primary{min-height:var(--touch-cta);background:var(--accent);width:100%;color:var(--on-accent);font-size:var(--fs0);letter-spacing:.03em;box-shadow:var(--shadow-cta);border:0}.btn--primary:hover{background:var(--accent-hover)}.btn--primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn--ghost{color:var(--text-muted);background:0 0;border-color:#0000;font-weight:600}.btn--icon{width:4rem;min-height:var(--touch-cta);font-size:var(--fs1);flex:none}.btn-row{gap:var(--sp-3);display:flex}.cta{justify-content:space-between;align-items:center;gap:var(--sp-4);width:100%;min-height:4.5rem;padding:var(--sp-5);border-radius:var(--r-lg);background:var(--accent);color:var(--on-accent);text-align:left;cursor:pointer;box-shadow:var(--shadow-cta);border:0;display:flex}.cta:hover{background:var(--accent-hover)}.cta__title{font-size:var(--fs1);letter-spacing:.01em;font-weight:800}.cta__sub{font-size:var(--fs-1);color:var(--on-accent)}.cta__arrow{width:var(--touch);height:var(--touch);font-size:var(--fs1);background:#ffffff29;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.stats{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4)}.stat__label{margin-top:var(--sp-1);font-size:var(--fs-1);color:var(--text-dim)}.swatch{width:var(--touch-lg);height:var(--touch-lg);border-radius:var(--r-md);flex:none;box-shadow:inset 0 0 0 1px #ffffff1f}.swatch--sm{width:2.5rem;height:2.5rem}.list{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list__item{align-items:center;gap:var(--sp-3);min-height:3.5rem;padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);text-align:left;width:100%;color:inherit;display:flex}.list__item--button{cursor:pointer}.list__item--button:hover{border-color:var(--border-strong)}.list__body{flex:1;min-width:0}.list__meta{font-size:var(--fs-1);color:var(--text-dim)}.tolbar{background:var(--surface-2);border-radius:.375rem;height:.75rem;position:relative;overflow:hidden}.tolbar__zone{background:#00c08b40;position:absolute;top:0;bottom:0;left:0}.tolbar__marker{border-radius:.125rem;width:.25rem;transition:left .25s;position:absolute;top:-.125rem;bottom:-.125rem}.tolbar__scale{margin-top:var(--sp-1);font-family:var(--font-mono);font-size:var(--fs-1);color:var(--text-dim);justify-content:space-between;display:flex}.stepper{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.stepper__btn{width:var(--touch-lg);height:var(--touch-lg);border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-3);color:var(--text);font-size:var(--fs2);cursor:pointer;flex:none;line-height:1}.stepper__btn:hover{background:var(--surface-2)}.stepper__input{width:100%;min-width:0;height:var(--touch-lg);border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--input);text-align:center;font-family:var(--font-mono);font-size:var(--fs2);flex:1 1 0;font-weight:600}.stepper__input[aria-invalid=true]{border-color:var(--bad)}.field__label{justify-content:space-between;align-items:baseline;gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.field__unit{font-family:var(--font-mono);font-size:var(--fs-1);color:var(--text-dim)}.field__error{margin:var(--sp-1) 0 0;font-size:var(--fs-1);color:var(--bad)}.chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.chip{min-width:0;min-height:3rem;padding:0 var(--sp-3);border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-1);cursor:pointer;flex:auto;font-weight:600}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.lab-row{align-items:center;gap:var(--sp-2);grid-template-columns:2.25rem minmax(0,1fr);display:grid}.lab-row__axis{font-family:var(--font-mono);color:var(--text-dim)}.lab-static{gap:var(--sp-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.lab-static__cell{background:var(--input);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3)}.lab-static__axis{font-family:var(--font-mono);font-size:var(--fs-1);color:var(--text-dim)}.lab-static__value{font-family:var(--font-mono);font-size:var(--fs1);font-weight:600}.dbar{align-items:center;gap:var(--sp-3);grid-template-columns:2.5rem minmax(0,1fr) 4.5rem;display:grid}.dbar__axis{font-family:var(--font-mono);font-size:var(--fs-1);color:var(--text-dim)}.dbar__track{background:var(--surface-2);border-radius:.375rem;height:.75rem;position:relative}.dbar__tick{background:var(--border-strong);width:2px;position:absolute;top:-.125rem;bottom:-.125rem;left:calc(50% - 1px)}.dbar__fill{background:var(--text);border-radius:.375rem;position:absolute;top:0;bottom:0}.dbar__value{text-align:right;font-family:var(--font-mono);font-weight:600}.dbar__hint{font-size:var(--fs-1);color:var(--text-dim);margin-top:calc(-1 * var(--sp-2));grid-column:2/4}.steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.step{align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border);display:flex}.step:last-child{border-bottom:0}.step__n{border:1px solid var(--border-strong);width:1.75rem;height:1.75rem;font-family:var(--font-mono);font-size:var(--fs-1);color:var(--text-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.step__body{flex:1;min-width:0}.step__note{font-size:var(--fs-1);color:var(--text-dim)}.step__grams{font-family:var(--font-mono);font-size:var(--fs2);white-space:nowrap;font-weight:600}.step__grams-unit{font-size:var(--fs-1);color:var(--text-dim)}.step__edit{width:6rem;height:var(--touch);border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--input);text-align:right;font-family:var(--font-mono);font-size:var(--fs1);padding:0 var(--sp-2)}.badge{align-items:center;gap:var(--sp-1);padding:.125rem var(--sp-2);border-radius:var(--r-sm);border:1px solid var(--border-strong);font-size:var(--fs-1);color:var(--text-muted);display:inline-flex}.advisory{gap:var(--sp-2);font-size:var(--fs-1);color:var(--text-muted);align-items:flex-start;display:flex}.advisory__mark{color:var(--warn);font-weight:700}details.why>summary{cursor:pointer;color:var(--link);min-height:var(--touch);align-items:center;font-weight:600;display:flex}.kv{gap:var(--sp-1) var(--sp-3);font-size:var(--fs-1);grid-template-columns:1fr auto;display:grid}.kv dt{color:var(--text-dim)}.kv dd{font-family:var(--font-mono);text-align:right;overflow-wrap:anywhere;min-width:0;margin:0}.select{min-height:var(--touch);padding:0 var(--sp-3);border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--input)}.waiting{align-items:center;gap:var(--sp-3);text-align:center;padding:var(--sp-5) var(--sp-4);flex-direction:column;display:flex}.waiting__icon{border:2px dashed var(--border-strong);width:3.5rem;height:3.5rem;font-size:var(--fs1);color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;animation:2.2s ease-in-out infinite pulse;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.waiting__icon{animation:none}.tolbar__marker,.dbar__fill{transition:none}}.verdict{border-radius:var(--r-lg);padding:var(--sp-5);color:var(--on-status)}.verdict--ok{background:var(--ok)}.verdict--bad{background:var(--warn)}.verdict__label{font-size:var(--fs-1);letter-spacing:.16em;text-transform:uppercase;font-weight:700}.verdict__nums{align-items:flex-end;gap:var(--sp-4);margin-top:var(--sp-3);display:flex}.verdict__before{font-family:var(--font-mono);font-size:var(--fs1);opacity:.7;text-decoration:line-through}.verdict__cap{font-size:var(--fs-1);opacity:.8}.notice{border-left:3px solid var(--warn);padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border-radius:var(--r-sm);font-size:var(--fs-1)}.input{width:100%;min-height:var(--touch);padding:0 var(--sp-3);border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--input);color:var(--text)}.input--multiline{min-height:5rem;padding:var(--sp-2) var(--sp-3);resize:vertical}.input[aria-invalid=true]{border-color:var(--bad)}input[type=checkbox]{width:1.5rem;height:1.5rem;accent-color:var(--accent)}.offline{z-index:2;padding:calc(var(--sp-2) + env(safe-area-inset-top,0px)) var(--sp-4) var(--sp-2);background:var(--warn);color:var(--on-status);font-size:var(--fs-1);text-align:center;font-weight:600;position:sticky;top:0}.toast{left:50%;bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));z-index:3;align-items:center;gap:var(--sp-3);max-width:calc(100% - 2rem);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-2);display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.chip--static{cursor:default;align-items:center;display:inline-flex}