:root{--blue: #3e6ae1;--white: #ffffff;--ash: #f4f4f4;--carbon: #171a20;--graphite: #393c41;--pewter: #5c5e62;--silver-fog: #8e8e8e;--cloud: #eeeeee;--pale-silver: #d0d1d2;--frost: rgba(255, 255, 255, .75);--t: .33s;--radius: 4px;--radius-card: 12px}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--white);color:var(--graphite);font-family:Universal Sans Text,-apple-system,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.43;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}h1,h2,h3{color:var(--carbon);font-weight:500}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:8px 24px;background:var(--frost);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.wordmark{font-size:14px;font-weight:500;letter-spacing:.3em;color:var(--carbon);text-decoration:none;cursor:pointer;background:none;border:none}.header-meta{color:var(--pewter);font-weight:400}.header-right{display:flex;align-items:center;gap:16px}.lang-switch{display:flex;align-items:center;gap:8px}.lang-option{background:none;border:none;padding:4px;font-family:inherit;font-size:14px;font-weight:400;color:var(--pewter);cursor:pointer;transition:color var(--t)}.lang-option:hover{color:var(--carbon)}.lang-option.active{color:var(--carbon);font-weight:500}.lang-divider{color:var(--pale-silver)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:4px 24px;border-radius:var(--radius);border:3px solid transparent;font-family:inherit;font-size:14px;font-weight:500;line-height:1.2;cursor:pointer;transition:border-color var(--t),background-color var(--t),color var(--t),box-shadow .25s;box-shadow:#0000 0 0 0 2px inset}.btn:focus-visible{outline:none;box-shadow:var(--carbon) 0 0 0 2px inset}.btn-primary{background:var(--blue);color:var(--white)}.btn-primary:hover{background:#3760cb}.btn-secondary{background:var(--white);color:var(--graphite);border-color:var(--pale-silver)}.btn-secondary:hover{border-color:var(--graphite)}.btn-quiet{background:transparent;color:var(--carbon);min-height:32px;padding:4px 16px;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:color var(--t),background-color var(--t)}.btn-quiet:hover{background:var(--ash)}.text-link{background:none;border:none;color:var(--pewter);font-size:14px;font-weight:400;font-family:inherit;cursor:pointer;transition:box-shadow var(--t) cubic-bezier(.5,0,0,.75),color var(--t)}.text-link:hover{text-decoration:underline;color:var(--carbon)}.text-link.danger:hover{color:#b00020}.hero{min-height:calc(100vh - 56px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 24px;text-align:center}.hero h1{font-family:Universal Sans Display,-apple-system,Arial,sans-serif;font-size:40px;font-weight:500;line-height:1.2}.hero .subtitle{color:var(--pewter);margin-bottom:24px}.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.hero-ctas .btn{width:200px}.sheet-list{width:min(680px,100%);margin-top:48px;text-align:left}.sheet-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 8px;border-bottom:1px solid var(--cloud);cursor:pointer;transition:background-color var(--t)}.sheet-row:hover{background:var(--ash)}.sheet-row .name{color:var(--carbon);font-size:17px;font-weight:500}.sheet-row .meta{color:var(--pewter)}.workspace{max-width:1100px;margin:0 auto;padding:24px 24px 120px;display:flex;flex-direction:column;gap:24px}.workspace-title{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px}.workspace-title h2{font-size:22px;font-weight:500}.workspace-title .totals{color:var(--pewter)}.scanner-panel{background:var(--ash);border-radius:var(--radius-card);overflow:hidden}.scanner-viewport{position:relative;width:100%;background:var(--carbon)}.scanner-viewport video{width:100%!important;height:auto!important;display:block}@media (min-width: 769px){.scanner-viewport{max-width:560px;margin:0 auto}}.scanner-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;flex-wrap:wrap}.scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#3e6ae180;animation:scan-overlay-fade .6s ease-out forwards}@keyframes scan-overlay-fade{0%{opacity:1}to{opacity:0}}.scan-status{padding:16px;text-align:center;color:var(--white);animation:scan-status-settle .6s ease-out}.scan-status.counted{background:var(--blue)}.scan-status.new-item{background:var(--carbon)}@keyframes scan-status-settle{0%{opacity:.35}to{opacity:1}}.scan-status-qty{font-family:Universal Sans Display,-apple-system,Arial,sans-serif;font-size:40px;font-weight:500;line-height:1.2}.scan-status-detail{font-size:14px;font-weight:400;opacity:.9;overflow-wrap:anywhere}.manual-entry{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.field{display:flex;flex-direction:column;gap:4px;flex:1 1 160px}.field label{color:var(--pewter);font-weight:500}input[type=text],input[type=number],input[type=search]{font-family:inherit;font-size:14px;color:var(--carbon);background:transparent;border:1px solid var(--pale-silver);border-radius:var(--radius);min-height:40px;padding:4px 12px;transition:border-color var(--t);width:100%}input::placeholder{color:var(--silver-fog)}input:focus{outline:none;border-color:var(--carbon)}.qty-field{flex:0 1 96px}.table-tools{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.table-tools input[type=search]{flex:1 1 260px}table.count-table{width:100%;border-collapse:collapse}.count-table th{text-align:left;color:var(--pewter);font-weight:500;padding:8px;border-bottom:1px solid var(--pale-silver);white-space:nowrap}.count-table td{padding:8px;border-bottom:1px solid var(--cloud);color:var(--graphite);vertical-align:middle}.count-table tr.just-updated td{background:var(--ash);transition:background-color var(--t)}.count-table .jan{font-variant-numeric:tabular-nums;color:var(--carbon);font-weight:500}.count-table input.cell-edit{min-height:32px;border-color:transparent}.count-table input.cell-edit:hover{border-color:var(--pale-silver)}.count-table input.cell-edit:focus{border-color:var(--carbon)}.qty-cell{display:flex;align-items:center;gap:4px}.qty-cell input{width:64px;text-align:center}.qty-step{min-width:32px;min-height:32px;border:1px solid var(--pale-silver);border-radius:var(--radius);background:var(--white);color:var(--carbon);font-size:14px;cursor:pointer;transition:border-color var(--t),background-color var(--t)}.qty-step:hover{border-color:var(--graphite)}.empty-state{padding:48px 8px;text-align:center;color:var(--pewter)}.bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:var(--white);border-top:1px solid var(--cloud);flex-wrap:wrap}.bottom-bar .status{color:var(--pewter)}.bottom-bar .status strong{color:var(--carbon);font-weight:500}.bottom-bar .actions{display:flex;gap:16px}@media (max-width: 768px){.hero h1{font-size:28px}.hero-ctas{flex-direction:column;width:100%}.hero-ctas .btn{width:100%}.workspace{padding:16px 16px 160px}.count-table .hide-mobile{display:none}.bottom-bar .actions{width:100%}.bottom-bar .actions .btn{flex:1}}