:root{--ink:#14171a;--muted:#5c625f;--page:#eceae6;--derived:#f6f4f0;--surface:#fff;--border:#c8c3b9;--border-soft:#dcd7cd;--border-dashed:#d2ccc2;--action:#2f6f4b;--action-tint:#f2f7f4;--warn:#7a5a12;--warn-bg:#f6efdc;--warn-border:#e0cf9f;--overline:#8a8f8b;--placeholder:#b6b2aa;--seg-rest:#7c827e;--seg-bg:#f1efea;--seg-border:#e0dcd4;--panel-secondary:#9aa39d;--check-badge-bg:#f2e2bd;--check-badge-text:#6b4e0c;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-control:8px;--radius-card:14px;--radius-panel:16px;--radius-sheet:20px;--tap-min:44px;--tap-primary:56px;--font-sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/ibm-plex-sans-var.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600.woff2)format("woff2")}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--page);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input{font-family:inherit}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0}input:focus,button:focus-visible{outline:2px solid var(--action);outline-offset:1px}input{outline:none}a{color:var(--action);text-decoration:none}a:hover{color:var(--ink);text-decoration:underline}.tabular-nums{font-variant-numeric:tabular-nums}.overline{letter-spacing:.1em;text-transform:uppercase;color:var(--overline);font-size:11px;font-weight:700}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app{flex-direction:column;min-height:100%;display:flex}.app-header{z-index:5;background:var(--surface);padding:var(--space-2) var(--space-4) var(--space-3);gap:var(--space-3);border-bottom:1px solid #e7e4de;flex-direction:column;display:flex;position:sticky;top:0}.app-header__row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.app-title{letter-spacing:-.01em;font-size:19px;font-weight:600}.app-title a{color:inherit}.app-title a:hover{text-decoration:none}.scoop-label{letter-spacing:.08em;text-transform:uppercase;color:var(--overline);white-space:nowrap;font-size:12px;font-weight:600}.admin-nav-link{font-size:13px;font-weight:600}.app-main{min-height:0;padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.app-main--admin{width:100%;max-width:1180px;padding:var(--space-6);gap:var(--space-6);margin:0 auto}@media (min-width:720px){.app-main:not(.app-main--admin){width:100%;max-width:480px;margin:0 auto}}.stack{gap:var(--space-3);flex-direction:column;display:flex}.segmented{background:var(--seg-bg);border:1px solid var(--seg-border);border-radius:12px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented--icons{border-radius:14px}.segment{min-height:44px;color:var(--seg-rest);background:0 0;border-radius:9px;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.segment--icon{border-radius:10px;flex-direction:column;gap:3px;min-height:56px;font-size:13px}.segment__icon{font-size:20px;line-height:1}.segment.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #14171a1f}.segmented--compact .segment{border-radius:8px;min-height:38px;font-size:14px}.field-card{align-items:center;gap:var(--space-3);min-height:76px;padding:10px var(--space-4);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-card);display:flex}.field-card__label{width:104px;color:var(--muted);flex:none;font-size:14px;font-weight:600}.field-card__input{text-align:right;min-width:0;color:var(--ink);background:0 0;border:none;flex:1;font-size:34px;font-weight:600}.field-card__input::placeholder{color:var(--placeholder)}.field-card__unit{color:var(--overline);flex:none;font-size:17px;font-weight:600}.is-editing{border-width:2px;border-color:var(--action);background:var(--surface)}.field-card.is-derived{background:var(--derived);border-color:var(--border-soft)}.field-card.is-disabled{min-height:76px;padding:14px var(--space-4);background:var(--seg-bg);border:1.5px dashed var(--border-dashed);flex-direction:column;align-items:stretch;gap:6px}.field-card__disabled-row{justify-content:space-between;align-items:center;display:flex}.field-card__disabled-label{color:var(--overline);font-size:14px;font-weight:600}.field-card__disabled-value{color:var(--placeholder);font-size:26px;font-weight:600}.field-card__helper{color:var(--warn);font-size:13px;font-weight:500}.result-panel{justify-content:space-between;align-items:flex-end;gap:var(--space-3);background:var(--ink);border-radius:var(--radius-panel);padding:18px 20px;display:flex}.result-panel__main{flex-direction:column;gap:4px;display:flex}.result-panel__overline{letter-spacing:.12em;text-transform:uppercase;color:var(--panel-secondary);font-size:12px;font-weight:600}.result-panel__value{color:#fff;font-size:40px;font-weight:700;line-height:1.05}.result-panel--volume .result-panel__value{font-size:44px}.result-panel__secondary{color:var(--panel-secondary);flex:none;padding-bottom:4px;font-size:15px;font-weight:500}.result-panel--empty{background:var(--seg-bg);border:1.5px dashed var(--border-dashed);border-radius:var(--radius-panel);color:var(--overline);padding:18px 20px;font-size:16px;font-weight:500}.sheet-scrim{z-index:20;background:#14171a59;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet-scrim[hidden]{display:none}.sheet{background:var(--surface);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;flex-direction:column;height:88%;display:flex;overflow:hidden}.sheet__header{padding:12px var(--space-4) 12px;gap:var(--space-3);border-bottom:1px solid #e7e4de;flex-direction:column;display:flex}.sheet__handle{background:var(--border-dashed);border-radius:2px;align-self:center;width:40px;height:4px}.sheet__title-row{justify-content:space-between;align-items:center;display:flex}.sheet__title{font-size:18px;font-weight:600}.sheet__close{min-height:var(--tap-min);padding:0 var(--space-3);color:var(--action);font-size:15px;font-weight:600}.sheet__search{box-sizing:border-box;background:var(--derived);border:1.5px solid var(--border-soft);border-radius:var(--radius-control);width:100%;min-height:48px;color:var(--ink);padding:0 14px;font-size:16px}.sheet__body{flex:1;overflow-y:auto}.sheet__group-header{padding:10px var(--space-4) 6px;background:var(--derived);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.sheet__row{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-2) var(--space-4);text-align:left;background:var(--surface);border-bottom:1px solid #eeebe5;display:flex}.sheet__row.is-selected{background:var(--action-tint)}.sheet__row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.sheet__row-name{color:var(--ink);font-size:16px;font-weight:600}.sheet__row-meta{color:var(--overline);font-size:13px}.sheet__row-tick{color:var(--action);flex:none;font-size:16px;font-weight:700}.btn{min-height:var(--tap-min);border-radius:var(--radius-control);justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.btn-primary{width:100%;min-height:var(--tap-primary);background:var(--action);border-radius:var(--radius-card);color:#fff;font-size:17px;font-weight:600}.btn-primary:disabled,.btn-primary.is-disabled{color:var(--panel-secondary);cursor:not-allowed;background:#dfe6e1}.btn-secondary{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-card);width:100%;min-height:52px;color:var(--ink);font-size:16px;font-weight:600}.product-picker-btn{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-3) var(--space-4);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-card);text-align:left;display:flex}.product-picker-btn__text{flex-direction:column;gap:2px;min-width:0;display:flex}.product-picker-btn__group{letter-spacing:.1em;text-transform:uppercase;color:var(--overline);font-size:11px;font-weight:600}.product-picker-btn__name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:600;overflow:hidden}.product-picker-btn__action{color:var(--action);flex:none;font-size:13px;font-weight:600}.diagram-card{background:var(--derived);border:1px solid var(--seg-border);border-radius:var(--radius-card);justify-content:center;padding:14px;display:flex}.diagram-card svg{max-width:100%;height:auto}.offline-view{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-8);text-align:center;flex-direction:column;flex:1;display:flex}.offline-view__badge{border:2px solid var(--ink);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;font-weight:700;display:flex}.offline-view__title{letter-spacing:-.01em;font-size:24px;font-weight:600}.offline-view__copy{color:var(--muted);max-width:42ch;margin:0;font-size:16px;line-height:1.5}.offline-view__retry{width:auto;min-height:56px;padding:0 28px}.toast{left:var(--space-4);right:var(--space-4);bottom:var(--space-6);z-index:30;justify-content:space-between;align-items:center;gap:var(--space-3);padding:14px var(--space-4);background:var(--ink);border-radius:var(--radius-card);display:flex;position:fixed;box-shadow:0 12px 28px #14171a3d}.toast[hidden]{display:none}.toast__message{color:#e8e6e1;font-size:15px;font-weight:500}.toast__action{color:#8fd0ac;font-size:15px;font-weight:700}.admin-back-link{font-size:14px;font-weight:600}.admin-header-bar{justify-content:space-between;align-items:center;gap:var(--space-6);padding:18px var(--space-6);margin:0 calc(-1 * var(--space-6));background:var(--surface);border-bottom:1px solid #e7e4de;display:flex}.admin-heading{font-size:20px;font-weight:600}.admin-header-links{gap:18px;font-size:14px;font-weight:600;display:flex}.admin-import-label{cursor:pointer;color:var(--action)}.admin-scoop-row{align-items:center;gap:var(--space-4);padding:18px var(--space-6);margin:0 calc(-1 * var(--space-6));background:var(--derived);border-bottom:1px solid #e7e4de;display:flex}.admin-scoop-label{color:var(--muted);font-size:14px;font-weight:600}.admin-scoop-input{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-control);align-items:center;width:96px;min-height:44px;padding:0 14px;font-size:20px;font-weight:600;display:inline-flex}.admin-scoop-warn{color:var(--warn);font-size:13px;font-weight:500}.admin-table{background:var(--surface);border-radius:var(--radius-card);border:1px solid #cfcac1;overflow:hidden}.admin-table__header-row{align-items:center;gap:var(--space-3);padding:10px var(--space-6);background:var(--seg-bg);border-bottom:1px solid var(--seg-border);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700;display:grid}.admin-table__row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-6);border-bottom:1px solid #eeebe5;font-size:15px;display:grid}.admin-table__row--inactive{opacity:.5}.admin-cell-input{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-control);min-height:40px;padding:0 10px;font-size:15px}.admin-cell-input:focus{border-color:var(--action);border-width:2px}.admin-checkbox{width:20px;height:20px}.admin-notes-cell{align-items:center;gap:8px;min-width:0;display:flex}.admin-check-badge{background:var(--check-badge-bg);color:var(--check-badge-text);letter-spacing:.06em;border-radius:4px;flex:none;padding:2px 6px;font-size:11px;font-weight:700}.admin-notes-input{flex:1;min-width:0}.admin-table__add-row{padding:14px var(--space-6)}.admin-add-btn{border:1.5px dashed var(--border);border-radius:var(--radius-control);min-height:44px;color:var(--action);align-items:center;gap:8px;padding:0 14px;font-size:15px;font-weight:600;display:inline-flex}.admin-save-bar{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-6);background:var(--ink);border-radius:var(--radius-card);display:flex}.admin-save-summary{color:#e8e6e1;font-size:15px;font-weight:500}.admin-save-actions{align-items:center;gap:var(--space-4);display:flex}.admin-discard-btn{color:var(--panel-secondary);font-size:15px;font-weight:600}.admin-save-btn{min-height:48px;padding:0 var(--space-6);background:var(--action);border-radius:var(--radius-control);color:#fff;align-items:center;font-size:16px;font-weight:600;display:inline-flex}.admin-save-btn:disabled,.admin-discard-btn:disabled{opacity:.4;cursor:not-allowed}.admin-status{font-size:14px;font-weight:500}.admin-status--ok{color:var(--action)}.admin-status--error{color:var(--warn)}