:root{color-scheme:light;--surface-page: #eeeeee;--surface-card: #ffffff;--surface-muted: #e4e4e4;--ink-primary: #0b0b0b;--ink-secondary: #52514e;--ink-muted: #898781;--border-hairline: rgba(11, 11, 11, .1);--border-hairline-strong: rgba(11, 11, 11, .18);--brand-red: #ea0000;--brand-red-ink: #ffffff;--id-coke: var(--brand-red);--id-non-coke: #2a78d6;--id-beverage-unknown: #1baf7a;--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Montserrat", var(--font-sans)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--surface-page: #0d0d0d;--surface-card: #1a1a19;--surface-muted: #232322;--ink-primary: #ffffff;--ink-secondary: #c3c2b7;--ink-muted: #898781;--border-hairline: rgba(255, 255, 255, .1);--border-hairline-strong: rgba(255, 255, 255, .18);--id-non-coke: #3987e5;--id-beverage-unknown: #199e70;--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b}}*{box-sizing:border-box}body{margin:0;background:var(--surface-page);color:var(--ink-primary);font-family:var(--font-sans)}.page{max-width:1800px;margin:0 auto;padding:var(--space-5) var(--space-6) 64px}.flow{min-height:100dvh}.flow__topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--surface-page);border-bottom:1px solid var(--border-hairline)}.flow__brand{font-family:var(--font-display);font-weight:800;font-size:1.1rem;border-bottom:3px solid var(--brand-red);line-height:1.3;flex-shrink:0}.flow-transition{animation:flow-fade-in .4s ease both}@keyframes flow-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.flow-transition{animation:none}}.steps{display:flex;align-items:center;list-style:none;margin:0;padding:0}.steps__item{display:flex;align-items:center;gap:var(--space-2);color:var(--ink-muted);font-size:.8rem}.steps__item:not(:last-child):after{content:"";width:24px;height:1px;margin:0 var(--space-2);background:var(--border-hairline-strong)}.steps__marker{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border-hairline-strong);font-size:.7rem;font-weight:700;flex-shrink:0}.steps__item--current .steps__marker{border-color:var(--brand-red);background:var(--brand-red);color:var(--brand-red-ink)}.steps__item--done .steps__marker{border-color:var(--brand-red);color:var(--brand-red)}.steps__item--current .steps__label{color:var(--ink-primary);font-weight:600}.steps__label{display:none}@media (min-width: 640px){.steps__label{display:inline}}.screen{min-height:calc(100dvh - 60px);display:flex;align-items:center;justify-content:center;padding:var(--space-5) var(--space-4)}.screen__card{max-width:460px;width:100%;text-align:center}.screen__title{margin:0 0 var(--space-1);font-family:var(--font-display);font-weight:800;font-size:1.5rem}.screen__subtitle{margin:0 0 var(--space-4);color:var(--ink-secondary)}.screen__back{margin-top:var(--space-4);border:none;background:none;color:var(--ink-secondary);font-family:var(--font-sans);font-size:.85rem;cursor:pointer;padding:var(--space-1)}.screen__back:hover{color:var(--ink-primary)}.processing__preview-wrap{margin:0 0 var(--space-4)}.processing__preview{max-width:100%;max-height:220px;border-radius:var(--radius-md);opacity:.6}.processing__spinner{width:36px;height:36px;margin:0 auto var(--space-3);border-radius:50%;border:3px solid var(--border-hairline-strong);border-top-color:var(--brand-red);animation:processing-spin .8s linear infinite}@keyframes processing-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.processing__spinner{animation-duration:2.4s}}.welcome{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-5) var(--space-4)}.welcome__card{max-width:460px;text-align:center}.welcome__kicker{display:inline-block;margin:0 0 var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--brand-red);color:var(--brand-red-ink);font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.welcome__title{margin:0 0 var(--space-1);font-size:2.25rem;font-family:var(--font-display);font-weight:800}.welcome__description{margin:0 0 var(--space-5);color:var(--ink-secondary);line-height:1.55}.welcome__features{list-style:disc;padding:var(--space-4) 0 0 1.25em;margin:0 0 var(--space-5);border-top:1px solid var(--border-hairline);display:flex;flex-direction:column;gap:var(--space-3);text-align:left}.welcome__features li{color:var(--ink-secondary);font-size:.875rem;line-height:1.3}.welcome__cta{padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);border:none;background:var(--brand-red);color:var(--brand-red-ink);font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s ease}.welcome__cta:hover{background:color-mix(in oklab,var(--brand-red) 85%,black)}.welcome__manual-link{display:block;margin:var(--space-3) auto 0;border:none;background:none;color:var(--ink-secondary);font-family:var(--font-sans);font-size:.8rem;cursor:pointer;padding:var(--space-1)}.welcome__manual-link:hover{color:var(--ink-primary)}.manual__topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--surface-page);border-bottom:1px solid var(--border-hairline)}.manual__page{max-width:800px;margin:0 auto;padding:var(--space-5) var(--space-6) 64px}.manual__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-weight:800;font-size:1.75rem}.manual__lede{margin:0 0 var(--space-6);color:var(--ink-secondary);line-height:1.55}.manual__section{margin:0 0 var(--space-6)}.manual__section h2{margin:0 0 var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--border-hairline);font-family:var(--font-display);font-size:1.15rem}.manual__section h3{margin:var(--space-4) 0 var(--space-2);font-size:.95rem;color:var(--ink-secondary)}.manual__section p{margin:0 0 var(--space-2);line-height:1.55}.manual__section code{background:var(--surface-muted);padding:.1em .4em;border-radius:var(--radius-sm);font-size:.85em}.manual__note{color:var(--ink-secondary);font-size:.85rem}.manual__list{margin:0 0 var(--space-2);padding-left:1.25em;line-height:1.55}.manual__code{background:var(--surface-muted);padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto;font-size:.8rem;color:var(--ink-primary);white-space:pre}.manual__table-wrap{overflow-x:auto;margin:0 0 var(--space-2)}.manual__table{width:100%;border-collapse:collapse;font-size:.85rem}.manual__table th,.manual__table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-hairline);vertical-align:top}.manual__table th{color:var(--ink-secondary);font-weight:600;white-space:nowrap}.dropzone{border:2px dashed var(--border-hairline-strong);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4);text-align:center;cursor:pointer;transition:border-color .15s ease;color:var(--ink-secondary)}.dropzone--active{border-color:var(--brand-red)}.dropzone--disabled{opacity:.6;cursor:not-allowed}.dropzone__error{color:var(--status-critical);font-weight:600}.image-compare{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-4)}.image-compare__item{flex:1 1 260px;min-width:0}.image-compare__label{display:block;margin-bottom:var(--space-2);font-size:.85rem;font-weight:600;color:var(--ink-secondary)}.image-compare__item img{width:100%;max-height:320px;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--border-hairline);display:block;background:var(--surface-card)}.image-compare__zoomable{cursor:zoom-in;transition:opacity .15s ease}.image-compare__zoomable:hover,.image-compare__zoomable:focus-visible{opacity:.85}.image-compare__placeholder{display:flex;align-items:center;justify-content:center;height:200px;max-height:320px;border-radius:var(--radius-md);border:1px dashed var(--border-hairline-strong);color:var(--ink-secondary);text-align:center;padding:var(--space-4)}.image-compare__placeholder--error{color:var(--status-critical)}.status-line{color:var(--ink-secondary)}.banner{display:flex;gap:var(--space-3);align-items:flex-start;border-radius:var(--radius-md);background:var(--surface-card);border:1px solid var(--border-hairline);border-left:4px solid var(--tone-color);padding:var(--space-3) var(--space-4);margin:var(--space-4) 0}.banner--good{--tone-color: var(--status-good)}.banner--warning{--tone-color: var(--status-warning)}.banner--serious{--tone-color: var(--status-serious)}.banner--critical{--tone-color: var(--status-critical)}.banner__icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--tone-color);color:#fff;font-size:.85rem;line-height:1}.banner__body{flex:1;min-width:0}.banner__title{color:var(--ink-primary)}.banner__list{margin:var(--space-1) 0 0;padding-left:var(--space-4);color:var(--ink-secondary)}.banner__pre{white-space:pre-wrap;margin:var(--space-1) 0 0;color:var(--ink-secondary);font-size:.85rem}.summary{display:flex;gap:var(--space-4);margin:var(--space-4) 0}.summary__tile{display:flex;flex-direction:column;border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:var(--surface-card);padding:var(--space-3) var(--space-4);min-width:120px}.summary__value{font-size:1.5rem;font-weight:600;color:var(--ink-primary);font-variant-numeric:proportional-nums}.summary__label{color:var(--ink-secondary);font-size:.85rem}.legend{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:0 0 var(--space-3);padding:0;font-size:.8rem;color:var(--ink-secondary)}.legend__item{display:flex;align-items:center;gap:var(--space-1)}.legend__swatch{width:12px;height:12px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:8px;line-height:1}.legend__swatch--beverage-coke{background:var(--id-coke)}.legend__swatch--beverage-non-coke{background:var(--id-non-coke)}.legend__swatch--beverage-unknown{background:var(--id-beverage-unknown)}.legend__swatch--empty{background:var(--surface-muted);border:1px solid var(--border-hairline-strong)}.legend__swatch--non-beverage,.legend__swatch--unknown{background:var(--surface-muted);border:1px dashed var(--border-hairline-strong);color:var(--ink-muted)}.grid{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0}.grid__row{display:flex;align-items:flex-start;gap:var(--space-3)}.grid__row-label{width:64px;flex-shrink:0;padding-top:var(--space-2);color:var(--ink-secondary);font-size:.85rem}.grid__slots{display:flex;flex:1 1 0;min-width:0;flex-wrap:nowrap;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1)}.empty-state{color:var(--ink-secondary)}.slot{border:1px solid var(--border-hairline);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);width:220px;flex:0 0 220px;background:var(--surface-card)}.slot--beverage-coke{background:color-mix(in oklab,var(--id-coke) 8%,var(--surface-card))}.slot--beverage-non-coke{background:color-mix(in oklab,var(--id-non-coke) 8%,var(--surface-card))}.slot--beverage-unknown{background:color-mix(in oklab,var(--id-beverage-unknown) 8%,var(--surface-card))}.slot--empty{background:var(--surface-muted);border-style:solid}.slot--non-beverage{background:var(--surface-muted);border-style:dashed;border-color:var(--border-hairline-strong)}.slot--unknown{background:var(--surface-muted);border-style:dotted;border-color:var(--border-hairline-strong)}.slot__thumbnail-wrap{display:flex;align-items:center;justify-content:center;height:108px;margin-bottom:var(--space-2);border-radius:var(--radius-md);background:var(--surface-card);border:1px solid var(--border-hairline)}.slot__thumbnail{height:100%;width:100%;object-fit:contain;padding:var(--space-2)}.slot__header{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--ink-muted)}.slot__identity{display:flex;align-items:center;gap:var(--space-1)}.slot__swatch{width:8px;height:8px;border-radius:50%;flex-shrink:0}.slot--beverage-coke .slot__swatch{background:var(--id-coke)}.slot--beverage-non-coke .slot__swatch{background:var(--id-non-coke)}.slot--beverage-unknown .slot__swatch{background:var(--id-beverage-unknown)}.slot__icon{font-size:.7rem;color:var(--ink-muted);line-height:1}.slot__id,.slot__confidence{font-variant-numeric:tabular-nums}.slot__title{font-weight:600;margin-top:var(--space-1);color:var(--ink-primary);overflow-wrap:break-word;font-size:.95rem;line-height:1.25;height:3.75em;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.slot__subtitle{margin-top:2px;font-size:.8rem;color:var(--ink-secondary)}.slot__sku-id{margin-top:var(--space-2);font-size:.75rem;color:var(--ink-muted);font-variant-numeric:tabular-nums}.slot__meta-line{margin-top:2px;font-size:.8rem;color:var(--ink-secondary)}.non-slot{margin:var(--space-4) 0}.non-slot h3{margin:0 0 var(--space-2);font-size:.95rem}.non-slot__notes{color:var(--ink-secondary);font-size:.85rem}.raw-json{margin:var(--space-4) 0}.raw-json summary{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;color:var(--ink-secondary);list-style:none}.raw-json summary::-webkit-details-marker{display:none}.raw-json summary:before{content:"▶";display:inline-block;font-size:.7em;transition:transform .15s ease}.raw-json[open] summary:before{transform:rotate(90deg)}.raw-json__actions{display:flex;gap:var(--space-2)}.raw-json__action{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border-hairline-strong);background:var(--surface-card);color:var(--ink-secondary);font-family:var(--font-sans);font-size:.75rem;cursor:pointer;transition:border-color .15s ease,color .15s ease}.raw-json__action:hover{border-color:var(--brand-red);color:var(--brand-red)}.raw-json pre{background:var(--surface-muted);padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto;font-size:.8rem;color:var(--ink-primary)}.reset-button{margin-top:var(--space-4);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1.5px solid var(--brand-red);background:var(--surface-card);color:var(--brand-red);cursor:pointer;font-family:var(--font-display);font-weight:700}.reset-button:hover{background:var(--brand-red);color:var(--brand-red-ink)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:100;cursor:zoom-out}.lightbox__image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);cursor:default}.lightbox__close{position:fixed;top:var(--space-4);right:var(--space-4);width:40px;height:40px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.lightbox__close:hover{background:#ffffff4d}