:root{--bg:#f5f5f4;--fg:#171717;--muted:#6b6b6b;--card:#ffffff;--line:#e2e2e0;--accent:#171717;--accent-fg:#ffffff;--green:#007a33;--green-fg:#ffffff;--amber:#ffb100;--amber-fg:#1a1400;--red:#c22026;--red-fg:#ffffff;--focus:#2563eb}@media (prefers-color-scheme:dark){:root{--bg:#121212;--fg:#f2f2f0;--muted:#9a9a98;--card:#1d1d1c;--line:#2e2e2c;--accent:#f2f2f0;--accent-fg:#121212;--green:#00933e;--amber:#ffb100;--red:#d3282f}}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.4}button{background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.money{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:700}.shell{max-width:640px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:16px;gap:16px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:44px}.topbar h1{font-size:17px;font-weight:600}.topbar .sub{color:var(--muted);font-size:13px}.btn-ghost{color:var(--muted);font-size:15px;padding:8px 12px;border-radius:8px}.btn-ghost:active{background:var(--line)}.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;border-radius:12px;font-size:18px;font-weight:600;background:var(--accent);color:var(--accent-fg)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--card);color:var(--fg);border:1px solid var(--line)}.btn-onstate{background:rgb(255 255 255/.22);color:inherit;border:2px solid}.product-hero{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;min-height:128px;padding:20px;border-radius:16px;background:var(--accent);color:var(--accent-fg);text-align:left}.product-hero .amount{font-size:48px}.product-list{display:flex;flex-direction:column;gap:10px}.product-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:72px;padding:16px 20px;border-radius:12px;background:var(--card);border:1px solid var(--line);text-align:left}.product-row .title{font-size:17px;font-weight:600}.product-row .amount{font-size:24px;white-space:nowrap}.tag-internal{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid;opacity:.85}.scan-stage{position:relative;width:100%;aspect-ratio:4/3;max-height:46dvh;border-radius:16px;overflow:hidden;background:#000;color:#fff}.scan-stage video{width:100%;height:100%;object-fit:cover}.scan-stage .stage-hint{position:absolute;inset:auto 0 0 0;padding:10px 16px;font-size:14px;text-align:center;background:rgb(0 0 0/.55)}.scan-stage .stage-off{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:#cfcfcf;font-size:15px}.scan-input{width:100%;min-height:60px;padding:0 18px;font-size:22px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border-radius:12px;border:2px solid var(--line);background:var(--card)}.scan-input:focus{border-color:var(--focus);outline:none}.field-hint{color:var(--muted);font-size:14px}.alert{padding:14px 16px;border-radius:12px;font-size:15px;font-weight:600}.alert-amber{background:var(--amber);color:var(--amber-fg)}.alert-red{background:var(--red);color:var(--red-fg)}.state-screen{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 24px;text-align:center}.state-green{background:var(--green);color:var(--green-fg)}.state-amber{background:var(--amber);color:var(--amber-fg)}.state-red{background:var(--red);color:var(--red-fg)}.state-neutral{background:var(--bg);color:var(--fg)}.state-screen .state-label{font-size:22px;font-weight:700}.state-screen .state-amount{font-size:clamp(56px,18vw,112px);line-height:1.05}.state-screen .state-detail{font-size:17px;opacity:.9;max-width:32ch}.state-screen .state-countdown{font-size:40px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.state-screen .state-actions{display:flex;flex-direction:column;gap:10px;width:min(320px,100%);margin-top:24px}.login-card{display:flex;flex-direction:column;gap:16px;margin:auto 0}.login-card h1{font-size:28px;font-weight:700}.login-card p{color:var(--muted);font-size:15px}.spin{width:28px;height:28px;border-radius:50%;border:3px solid;border-top:3px solid transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spin{animation-duration:1.6s}}.amount-display{font-size:clamp(48px,14vw,88px);line-height:1.1;text-align:center;padding:12px 0 4px}.amount-display.is-empty,.amount-sub{color:var(--muted)}.amount-sub{text-align:center;font-size:15px;min-height:1.4em}.keypad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.key{min-height:64px;border-radius:12px;background:var(--card);border:1px solid var(--line);font-size:26px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;touch-action:manipulation}.key:active{background:var(--line)}.stepper{display:flex;align-items:center;justify-content:center;gap:14px}.step-btn{width:76px;height:76px;border-radius:16px;background:var(--card);border:1px solid var(--line);font-size:34px;font-weight:700;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none}.step-btn:active{background:var(--line)}.step-btn:disabled{opacity:.35}.qty-input{width:104px;min-height:76px;text-align:center;font-size:34px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border-radius:12px;border:2px solid var(--line);background:var(--card)}.qty-input:focus{border-color:var(--focus);outline:none}