:root{--bg:#0b0b0c;--bg-raised:#18181b;--bg-raised-2:#222226;--border:#2a2a2e;--text:#f5f5f5;--text-muted:#9a9aa2;--accent:#f5f5f5;--danger:#ff5c5c;--success:#4ade80;--warn:#facc15;--zbox:#38bdf8;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain;-webkit-user-select:none;user-select:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.splash{text-align:center;height:100dvh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.splash-title{color:var(--text);margin:0;font-size:20px;font-weight:700}.splash-hint{margin:0;font-size:14px}.page{min-height:100dvh;padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px);flex-direction:column;gap:16px;display:flex}.page-center{text-align:center;justify-content:center;align-items:center}.page-title{margin:0;font-size:22px;font-weight:800}.page-hint{color:var(--text-muted);margin:0;font-size:14px}.error-text{color:var(--danger);margin:0;font-size:14px}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.topbar-name{color:var(--text-muted);font-weight:700}.icon-btn{border:1px solid var(--border);background:var(--bg-raised);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.icon-btn-on{background:var(--warn);color:#302400;border-color:#0000}.link-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:8px;font-size:14px;display:inline-flex}.offline-bar{background:var(--danger);color:#2a0a0a;text-align:center;border-radius:10px;padding:6px;font-size:13px;font-weight:700}.btn{border:1px solid var(--border);background:var(--bg-raised);width:100%;min-height:84px;color:var(--text);letter-spacing:.02em;cursor:pointer;border-radius:22px;justify-content:center;align-items:center;gap:10px;font-size:22px;font-weight:800;transition:transform 80ms;display:flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#0b0b0c;border:none}.btn-go{background:var(--success);color:#06240f;border:none}.btn-warn{background:var(--warn);color:#302400;border:none}.btn-sub{opacity:.65;letter-spacing:0;font-size:13px;font-weight:600;display:block}.btn-small{border-radius:16px;min-height:52px;font-size:16px}.btn-row{gap:12px;display:flex}.btn-row .btn{flex:1}.home-main{flex-direction:column;flex:1;justify-content:center;gap:14px;display:flex}.home-big{text-align:center;margin-bottom:8px}.home-big b{font-size:96px;font-weight:900;line-height:1;display:block}.home-big span{color:var(--text-muted);font-size:16px;font-weight:600}.home-clear{text-align:center;color:var(--text-muted)}.home-clear b{color:var(--text);margin-bottom:6px;font-size:32px;display:block}.chip-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.banner{background:var(--bg-raised);border:1px solid var(--border);border-radius:18px;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:600;display:flex}.banner-warn{background:#facc151f;border-color:#facc1580}.banner-grow{flex:1;min-width:0}.banner small{color:var(--text-muted);font-weight:500;display:block}.banner .btn{border-radius:14px;width:auto;min-height:44px;padding:0 16px;font-size:15px}.offer{min-height:100dvh;padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px);flex-direction:column;gap:14px;animation:.22s pop;display:flex}@keyframes pop{0%{opacity:.4;transform:scale(.97)}}.offer-head{color:var(--text-muted);letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;display:flex}.offer-timer{font-variant-numeric:tabular-nums}.offer-timer-low{color:var(--warn)}.offer-items{flex:1;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-content:center;gap:10px;display:grid}.offer-number{font-size:40px;font-weight:900}.thumb{background:var(--bg-raised);border:1px solid var(--border);aspect-ratio:1;border-radius:20px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb-letter{color:var(--text-muted);font-size:36px;font-weight:900}.thumb-qty{background:var(--accent);color:#0b0b0c;border-radius:999px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 10px;font-size:22px;font-weight:900;display:flex;position:absolute;top:8px;right:8px}.thumb-qty-many{background:var(--warn)}.thumb-label{text-align:left;background:linear-gradient(#0000,#000000d9);padding:18px 10px 8px;font-size:13px;font-weight:700;line-height:1.2;position:absolute;bottom:0;left:0;right:0}.thumb-label small{color:var(--text-muted);font-weight:600;display:block}.dest{background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:8px 14px;font-size:14px;font-weight:800;display:inline-flex}.dest span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dest-zbox{color:var(--zbox);background:#38bdf824;border-color:#38bdf899}.steps{gap:6px;display:flex}.steps i{background:var(--bg-raised-2);border-radius:3px;flex:1;height:6px}.steps i.on{background:var(--accent)}.step-title{margin:0;font-size:30px;font-weight:900}.step-title small{color:var(--text-muted);margin-top:2px;font-size:15px;font-weight:600;display:block}.pick-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.pick{cursor:pointer;text-align:left;background:0 0;border:none;padding:0;position:relative}.pick .thumb{border-width:2px}.pick-done .thumb{border-color:var(--success);opacity:.45}.pick-check{color:var(--success);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.grow{flex:1}.footer{background:linear-gradient(transparent, var(--bg) 30%);padding-top:10px;position:sticky;bottom:0}.box-number{text-align:center;font-size:84px;font-weight:900;line-height:1}.box-sub{text-align:center;color:var(--text-muted);font-weight:600}.dots{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.dots i{background:var(--bg-raised-2);border-radius:50%;width:12px;height:12px}.dots i.on{background:var(--success)}.dots i.now{background:var(--accent)}.result-row{background:var(--bg-raised);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-weight:700;display:flex}.result-row small{color:var(--danger);font-weight:600}.scan-page{flex-direction:column;height:100dvh;display:flex}.scan-top{background:#000;flex:0 0 50%;position:relative;overflow:hidden}.scanner,.scanner-video{object-fit:cover;width:100%;height:100%}.scanner-status{text-align:center;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:14px;display:flex;position:absolute;inset:0}.scanner-status-error{background:#000000eb}.scanner-status-error p{margin:0}.scanner-status-hint{opacity:.7;font-size:12px}.scanner-retry{background:var(--warn);color:#2a2000;cursor:pointer;border:none;border-radius:12px;padding:12px 20px;font-size:15px;font-weight:700}.scanner-flash{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;bottom:12px;right:12px}.scanner-flash-on{color:#2a2000;background:#ffd600e6}.scan-back{top:calc(var(--safe-top) + 12px);color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;left:12px}.scan-toast{white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:92%;padding:9px 18px;font-size:15px;font-weight:800;position:absolute;bottom:12px;left:50%;overflow:hidden;transform:translate(-50%)}.scan-toast-success{color:#06240f;background:#4ade80f2}.scan-toast-warn{color:#302400;background:#facc15f2}.scan-toast-error{color:#2a0a0a;background:#ff5c5cf2}.scan-bottom{padding:16px 16px calc(var(--safe-bottom) + 16px);flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.scan-want{align-items:center;gap:14px;display:flex}.scan-want .thumb{flex:none;width:96px}.scan-want b{font-size:22px;line-height:1.15}.scan-left{font-variant-numeric:tabular-nums;margin-left:auto;font-size:56px;font-weight:900;line-height:1}.parcel{background:var(--bg-raised);border:2px solid var(--border);text-align:left;cursor:pointer;border-radius:18px;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.parcel-on{border-color:var(--success);background:#4ade801a}.parcel-no{min-width:96px;font-size:28px;font-weight:900}.parcel-mid{min-width:0;color:var(--text-muted);flex:1;font-size:14px;font-weight:600}.parcel-mid .dest{margin-top:4px}.parcel-check{border:2px solid var(--border);border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.parcel-on .parcel-check{background:var(--success);border-color:var(--success);color:#06240f}.section-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:4px 2px -4px;font-size:13px;font-weight:800}.stock-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.sheet-backdrop{z-index:10;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg-raised);width:100%;padding:20px 20px calc(var(--safe-bottom) + 20px);border-radius:28px 28px 0 0;flex-direction:column;gap:14px;display:flex}.stepper{justify-content:space-between;align-items:center;gap:12px;display:flex}.stepper .btn{flex:none;width:88px;font-size:36px}.stepper b{font-variant-numeric:tabular-nums;font-size:72px;font-weight:900}.done{text-align:center;animation:.26s pop}.done-mark{background:var(--success);color:#06240f;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 18px;display:flex}.done b{font-size:34px;font-weight:900;display:block}.login-form{flex-direction:column;gap:12px;width:100%;max-width:340px;display:flex}.login-input{border:1px solid var(--border);background:var(--bg-raised);width:100%;min-height:64px;color:var(--text);text-align:center;letter-spacing:.08em;-webkit-user-select:text;user-select:text;border-radius:18px;font-size:24px}