:root{--bg:#f5f5ef;--paper:#fff;--ink:#122c2a;--muted:#65746e;--line:#dce2d9;--green:#bfea73;--dark:#122c2a;--error:#ad342b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #4d8932;outline-offset:3px}input:focus,select:focus{outline:2px solid #588348;outline-offset:1px}button{touch-action:manipulation}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.top{max-width:600px;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 24px 16px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:27px;font-weight:760;letter-spacing:-1px;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:1.2px;margin-top:5px;font-weight:600}.brand svg{width:35px;height:35px;stroke:var(--ink);fill:none;stroke-width:2.5}.text-button{border:0;background:none;padding:10px 0;font-size:13px;font-weight:600;color:var(--ink);min-height:44px}main{max-width:600px;margin:auto;padding:12px 24px calc(32px + env(safe-area-inset-bottom))}.intro{padding:18px 0 23px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--muted)}h1{font-size:clamp(39px,10vw,52px);line-height:1.05;letter-spacing:-2.6px;margin:17px 0}h1 em{font-style:normal;color:#52742b}p{margin:10px 0}.muted{color:var(--muted);font-size:15px;max-width:310px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:23px;padding:23px}label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}input,select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px 12px;color:var(--ink);font-size:16px}label:not(:first-child){margin-top:20px}.area-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0 10px}.area-grid button{display:flex;gap:10px;align-items:center;padding:12px 10px;min-height:50px;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:13px;text-align:left;color:var(--ink)}.area-grid button span{font-size:21px;width:24px;text-align:center}.area-grid button.selected{background:#edf6dc;border-color:#9cbc78}.primary{width:100%;min-height:55px;border:0;border-radius:13px;background:var(--ink);color:white;font-weight:650;display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 15px}.primary span{font-size:23px;line-height:1}.start{margin-top:23px;justify-content:space-between}.footnote{font-size:11px;color:var(--muted);text-align:center;margin:13px 0 0}.secondary{border:1px solid var(--line);background:transparent;color:var(--ink);min-height:48px;padding:10px;border-radius:12px;font-size:14px}.full{width:100%;margin-top:10px}.session-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 0 9px}.area-title{display:flex;align-items:center;gap:20px;border:0;background:none;padding:3px 0;font-size:32px;font-weight:660;letter-spacing:-1px;color:var(--ink)}.icon-button{width:43px;height:43px;flex:none;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:23px;color:var(--ink)}.sync-line{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin-bottom:16px;min-height:28px}.sync-line .text-button{margin-left:auto;font-size:11px;min-height:30px;padding:5px 0}.dot{width:6px;height:6px;border-radius:50%;background:#649b35;flex:none}.dot.pending{background:#c28227}.scan-hero{background:var(--ink);border:0;border-radius:22px;width:100%;height:240px;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.scan-hero svg{width:85px;height:60px;fill:none;stroke:var(--green);stroke-width:2.5;margin-bottom:9px}.scan-hero strong{font-size:22px;letter-spacing:-.6px}.scan-hero span{font-size:12px;color:#b8cac1}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:29px 0 13px}.section-heading h2{font-size:17px;margin:0;letter-spacing:-.3px}.section-heading>span{font-size:11px;color:var(--muted)}.empty{text-align:center;color:var(--muted);font-size:13px;padding:35px 5px;border:1px dashed #ccd5c7;border-radius:16px}.empty-mark{font-size:28px;color:#9cae92}.history-row{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);align-items:center}.history-avatar{width:42px;height:48px;background:#e7ecdf;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:22px;flex:none}.history-avatar img{max-width:100%;max-height:100%;object-fit:contain}.history-main{min-width:0;flex:1}.history-main strong{font-size:13px;display:block}.history-main small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.history-qty{font-size:21px;font-weight:700;letter-spacing:-.8px;flex:none}.history-qty small{display:block;font-size:9px;color:var(--muted);font-weight:400;letter-spacing:0;text-align:right}.bottom-actions{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:12px}.error{color:var(--error);font-size:13px}.error:empty{display:none}#login .primary{margin-top:18px}#camera{position:fixed;inset:0;background:#081211;z-index:20;color:white}#video{width:100%;height:100%;object-fit:cover}.camera-top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:calc(15px + env(safe-area-inset-top)) 18px 18px;background:linear-gradient(#0009,transparent)}.camera-top>span{font-size:17px;font-weight:600}.camera-top>div{display:flex;gap:10px}.camera-button{background:#ffffff20;border:1px solid #ffffff35;color:white;border-radius:50%;width:44px;height:44px;font-size:25px}#target{position:absolute;top:36%;left:9%;width:82%;height:23%;border:2px solid #d6f3b8;border-radius:18px;box-shadow:0 0 0 100vmax #0004}#target i{position:absolute;top:50%;left:6%;right:6%;height:1px;background:var(--green)}#camera-hint{position:absolute;top:64%;left:10%;right:10%;text-align:center;font-size:14px;text-shadow:0 1px 5px #000}#camera-manual{position:absolute;bottom:calc(35px + env(safe-area-inset-bottom));left:20%;width:60%;color:#fff;background:#ffffff25;border:1px solid #ffffff60;border-radius:12px;min-height:50px}#scan-flash{position:absolute;inset:0;border:7px solid var(--green);pointer-events:none;opacity:0}#scan-flash.on{opacity:1}dialog{border:0;color:var(--ink);background:white;border-radius:22px;padding:24px;width:calc(100% - 32px);max-width:460px;max-height:92dvh;overflow:auto}dialog::backdrop{background:#0516128c;backdrop-filter:blur(3px)}#entry{position:fixed;bottom:0;top:auto;margin:0 auto;width:100%;max-width:550px;border-radius:25px 25px 0 0;padding:10px 21px 0;max-height:94dvh;overscroll-behavior:contain}.drawer-handle{width:35px;height:4px;background:#dbe3d7;border-radius:3px;margin:0 auto 8px}.entry-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.entry-head .icon-button{border:0;width:30px;height:30px}.tick{color:#4f7828;font-size:14px;padding-left:4px}.count-input label{text-align:center;font-size:14px;margin:5px 0 10px}.stepper{display:flex;align-items:center;justify-content:center;gap:22px}.stepper button{width:52px;height:52px;border:1px solid var(--line);background:#f6f8f3;border-radius:15px;font-size:28px;color:var(--ink)}.stepper input{width:110px;border:0;border-radius:0;padding:0;height:65px;font-size:53px;line-height:1;text-align:center;font-weight:700;letter-spacing:-2px;appearance:textfield}.stepper input::-webkit-inner-spin-button{appearance:none}.fullness-head{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.fullness-head label{margin:0;font-size:12px}.fullness-head>span{font-size:10px;color:var(--muted)}.percentages{display:flex;gap:6px;margin-top:9px}.percentages button{flex:1;height:47px;border:1px solid var(--line);border-radius:11px;background:white;color:var(--ink);font-weight:600;font-size:18px}.percentages button span{font-size:10px;font-weight:400;margin-left:1px}.percentages button.selected{background:var(--green);border-color:#a3cf5b}.product{display:flex;align-items:center;gap:14px;margin:20px 0 15px;padding-top:18px;border-top:1px solid var(--line)}.product-image{width:73px;height:87px;flex:none;display:flex;align-items:center;justify-content:center;background:#f5f7f1;border-radius:12px}.product-image img{width:100%;height:100%;object-fit:contain}.product-image svg{width:38px;height:57px;fill:none;stroke:#9aad8c;stroke-width:2}.product-info{min-width:0;flex:1}.lookup-state{font-size:9px;color:#7b8b70}.product-info h2{font-size:17px;line-height:1.2;letter-spacing:-.3px;margin:5px 0}.product-info p{font-size:11px;color:var(--muted);margin:4px 0}.product-info strong{font-size:13px;display:block;margin:4px 0}.product-info code{font-size:10px;color:#84907d;letter-spacing:.7px}.presentation-head{display:flex;justify-content:space-between;align-items:center}.presentation-head label{font-size:12px;margin:0}.presentation-head span{font-size:9px;color:var(--muted)}.presentation-grid{display:grid;grid-template-columns:1.35fr 1fr .85fr;gap:7px;margin-top:8px}.presentation-grid input,.presentation-grid select{min-height:44px;padding:8px;font-size:15px}.size-presets{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0}.size-presets button{min-height:34px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:#f8f9f5;color:var(--muted);font-size:10px}details{font-size:12px;color:var(--muted);margin-top:13px}summary{min-height:34px;padding:6px 0;cursor:pointer}details label{font-size:12px;margin-top:12px}details input{font-size:16px}#sources a{display:block;color:#52742b;margin:10px 0;overflow-wrap:anywhere}pre{white-space:pre-wrap;font-size:10px;max-height:220px;overflow:auto;background:#f5f7f1;padding:10px;border-radius:8px}.save-footer{position:sticky;bottom:0;background:linear-gradient(#ffffffed,#fff);padding:12px 0 calc(12px + env(safe-area-inset-bottom));margin-top:7px}.save-footer .primary{background:var(--ink);font-size:14px}.save-footer small{display:block;text-align:center;font-size:9px;color:var(--muted);margin-top:7px}#partial-row{margin:11px 0;background:#f5f8ef;padding:11px;border-radius:10px;display:grid;grid-template-columns:1fr 70px;gap:8px;align-items:center}#partial-row label{margin:0;font-size:11px}#partial-row input{padding:8px;min-height:40px;text-align:center}#partial-row p{grid-column:1 / -1;margin:0;text-align:left}#toast{position:fixed;z-index:50;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:var(--green);color:var(--ink);border-radius:12px;padding:13px 22px;box-shadow:0 5px 35px #0002;font-size:13px;font-weight:600;max-width:90vw;white-space:nowrap}#manual-dialog h2,#install-dialog h2{font-size:23px;letter-spacing:-.6px}#manual-dialog .primary{margin-top:18px}#install-dialog p{font-size:15px;color:var(--muted);margin-bottom:25px}@media(min-width:700px){main{padding-top:30px}.top{padding-top:26px}.intro{padding-top:0}#setup{max-width:440px;margin:auto}#workspace{max-width:460px;margin:auto}#camera{max-width:600px;margin:auto}#entry{bottom:20px;border-radius:25px;padding-bottom:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.history-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.history-actions button{min-height:36px}textarea{width:100%;font:inherit;padding:10px;border:1px solid var(--line);border-radius:10px;resize:vertical}#change-submit{margin-top:12px}#audit-list p{font-size:13px;line-height:1.6;border-bottom:1px solid var(--line);padding-bottom:12px;overflow-wrap:anywhere}

#review-photo{width:100%;max-height:210px;object-fit:contain;border-radius:12px;background:var(--bg)}.field-source{display:block;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.stock-candidate{display:flex;align-items:center;gap:10px;min-height:48px}.stock-candidate input{width:22px;min-height:22px;flex:none}.review-item{text-align:left;overflow-wrap:anywhere}#scan-notice{position:fixed;inset:calc(12px + env(safe-area-inset-top)) 12px auto;margin:0 auto;max-width:550px;width:calc(100% - 24px);padding:12px;background:var(--ink);color:white;border:0;border-radius:12px;box-shadow:0 4px 25px #0003;display:flex;gap:8px}#notice-open{flex:1;text-align:left;border:0;background:none;color:inherit;font:inherit;font-size:13px;min-height:44px}#notice-close{flex:none;color:white;border:0;background:none;font-size:23px;width:36px}#review-save{margin-top:18px}

.scan-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin:8px 0 16px}.scan-actions .danger{color:var(--error);border-color:#e6c4bf}.scan-actions button{min-height:44px;font-weight:600}

.presentation-grid{grid-template-columns:1fr 1fr}.presentation-grid #packaging{grid-column:1/-1}.presentation-grid #size-label{grid-column:1/-1;margin:5px 0 0}.measurement-note{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.check-label{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.check-label input{width:22px;min-height:22px;flex:none;margin:0}#multipack-fields{padding:14px;background:#f3f8e8;border:1px solid #c5d5b1;border-radius:12px;font-size:13px}#uom{font-size:13px}

.location-mini{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #cbdacf;border-radius:14px;margin:12px 0;background:#f2f6f2}.location-mini[hidden]{display:none}.location-mini svg{width:105px;flex-shrink:0;max-height:140px}.location-mini svg [role=button]{cursor:pointer}.location-mini strong{font-size:14px}.location-mini a{display:block;font-size:12px;margin-top:8px}.box-choices{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.box-choices button{background:white;color:#173e31;border:1px solid #94a99d;border-radius:8px;padding:6px;font-size:12px;min-height:38px}.box-choices button[aria-pressed=true]{border:2px solid #126ce2;background:#e7efff}#camera-location{position:absolute;z-index:5;top:65px;left:10px;right:10px;max-height:160px;overflow:auto;background:#183c34ed;color:white;border-color:#628d7c}#camera-location svg{width:75px;max-height:120px}#camera-location a{color:#d3eadc}

.count-options{margin:16px 0}.count-options summary{padding:14px 0;min-height:44px;cursor:pointer}

#unknown-product-photo{padding:16px;background:#edf3ee;border-radius:12px;margin:16px 0}
#unknown-product-photo h3{margin:0 0 8px}#unknown-product-photo p{font-size:14px}
#entry-photo-preview{width:100%;max-height:240px;object-fit:contain;margin-top:12px}
#entry-photo-file{max-width:100%;font-size:14px}.photo-label{display:flex;align-items:center;justify-content:center;min-height:48px;cursor:pointer}

.open-bottle-row{border-top:1px solid #d5dfd8;padding:14px 0}.open-bottle-row p{margin:8px 0}.open-bottle-row .section-heading{margin:0}#bottle-summary{font-weight:650;padding:12px 0}#add-open-bottle{margin-top:12px}

.finish-row{display:block;width:100%;min-height:44px;margin:12px 0 8px}.row-live-status{display:block;font-size:11px;margin-bottom:10px}.location-mini>div{min-width:0}

#no-barcode{margin-top:10px}#no-barcode-fields{margin:16px 0}#camera-no-barcode{bottom:calc(90px + env(safe-area-inset-bottom));}

.section-navigation{margin:0 0 20px}.section-navigation .eyebrow{display:block;letter-spacing:.06em;margin-bottom:12px;overflow-wrap:anywhere}
.section-navigation label{display:block;font-size:14px;margin:0 0 6px}
#section-menu{display:block;width:100%;max-width:100%;min-width:0;min-height:48px;font-size:16px;text-overflow:ellipsis;padding-right:36px}

/* Compact live counting controls and camera history. */
.location-mini{display:flex;flex-direction:column;gap:5px;text-align:center;padding:10px}
.space-navigation{display:flex;align-items:center;justify-content:center;gap:20px;width:100%}
.location-mini .space-navigation svg,#camera-location .space-navigation svg{width:150px;height:145px;max-height:none}
.space-arrow{width:48px;height:52px;border:1px solid #8ba79c;border-radius:12px;background:#fff;color:#173c2e;font-size:38px;line-height:1}
.space-arrow:disabled{opacity:.3;cursor:default}
.current-space{display:block}.space-position{font-size:12px;font-weight:650}
.location-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:5px}
.location-actions .finish-row,.location-actions .secondary{margin:0;min-height:44px;padding:8px}
#camera{display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);isolation:isolate;overflow:auto}
#video{position:absolute;inset:0;z-index:-2}
#camera:before{content:'';position:absolute;inset:0;background:#0004;z-index:-1;pointer-events:none}
#camera .camera-top{position:relative;flex:none;padding:calc(8px + env(safe-area-inset-top)) 12px 6px;gap:10px}
#camera-area{font-size:13px;line-height:1.25}
#camera-location{position:relative;top:auto;left:auto;right:auto;flex:none;max-height:none;overflow:visible;margin:4px 12px 10px}
#camera-location .secondary{color:#fff;border-color:#8ba79c}
#target{position:relative;top:auto;left:auto;flex:1;min-height:85px;max-height:200px;width:82%;margin:auto;box-shadow:none}
#camera-hint{position:relative;top:auto;left:auto;right:auto;flex:none;font-size:12px;margin:8px 0}
#camera-manual{position:relative;bottom:auto;left:auto;width:calc(100% - 32px);margin:0 16px 8px;min-height:44px;flex:none}
#camera-recent{position:relative;flex:none;background:#102c27ec;padding:8px 12px;font-size:12px;min-height:90px}
#recent-scans{display:flex;gap:8px;overflow-x:auto;padding:6px 0 2px;scroll-snap-type:x proximity}
.recent-scan{flex:0 0 145px;min-height:52px;border:1px solid #78988a;background:#fff;color:#173c2e;border-radius:10px;padding:7px 9px;text-align:left;scroll-snap-align:start}
.recent-scan strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.2}
.recent-scan span{display:block;font-size:11px;margin-top:3px}
@media(max-height:700px){#camera-location .space-navigation svg{height:105px;width:120px}#camera-location{gap:2px;padding:6px;margin-bottom:6px}.space-navigation{gap:14px}}

.camera-admin{font-size:12px;display:flex;align-items:center;min-height:44px;text-decoration:underline}#scanner-admin{display:block;text-align:right}

.cleanup-button{display:block;text-align:center;border-color:#c18a7d;color:#842f26;background:#fff6f3;font-weight:650;margin:12px 0 18px;min-height:48px}

#startup h2{font-size:22px;margin:0 0 8px}#startup p{font-size:14px;color:var(--muted)}#startup a{display:block;text-align:center;margin-top:18px}

#section-picker{position:fixed;inset:0;z-index:15;background:var(--bg)}
#section-frame{width:100%;height:100dvh;border:0;display:block;background:var(--bg)}
.picker-loading{position:absolute;inset:35% 24px auto;text-align:center;color:var(--muted);font-size:16px;pointer-events:none}
.counter-only .count-options{display:none}

body:has(#camera:not([hidden])) #toast{bottom:calc(110px + env(safe-area-inset-bottom))}

.demo-offer{margin-top:24px;padding-top:24px;border-top:1px solid #dbe1d8}.demo-offer .footnote{margin-bottom:0}


.demo-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));color:#68776f;background:#f5f5ed;font-size:11px;line-height:1.4}.demo-banner strong{font-size:10px;letter-spacing:.08em;margin-right:6px}.demo-banner button{border:0;background:none;color:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px;padding:8px;min-height:32px}.demo-mode:not(.embedded-count){padding-top:0}.demo-mode:not(.embedded-count)>.top{height:104px;box-sizing:border-box;padding:20px 24px;margin:0 auto;max-width:1000px}.demo-mode #section-picker{top:104px;height:calc(100dvh - 152px - env(safe-area-inset-bottom));bottom:auto}.demo-mode #section-frame{height:100%}.demo-mode:has(#section-picker:not([hidden]))>.demo-banner{position:fixed;inset:auto 0 0;z-index:16;box-sizing:border-box;min-height:48px;padding:4px 12px calc(4px + env(safe-area-inset-bottom))}.demo-mode #camera{top:0;height:100dvh}.demo-mode:has(#camera:not([hidden]))>.demo-banner{display:none}.demo-mode #install,.demo-mode #retry,.demo-mode #person-label{display:none}
[data-zone]:focus-visible,[data-box]:focus-visible{outline:none;stroke:#266fe0;stroke-width:3}

.lookup-state.is-searching{display:inline-flex;align-items:center;gap:8px;color:#315d49}.lookup-state.is-searching::before{content:'';width:14px;height:14px;flex:0 0 14px;border:2px solid #d6e2d8;border-top-color:#37694d;border-radius:50%;animation:lookup-spin .8s linear infinite}#lookup-hint{margin:6px 0 10px;line-height:1.4;color:#61756a}@keyframes lookup-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.lookup-state.is-searching::before{animation:none}}

.ingredient-options{max-height:240px;overflow:auto;border:1px solid #ccd8d1;border-radius:14px;background:#fff;margin:6px 0 14px;box-shadow:0 6px 20px #12302c12}
.ingredient-options[hidden]{display:none}.ingredient-options button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;border:0;border-radius:0;background:#fff;color:#14312d;padding:13px 15px;text-align:left}
.ingredient-options button+button{border-top:1px solid #e8ede9}.ingredient-options button:hover,.ingredient-options button[aria-selected=true]{background:#e9f2e3}.ingredient-options span{font-size:13px;color:#63756e}

.photo-primary{display:block;width:100%;background:var(--ink,#12332f);color:white;border:0;border-radius:16px;padding:16px;font:inherit;font-weight:700}.photo-recognition{padding:16px;margin:12px 0;border-radius:16px;background:#edf3eb;border:1px solid #cad7c7}.photo-recognition button{margin-top:8px}.open-bottle-row input{max-width:140px;margin-top:8px}

.bottle-level-control{display:grid;grid-template-columns:76px 1fr;gap:20px;align-items:center;margin:12px 0}.bottle-level-control svg{width:76px;height:140px}.bottle-percent{display:flex;align-items:center;gap:8px}.bottle-percent input{width:86px;text-align:center;font-size:24px;font-weight:700}.bottle-level-control input[type=range]{width:100%;accent-color:#346957;padding:8px 0}.bottle-level-control[hidden]{display:none}

/* r51 flexible shelf: wide bays fit between touch controls. */
.location-mini .space-navigation svg,#camera-location .space-navigation svg{width:calc(100% - 116px);max-width:330px;min-width:0;flex:1;height:145px}.space-navigation{gap:10px}.space-arrow{flex-shrink:0}
@media(max-height:700px){#camera-location .space-navigation svg{height:115px}}

/* Shared count UI: canonical AventarIA palette, compact scanner layout. */
@font-face{font-family:'DM Sans';src:url('/brand/dm-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/brand/dm-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--bg:#FFFDF9;--paper:#fff;--ink:#222D55;--muted:#59667F;--line:#D6DBE5;--green:#303EB0;--dark:#222D55;--error:#A32D3E;--tint:#F0F2FC}
body{font-family:'DM Sans','Segoe UI',sans-serif}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus,select:focus{outline-color:var(--green)}
h1 em,#sources a,.tick{color:var(--green)}
.primary,.scan-hero{background:var(--green)}
.scan-hero svg{stroke:white}
.scan-hero span{color:#e3e7ff}
.area-grid button.selected,.percentages button.selected{background:var(--tint);border-color:var(--green)}
.percentages button.selected{color:var(--ink)}
.stepper button,.product-image,pre,#partial-row,#unknown-product-photo,.photo-recognition{background:var(--tint)}
.product-image svg{stroke:var(--muted)}
#toast{background:var(--ink);color:white;white-space:normal;width:max-content}
.location-mini{background:var(--tint);border-color:var(--line)}
.space-arrow{color:var(--ink);border-color:var(--line);font-size:30px;min-height:44px}
.box-choices button{color:var(--ink);border-color:var(--line)}
#camera-location,#camera-recent{background:#222D55ed}
#camera-location{border-color:#79839B}
#target{border-color:#fff}
#target i{background:#fff}
.history-avatar,.drawer-handle{background:var(--tint)}
.empty{border-color:var(--line)}
.empty-mark,.lookup-state,#lookup-hint{color:var(--muted)}
.ingredient-options{border-color:var(--line)}
.ingredient-options button{color:var(--ink)}
.ingredient-options button:hover,.ingredient-options button[aria-selected=true]{background:var(--tint)}
.bottle-level-control input[type=range]{accent-color:var(--green)}
.conteo-publisher{display:block;width:104px;height:30px;object-fit:contain}
.brand{gap:14px;font-size:23px;letter-spacing:-.6px}
.brand>span{border-left:1px solid var(--line);padding-left:14px}
.top{padding:calc(12px + env(safe-area-inset-top)) 20px 8px}
main{padding:8px 20px calc(24px + env(safe-area-inset-bottom))}
#workspace{max-width:720px}
.section-navigation{margin:0 0 12px}
.section-navigation .eyebrow{margin-bottom:6px}
.section-navigation label{font-size:12px;margin-bottom:4px}
#scanner-admin{padding:3px 0;min-height:30px}
#workspace:has(#section-menu)>.session-bar{display:none}
.scan-hero{height:164px;border-radius:16px;gap:8px}
.scan-hero svg{height:48px;width:68px;margin-bottom:0}
.section-heading{margin:20px 0 10px}
.location-mini{margin:8px 0 12px}
.demo-banner{color:var(--muted);background:var(--bg);border-top:1px solid var(--line)}
.demo-mode:not(.embedded-count)>.top{height:64px;padding:12px 20px}
.demo-mode #section-picker{top:64px;height:calc(100dvh - 112px - env(safe-area-inset-bottom))}
.demo-mode:not(.embedded-count):has(#section-picker:not([hidden])){overflow:hidden}
@media(min-width:700px){main{padding-top:12px}.top{padding-top:16px}#workspace>.location-mini{max-width:520px;margin-left:auto;margin-right:auto}}