.barcode-app{--scan-bg:#f4f1e8;--scan-ink:#242820;--scan-muted:#667067;--scan-accent:#8b492d;--scan-line:#d6d7c9;--scan-soft:#e7e6dc;min-height:100svh;width:100%;max-width:none;margin:0;padding:0 clamp(16px,3vw,48px) 94px;background:var(--scan-bg);color:var(--scan-ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums}.barcode-app *{box-sizing:border-box}.barcode-app [hidden],.barcode-app .hidden{display:none!important}.barcode-app button,.barcode-app input{font:inherit}.barcode-app button{touch-action:manipulation}.barcode-app :is(button,a,input):focus-visible{outline:2px solid var(--scan-accent);outline-offset:3px}.barcode-app button:disabled{opacity:.4;cursor:default}.barcode-app .app-header{display:flex;gap:14px;align-items:center;min-height:82px;border-bottom:1px solid var(--scan-line);grid-column:1/-1}.app-header>a{display:grid;place-items:center;width:34px;height:42px;color:var(--scan-muted);border-right:1px solid var(--scan-line);padding-right:10px}.app-header svg{width:22px;height:22px}.app-header h1{margin:0;font-size:26px;letter-spacing:-.6px;font-weight:650}.app-header>button{margin-left:auto;border:0;background:transparent;color:var(--scan-accent);min-height:44px;padding:0 10px;font-size:12px}.barcode-app .scanner-modes{grid-column:1/-1;display:flex;gap:30px;border-bottom:1px solid var(--scan-line);margin-bottom:26px}.scanner-modes button{height:56px;padding:0 1px;border:0;border-bottom:3px solid transparent;background:none;color:var(--scan-muted);font-size:13px;font-weight:600}.scanner-modes button.active{color:var(--scan-ink);border-bottom-color:var(--scan-accent)}.barcode-app .panel{border:0;background:none;box-shadow:none;border-radius:0;min-width:0;padding:0;margin:0}.barcode-app .controls-panel{align-self:start}.barcode-app .manual-box{margin:0 0 24px}.manual-box>label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.barcode-app .lookup-row{display:flex;gap:8px}.lookup-row input{min-width:0;width:100%;height:50px;padding:0 13px;background:#fff;border:1px solid #aeb8aa;border-radius:6px;color:var(--scan-ink);font-size:15px}.lookup-row input::-moz-placeholder{color:#7a8379}.lookup-row input::placeholder{color:#7a8379}.lookup-row button{flex-shrink:0;min-width:92px;padding:0 18px;border:0;border-radius:6px;background:var(--scan-accent);color:#fff;font-size:13px;font-weight:650}.lookup-row button:disabled{opacity:.5}.barcode-app .scan-box{position:relative;display:grid;place-items:center;aspect-ratio:4/3;min-height:0;overflow:hidden;border-radius:9px;background:#19211c;isolation:isolate}.scan-box video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.scan-frame{position:absolute;inset:30% 10%;border:1px solid #fff2;border-radius:5px;z-index:2;pointer-events:none}.scan-frame span{position:absolute;width:25px;height:20px;color:#e6eddf}.scan-frame span:nth-child(1){top:-1px;left:-1px;border-top:3px solid;border-left:3px solid;border-radius:5px 0 0}.scan-frame span:nth-child(2){top:-1px;right:-1px;border-top:3px solid;border-right:3px solid;border-radius:0 5px 0 0}.scan-frame span:nth-child(3){bottom:-1px;right:-1px;border-bottom:3px solid;border-right:3px solid;border-radius:0 0 5px}.scan-frame span:nth-child(4){bottom:-1px;left:-1px;border-bottom:3px solid;border-left:3px solid;border-radius:0 0 0 5px}.camera-empty{display:grid;place-items:center;gap:12px;color:#cad6c7;font-size:12px;z-index:2;text-align:center}.camera-empty svg{width:33px;height:33px;color:#dce9d6}.scan-box.is-active .camera-empty{display:none}.scanner-helper{font-size:11px;color:var(--scan-muted);margin:11px 0 0}.barcode-app .actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.actions-grid button{height:46px;border:1px solid #aab5a7;border-radius:6px;background:transparent;color:var(--scan-ink);font-size:13px;font-weight:600}.actions-grid .primary-btn{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--scan-ink);border-color:var(--scan-ink);color:#fff}.actions-grid svg{width:19px;height:19px}.actions-grid #stopBtn{grid-column:1/-1}.barcode-app .scanner-status{min-height:20px;margin:12px 0 0;font-size:12px;font-weight:500;color:var(--scan-accent);line-height:1.55}.barcode-app .result-panel{min-width:0;padding:0}.result-head{display:grid;grid-template-columns:100px minmax(0,1fr);gap:22px;align-items:center;border-bottom:1px solid var(--scan-line);padding-bottom:22px}.result-head>div{min-width:0}.result-head img{width:100%;max-height:155px;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;border-radius:3px}.result-head img:not([src]){display:none}.result-head:has(img:not([src])){grid-template-columns:1fr}.result-head .eyebrow{font-size:12px;color:var(--scan-accent);font-weight:600;margin:0 0 7px}.result-head h2{font-size:31px;line-height:1.2;letter-spacing:-.7px;font-weight:650;margin:0}.result-head p:last-child{font-size:11px;line-height:1.6;color:var(--scan-muted);margin:9px 0 0;overflow-wrap:anywhere}.barcode-app .facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:23px 0;border-bottom:1px solid var(--scan-line)}.facts-grid>div{min-width:0}.facts-grid span{display:block;font-size:11px;color:var(--scan-muted);margin-bottom:5px}.facts-grid strong{display:block;font-size:16px;font-weight:600;overflow-wrap:anywhere}.detail-stack{display:grid;gap:0}.detail-stack>article{border-bottom:1px solid var(--scan-line);padding:22px 0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:650;letter-spacing:0;text-transform:none;color:var(--scan-ink)}.section-title>button{border:0;background:transparent;color:var(--scan-muted);padding:7px 0;min-width:44px;font-size:11px}.detail-stack p{margin:9px 0 0;font-size:13px;line-height:1.65;color:#505f50}.link-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.link-list a{border:1px solid #bac4b4;border-radius:5px;color:var(--scan-accent);padding:9px 12px;font-size:12px;text-decoration:none}.barcode-app .empty-panel{display:none}.barcode-app .history-panel{margin-top:26px;border-top:1px solid var(--scan-line);padding-top:20px}.barcode-app #historyStatus{font-size:12px;color:var(--scan-accent)}.barcode-app #historyStatus:empty{display:none}.history-list{display:grid;gap:0;margin-top:8px}.history-list>p{font-size:13px;color:var(--scan-muted);margin:10px 0}.history-item{display:grid;grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--scan-line)}.history-item strong{display:block;font-size:14px;font-weight:550}.history-item span{display:block;font-size:11px;line-height:1.6;color:var(--scan-muted);margin-top:4px;overflow-wrap:anywhere}.history-item button{height:38px;border:1px solid #aebcac;border-radius:5px;background:transparent;font-size:11px;color:var(--scan-accent)}.barcode-app.is-history .controls-panel,.barcode-app.is-history .result-panel{display:none!important}.barcode-app.is-history .history-panel{grid-column:1/-1;grid-row:auto;border-top:0;margin-top:0;padding-top:0}@media (min-width:850px){.barcode-app{display:grid;grid-template-columns:minmax(290px,.85fr) minmax(0,1.35fr);gap:0 48px}.barcode-app .controls-panel{grid-column:1;grid-row:3/5;position:sticky;top:20px}.barcode-app .result-panel{grid-column:2;grid-row:3}.barcode-app .history-panel{grid-column:2;grid-row:4;margin-top:0;border-top:0;padding-top:0}.barcode-app:has(.result-panel:not(.hidden)) .history-panel{margin-top:28px;padding-top:23px;border-top:1px solid var(--scan-line)}.barcode-app:has(.result-panel.hidden) .history-panel{grid-row:3}.barcode-app .scan-box{aspect-ratio:1.25}.barcode-app .facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1300px){.barcode-app{grid-template-columns:minmax(350px,.7fr) minmax(0,1.3fr);gap:0 72px}.result-head{grid-template-columns:135px 1fr}.result-head img{max-height:205px}.result-head h2{font-size:40px}.barcode-app .facts-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:849px){.barcode-app .lookup-row input{font-size:16px}.barcode-app .result-panel{padding-top:27px;margin-top:24px;border-top:1px solid var(--scan-line)}.barcode-app .app-header{min-height:68px}.app-header h1{font-size:23px}.scanner-modes button{height:50px}.barcode-app .scanner-modes{margin-bottom:22px}.barcode-app .scan-box{aspect-ratio:1.55}.manual-box{margin-bottom:21px!important}.result-head{grid-template-columns:78px 1fr;gap:17px}.result-head h2{font-size:25px}.result-head img{max-height:120px}}@media (max-width:370px){.barcode-app{padding-inline:12px}.app-header h1{font-size:21px}.lookup-row button{min-width:77px;padding-inline:12px}.lookup-row input{font-size:16px}.result-head{grid-template-columns:68px 1fr}.result-head h2{font-size:23px}}@media (prefers-reduced-motion:reduce){.barcode-app *{scroll-behavior:auto;transition:none!important}}.book-app .app-header h1,.book-app .result-head h2{font-family:Georgia,Times New Roman,serif;font-weight:500}.book-app .scan-box{background:#211e18}.book-app .lookup-row button{background:#894d32}