:root{--paper:oklch(96.5% .012 85);--paper-2:oklch(92.5% .018 85);--paper-3:oklch(88% .022 85);--white:oklch(99.2% .005 85);--ink:oklch(21% .02 60);--ink-2:oklch(40% .02 60);--ink-3:oklch(58% .015 60);--line:oklch(82% .02 80);--accent:oklch(68% .19 45);--accent-deep:oklch(58% .19 40);--accent-soft:oklch(94% .05 60);--steel:oklch(38% .06 250);--steel-soft:oklch(90% .03 250);--steel-text:oklch(97% .01 250);--danger:oklch(48% .18 25);--ok:oklch(50% .13 150);--font-display:"Barlow Condensed", "Arial Narrow", "Helvetica Neue", sans-serif;--font-body:"Barlow", "Helvetica Neue", system-ui, sans-serif;--nav-h:64px;--stripe:repeating-linear-gradient(-45deg, var(--ink) 0 10px, var(--accent) 10px 20px);--sheet-w:794px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.4}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;margin:0;font-weight:700;line-height:1.05}h2{font-size:1.35rem}h3{color:var(--ink-2);font-size:1.1rem}p{margin:0}a{color:inherit}button{font:inherit;color:inherit}#root{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:10;min-height:56px;padding:0 8px 0 4px;padding-top:env(safe-area-inset-top);background:var(--paper);border-bottom:2px solid var(--ink);grid-template-columns:48px 1fr auto;align-items:center;gap:8px;display:grid;position:sticky;top:0}.topbar:before{content:"";background:var(--stripe);height:6px;position:absolute;inset:0 0 auto}.topbar-title{white-space:nowrap;text-overflow:ellipsis;padding-top:6px;font-size:1.3rem;overflow:hidden}.topbar-spacer{width:12px}.topbar-actions{gap:4px;padding-top:6px;display:flex}.iconbtn{width:48px;height:48px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin-top:6px;text-decoration:none;display:inline-flex}.main{width:100%;max-width:720px;padding:16px 16px calc(var(--nav-h) + 24px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:20px;margin:0 auto;display:flex}.main-wide{max-width:none}.nav{z-index:10;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--ink);color:oklch(85% .01 80);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.nav a{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:inherit;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.8rem;font-weight:600;text-decoration:none;display:flex}.nav a.active{color:var(--accent)}.nav a.nav-scan{background:var(--accent);color:var(--ink)}.nav a.nav-scan.active{background:var(--accent-deep)}.plate{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;border:2px solid var(--ink);background:var(--white);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;padding:0 .4em;font-weight:700;line-height:1.35;display:inline-flex}.plate-level{background:var(--steel);border-color:var(--steel);color:var(--steel-text)}.plate-sm{font-size:.95rem}.plate-md{font-size:1.15rem}.plate-lg{box-shadow:5px 5px 0 var(--accent);border-width:3px;padding:0 .3em;font-size:2.8rem;line-height:1.15}.plate-level.plate-lg{box-shadow:5px 5px 0 var(--paper-3)}.chip{border:1.5px solid var(--line);background:var(--white);white-space:nowrap;align-items:center;gap:.35em;padding:.2em .6em;font-size:.9rem;font-weight:500;display:inline-flex}.chip-warn{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep);font-weight:600}.chip-btn{border:2px solid var(--line);cursor:pointer;min-height:40px;padding:.3em .8em;font-size:.95rem}.chip-on{border-color:var(--ink);background:var(--ink);color:var(--paper)}.chips{flex-wrap:wrap;gap:8px;display:flex}.where{align-items:center;gap:8px;text-decoration:none;display:inline-flex}.where-text{font-size:.9rem}.muted{color:var(--ink-3)}.tags{flex-wrap:wrap;gap:4px;display:flex}.tag{background:var(--paper-2);color:var(--ink-2);padding:0 .5em;font-size:.8rem}.btn{border:2px solid var(--ink);background:var(--white);min-height:48px;color:var(--ink);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;gap:.5em;padding:.5em 1.1em;font-size:1.05rem;font-weight:600;text-decoration:none;transition:transform .12s cubic-bezier(.2,.8,.2,1),box-shadow .12s;display:inline-flex}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--accent);box-shadow:3px 3px 0 var(--ink)}.btn-primary:not(:disabled):active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn-ghost{background:0 0;border-color:#0000}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn-block{width:100%}.btn-sm{min-height:40px;padding:.3em .8em;font-size:.95rem}.actions{flex-wrap:wrap;gap:10px;display:flex}.input,.select,.textarea{border:2px solid var(--ink);background:var(--white);width:100%;min-height:48px;color:var(--ink);font:inherit;border-radius:0;padding:.55em .75em;font-size:1.05rem}.textarea{resize:vertical;min-height:90px}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px;padding-right:36px}.input:focus-visible,.select:focus-visible,.textarea:focus-visible,.btn:focus-visible,.chip-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.field{flex-direction:column;gap:6px;display:flex}.label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-size:.9rem;font-weight:600}.panel{border:2px solid var(--ink);background:var(--paper-2);flex-direction:column;gap:16px;padding:16px;display:flex}.inline-form{grid-template-columns:1fr 72px auto;align-items:end;gap:8px;display:grid}.qty-input{text-align:center;font-variant-numeric:tabular-nums}.qty{border:2px solid var(--ink);background:var(--white);align-items:center;display:inline-flex}.qty button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.qty span{text-align:center;min-width:44px;font-family:var(--font-display);font-size:1.3rem;font-weight:700}.list{border-top:2px solid var(--ink);flex-direction:column;display:flex}.row{border-bottom:1px solid var(--line);min-height:60px;color:inherit;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 4px;text-decoration:none;display:grid}.row-main{flex-direction:column;gap:3px;min-width:0;display:flex}.row-title{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:600;overflow:hidden}.row-sub{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px;font-size:.9rem;display:flex}.row-end{color:var(--ink-3);font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.row-qty{font-family:var(--font-display);color:var(--ink);font-size:1.25rem;font-weight:700}.thumb{object-fit:cover;border:1.5px solid var(--line);background:var(--paper-2);width:44px;height:44px}.section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.section-head .muted{font-size:.9rem}.empty{border:2px dashed var(--line);color:var(--ink-2);flex-direction:column;align-items:flex-start;gap:10px;padding:24px 16px;display:flex}.empty strong{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--ink);font-size:1.2rem}.notice{border-left:4px solid var(--accent);background:var(--accent-soft);color:var(--accent-deep);padding:10px 12px;font-weight:500}.notice-danger{border-color:var(--danger);color:var(--danger);background:oklch(95% .03 25)}.brand{letter-spacing:.12em;font-size:1.5rem}.search{position:relative}.search .input{border-width:3px;min-height:60px;padding-left:52px;font-size:1.25rem}.search-icon{color:var(--ink-2);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.quick{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quick .btn{flex-direction:column;gap:4px;min-height:72px;font-size:1rem}.quick .btn-primary{grid-column:1/-1;min-height:84px;font-size:1.3rem}.stats{color:var(--ink-2);flex-wrap:wrap;gap:18px;font-size:.95rem;display:flex}.stats b{font-family:var(--font-display);color:var(--ink);margin-right:.2em;font-size:1.4rem;font-weight:700}.scanner{flex-direction:column;gap:14px;display:flex}.viewfinder{aspect-ratio:1;background:var(--ink);border:3px solid var(--ink);max-height:60vh;position:relative;overflow:hidden}.viewfinder video{object-fit:cover;width:100%;height:100%;display:block}.viewfinder-error{text-align:center;color:var(--paper);background:var(--ink);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.scanner-hint{color:var(--ink-2);text-align:center}.manual{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.manual-icon{color:var(--ink-3)}.manual .input{text-transform:uppercase;font-family:var(--font-display);letter-spacing:.08em;font-size:1.2rem;font-weight:600}.hero{flex-direction:column;gap:14px;padding-top:8px;display:flex}.hero-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hero-meta{flex-direction:column;gap:6px;display:flex}.hero-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-size:1.4rem;font-weight:600}.hero-size{color:var(--ink-2)}.hero .qr{border:2px solid var(--ink);background:#fff;flex:none;width:84px;height:84px;padding:4px;display:block}.hero .qr img{width:100%;height:100%;display:block}.photo-preview{object-fit:contain;border:2px solid var(--ink);background:var(--white);width:100%;max-height:260px}.photo-input{display:none}.shelf-block{flex-direction:column;gap:8px;display:flex}.shelf-head{align-items:center;gap:10px;display:flex}.shelf-head h3{color:var(--ink);flex:1;font-size:1.2rem}.level-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.level-card{border:2px solid var(--line);background:var(--white);min-height:56px;color:inherit;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;text-decoration:none;display:flex}.level-card:hover,.level-card:focus-visible{border-color:var(--ink)}.level-card .count{font-family:var(--font-display);color:var(--ink-2);font-size:1.1rem;font-weight:600}.labels-toolbar{flex-direction:column;gap:12px;display:flex}.preview-wrap{overflow:hidden}.preview{transform-origin:0 0;flex-direction:column;gap:16px;display:flex}.sheet{break-after:page;color:#211d19;background:#fff;align-content:start;width:210mm;height:297mm;padding:10.5mm 5mm;display:grid;box-shadow:0 2px 12px oklch(0% 0 0/.18)}.sheet-small{grid-template-columns:repeat(3,66.66mm);grid-auto-rows:34.5mm}.sheet-large{grid-template-columns:repeat(2,100mm);grid-auto-rows:69mm}.lbl{font-family:var(--font-display);border:.25mm dashed #b8b0a4;align-items:center;gap:3mm;padding:2.5mm;display:flex;overflow:hidden}.lbl .qr{aspect-ratio:1;flex:none;height:100%}.lbl-text{flex-direction:column;justify-content:center;gap:1mm;min-width:0;line-height:1;display:flex}.lbl-code{letter-spacing:.02em;white-space:nowrap;font-size:12.5mm;font-weight:800}.lbl-level .lbl-code{color:#fff;background:#3b4a63;align-self:flex-start;padding:.5mm 1.5mm}.lbl-sub{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:3.7mm;font-weight:600;overflow:hidden}.lbl-sub2{color:#6b655d;white-space:nowrap;text-overflow:ellipsis;font-size:3.3mm;overflow:hidden}.sheet-large .lbl{gap:5mm;padding:5mm}.sheet-large .lbl .qr{height:46mm}.sheet-large .lbl-code{font-size:17mm}.sheet-large .lbl-sub{font-size:6mm}.sheet-large .lbl-sub2{font-size:4.5mm}@media print{@page{size:A4;margin:0}html,body{background:#fff}.topbar,.nav,.no-print{display:none!important}.main{gap:0;max-width:none;padding:0}.preview-wrap{overflow:visible;height:auto!important}.preview{gap:0;transform:none!important}.sheet{box-shadow:none}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.main{animation:.22s cubic-bezier(.2,.8,.2,1) both rise}@media (prefers-reduced-motion:reduce){.main{animation:none}}@media (width>=720px){.quick{grid-template-columns:repeat(4,1fr)}.quick .btn-primary{grid-column:1/3}}.flip{transform:scaleX(-1)}.help{border-left:4px solid var(--steel);background:var(--steel-soft);flex-direction:column;gap:10px;padding:14px;display:flex}.help p{color:var(--ink-2)}.help p b{color:var(--ink)}.offline{z-index:11;background:var(--ink);color:var(--accent);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:6px 12px;font-size:.85rem;font-weight:600;position:sticky;top:0}