:root{--surface: #0d1210;--surface-raised: #161d1a;--surface-input: #1e2622;--border: #2a332e;--text: #eef3f0;--text-muted: #93a49b;--accent: #3ecf8e;--accent-ink: #06251a;--danger: #ff6b6b;--radius: 14px;--tab-bar-height: 60px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--surface);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-variant-numeric:tabular-nums}.app{display:flex;flex-direction:column;height:100%;height:100dvh}.app__main{flex:1;min-height:0;position:relative}.tab-bar{display:flex;border-top:1px solid var(--border);background:var(--surface-raised);padding-bottom:env(safe-area-inset-bottom);flex-shrink:0}.tab-bar__tab{flex:1;height:var(--tab-bar-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:none;color:var(--text-muted);font:inherit;font-size:11px;letter-spacing:.02em;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}.tab-bar__tab--active{color:var(--accent)}.tab-bar__icon{width:22px;height:22px}.tab-bar__badge{position:absolute;top:7px;left:calc(50% + 8px);min-width:17px;padding:0 5px;border-radius:9px;background:var(--accent);color:var(--accent-ink);font-size:10px;font-weight:700;line-height:17px}.scanner{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.scanner__video{width:100%;height:100%;object-fit:cover}.scanner__frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:min(78vw,340px);aspect-ratio:5 / 3;box-shadow:0 0 0 100vmax #0000006b;border-radius:18px}.scanner__corner{position:absolute;width:30px;height:30px;border:3px solid var(--accent)}.scanner__corner--top-left{top:-2px;left:-2px;border-right:0;border-bottom:0;border-radius:16px 0 0}.scanner__corner--top-right{top:-2px;right:-2px;border-left:0;border-bottom:0;border-radius:0 16px 0 0}.scanner__corner--bottom-left{bottom:-2px;left:-2px;border-right:0;border-top:0;border-radius:0 0 0 16px}.scanner__corner--bottom-right{bottom:-2px;right:-2px;border-left:0;border-top:0;border-radius:0 0 16px}.scanner__hint{position:absolute;left:0;right:0;bottom:22%;margin:0;text-align:center;font-size:14px;color:#ffffffdb;text-shadow:0 1px 6px rgb(0 0 0 / .7)}.scanner__torch{position:absolute;right:18px;bottom:calc(22% - 14px);width:52px;height:52px;border-radius:50%;border:1px solid rgb(255 255 255 / .25);background:#00000073;color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scanner__torch svg{width:22px;height:22px}.scanner__torch--on{background:var(--accent);color:var(--accent-ink);border-color:transparent}.scanner__status{position:absolute;inset:auto 20px 12%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center}.scanner__status h2{margin:0 0 6px;font-size:17px}.scanner__status p{margin:0 0 4px;color:var(--text-muted);font-size:14px}.scanner__status-detail{font-size:12px!important;opacity:.7;word-break:break-word}.scanner__status .button{margin-top:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:11px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.button svg{width:18px;height:18px}.button--primary{background:var(--accent);color:var(--accent-ink)}.button--danger{background:none;border-color:var(--border);color:var(--danger)}.button--secondary{background:var(--surface-input);border-color:var(--border);color:var(--text)}.button--quiet{background:none;border-color:var(--border);color:var(--text-muted);min-height:38px;font-size:14px}.list-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.list-screen__header{padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--surface)}.search{display:flex;align-items:center;gap:9px;background:var(--surface-input);border:1px solid var(--border);border-radius:11px;padding:0 12px;height:42px}.search__icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.search__input{flex:1;min-width:0;border:0;background:none;color:var(--text);font:inherit;font-size:16px;outline:none}.search__input::-webkit-search-cancel-button{filter:invert(.6)}.scan-list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;list-style:none;margin:0;padding:0}.scan-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:0;border-bottom:1px solid var(--border);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:pan-y;transition:transform .18s ease-out}.scan-row--dragging{transition:none}.scan-row:active{background:var(--surface-raised)}.scan-row__text{flex:1;min-width:0;display:flex;flex-direction:column}.scan-row__name{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scan-row__brand{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scan-row__meta{font-size:11px;color:var(--text-muted);opacity:.75}.scan-row__aside{display:flex;flex-direction:column;align-items:flex-end;gap:3px;padding-top:3px;align-self:flex-start}.scan-row__time{font-size:11px;color:var(--text-muted);white-space:nowrap}.cost{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}.cost__original{font-variant-numeric:tabular-nums}.cost__original--superseded{color:var(--text-muted);text-decoration:line-through;font-size:.9em}.cost__discounted{color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums}.cost--row{font-size:14px}.cost-editor{display:grid;gap:12px;margin-top:16px}.cost-editor__field{display:grid;gap:6px}.cost-editor__label{font-size:13px;color:var(--text-muted)}.cost-editor__input-wrap{display:flex;align-items:center;gap:6px;background:var(--surface-input);border:1px solid var(--border);border-radius:11px;padding:0 12px;height:42px}.cost-editor__prefix{color:var(--text-muted);font-size:16px}.cost-editor__input{flex:1;min-width:0;border:0;background:none;color:var(--text);font:inherit;font-size:16px;outline:none}.cost-editor__error{margin:0;color:var(--danger);font-size:13px}.list-screen__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-top:1px solid var(--border);background:var(--surface-raised)}.list-screen__count{margin:0;font-size:13px;color:var(--text-muted)}.empty{margin:0;padding:48px 32px;text-align:center;color:var(--text-muted);font-size:15px}.thumbnail{flex-shrink:0;border-radius:10px;background:var(--surface-input);object-fit:contain}.thumbnail--row{width:48px;height:48px}.thumbnail--sheet{width:96px;height:96px;border-radius:12px}.thumbnail--empty{display:grid;place-items:center;color:var(--text-muted)}.thumbnail--empty svg{width:55%;height:55%}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-end;z-index:10;animation:fade-in .14s ease-out}.sheet{position:relative;width:100%;max-height:86dvh;overflow-y:auto;background:var(--surface-raised);border-top-left-radius:20px;border-top-right-radius:20px;border-top:1px solid var(--border);padding:22px 20px calc(20px + env(safe-area-inset-bottom));animation:slide-up .18s cubic-bezier(.22,1,.36,1)}.sheet__close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--surface-input);color:var(--text-muted);cursor:pointer}.sheet__close svg{width:17px;height:17px}.sheet__body{display:flex;gap:16px}.sheet__text{flex:1;min-width:0}.sheet__name{margin:0 0 2px;font-size:19px;line-height:1.25;padding-right:34px}.sheet__brand{margin:0;color:var(--text-muted);font-size:14px}.sheet__quantity{margin:2px 0 0;color:var(--text-muted);font-size:13px}.sheet__facts{margin:14px 0 0;display:grid;gap:8px}.sheet__facts div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.sheet__facts dt{color:var(--text-muted)}.sheet__facts dd{margin:0;text-align:right;overflow:hidden;text-overflow:ellipsis}.sheet__note{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:var(--surface-input);color:var(--text-muted);font-size:13px}.sheet__actions{display:grid;gap:10px;margin-top:18px}.sheet__cost-empty{color:var(--text-muted);opacity:.75}.pill{display:inline-block;margin:0 0 6px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em}.pill--muted{background:var(--surface-input);color:var(--text-muted)}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.sheet-backdrop,.sheet{animation:none}}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:calc(env(safe-area-inset-top) + 24px) 24px calc(env(safe-area-inset-bottom) + 24px);background:#fff;color:#10201a}.share-overlay__close{position:absolute;top:calc(env(safe-area-inset-top) + 12px);left:12px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:999px;background:#10201a14;color:#10201a;cursor:pointer;-webkit-tap-highlight-color:transparent}.share-overlay__code{display:grid;place-items:center;padding:16px;border-radius:16px;background:#fff}.share-overlay__canvas{display:block;width:min(82vw,58vh,460px);height:auto;image-rendering:pixelated}.share-overlay__error{margin:0;max-width:22ch;color:#8a2b2b;text-align:center}.share-overlay__text{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.share-overlay__name{margin:0;font-size:20px;font-weight:600}.share-overlay__hint{margin:0;color:#56685f;font-size:14px}.cost--share{font-size:20px}.cost--share .cost__original--superseded{color:#56685f}.cost--share .cost__discounted{color:#0f7a4f}