:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#0c0905;--surface:#161009;--surface-2:#1e160c;--surface-3:#271d12;--ink:#f0e2c8;--ink-dim:#c4a878;--muted:#a07848;--border:#f0a03021;--border-bright:#f0a03052;--amber:#f0a030;--amber-bright:#ffc844;--amber-dim:#f0a0301f;--amber-btn:#f0a03024;--red:#d43830;--shadow:0 4px 32px #000000b3;--r:20px;--r-sm:14px;--r-pill:999px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:manipulation;min-height:100%}body{background:var(--bg);color:var(--ink);font-feature-settings:"kern" 1, "liga" 1;line-height:1.45}button,input{font:inherit;color:inherit;touch-action:manipulation}input{font-size:16px}button{-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;border:none;transition:transform 80ms,background 80ms,color 80ms}#app{min-height:100svh}.shell{max-width:560px;padding:calc(8px + env(safe-area-inset-top)) 12px calc(24px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);gap:10px;margin:0 auto;display:grid}.header{top:env(safe-area-inset-top);z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);gap:12px;padding:14px 14px 16px;display:grid;position:sticky;box-shadow:0 8px 40px #0009}.header-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.logo img{flex-shrink:0;width:42px;height:auto}.logo-text{letter-spacing:-.03em;color:var(--amber);font-family:ui-serif,Georgia,Book Antiqua,serif;font-size:1.55rem;font-weight:700;line-height:1}.header-actions{gap:6px;display:flex}.session-field{gap:5px;display:grid}.session-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.68rem;font-weight:700}.session-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;min-height:52px;color:var(--ink);outline:none;padding:0 14px;font-size:1rem;font-weight:600}.session-input::placeholder{color:var(--muted)}.session-input:focus{outline:2px solid var(--amber);outline-offset:1px;border-color:var(--amber)}.session-title-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;min-height:52px;color:var(--ink);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex}.session-title-btn:active{background:var(--surface-3);border-color:var(--amber);transform:scale(.98)}.session-title-btn:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.session-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;min-width:0;font-family:ui-serif,Georgia,Book Antiqua,serif;font-size:1.25rem;font-weight:700;overflow:hidden}.session-title-btn svg{color:var(--amber);flex-shrink:0}.stat-grid{grid-template-columns:1.15fr 1fr 1fr;gap:8px;display:grid}.stat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);text-align:left;flex-direction:column;gap:1px;width:100%;padding:12px 12px 10px;display:flex}.stat:active{background:var(--surface-3);border-color:var(--border-bright);transform:scale(.96)}.stat:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.stat-num{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,6vw,2.4rem);font-weight:700;line-height:1}.stat-total .stat-num{color:var(--amber-bright)}.stat-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:3px;font-size:.72rem;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.panel-section{padding:14px}.panel-section+.panel-section{border-top:1px solid var(--border)}.section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:700}.btn-section-edit{color:var(--amber);border-radius:var(--r-sm);border:1px solid var(--border-bright);align-items:center;gap:5px;min-height:36px;padding:4px 12px;font-size:.8rem;font-weight:700;display:flex}.btn-section-edit:active{background:var(--amber-dim)}.btn-section-edit.active{color:var(--ink);border-color:var(--border)}.btn-section-edit:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.btn-ghost{border:1px solid var(--border-bright);border-radius:var(--r-sm);color:var(--amber);white-space:nowrap;background:0 0;align-items:center;gap:6px;min-height:52px;padding:0 14px;font-size:.875rem;font-weight:600;display:inline-flex}.btn-ghost:active{background:#f0a03040;transform:scale(.96)}.btn-ghost:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.btn-primary{background:var(--amber);border-radius:var(--r-sm);color:#0c0905;white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-height:64px;padding:0 20px;font-size:.95rem;font-weight:800;display:inline-flex}.btn-primary:active{background:var(--amber-bright);transform:scale(.97)}.btn-primary:focus-visible{outline:2px solid var(--amber-bright);outline-offset:2px}.btn-stack{flex-direction:column;justify-content:center;gap:3px;min-width:56px;min-height:52px;padding:6px}.btn-caption{letter-spacing:.02em;text-transform:uppercase;font-size:.62rem;font-weight:700;line-height:1}.chip-group+.chip-group{margin-top:14px}.chip-group-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:.7rem;font-weight:700;display:block}.chips{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.chip{background:var(--amber-btn);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--amber);justify-content:flex-start;align-items:center;min-height:72px;padding:0 14px;font-size:.95rem;font-weight:700;transition:background 80ms,transform .1s;display:flex;position:relative;overflow:hidden}.chip:active{background:var(--amber);color:#0c0905;border-color:var(--amber);transform:scale(.93)}.chip:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.chip-label{z-index:1;white-space:nowrap;text-overflow:ellipsis;text-align:left;min-width:0;position:relative;overflow:hidden}.chip-icon-bg{color:var(--amber);opacity:.24;pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.chip:active .chip-icon-bg{color:#0c0905;opacity:.3}.chip-editing{background:var(--amber-btn);border:1px solid var(--border-bright);border-radius:var(--r-sm);color:var(--amber);align-items:center;gap:4px;min-height:72px;padding:0 10px 0 6px;font-size:.95rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.chip-drag-handle{width:28px;height:28px;color:var(--muted);border-radius:var(--r-sm);cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chip-drag-handle:active{color:var(--amber);background:var(--amber-dim);cursor:grabbing}.chip-editing-label{z-index:1;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;position:relative;overflow:hidden}.chip-remove{width:22px;height:22px;color:var(--red);background:#d4383026;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chip-remove:active{background:#d4383059}.chip-meta{min-width:64px;min-height:64px;color:var(--muted);border:1px solid var(--border-bright);border-radius:var(--r-sm);background:0 0;justify-content:center;align-items:center;padding:0 16px;font-size:.875rem;font-weight:600;display:inline-flex}.chip-meta:active{color:var(--amber);border-color:var(--amber)}.chip-meta:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.chip-add{min-width:64px;color:var(--muted);border-color:var(--border-bright);justify-content:center;align-items:center;padding:0;display:inline-flex}.chip-add[aria-expanded=true]{background:var(--amber-btn);color:var(--amber);border-color:var(--amber)}.custom-form{grid-template-columns:1fr;gap:8px;margin-top:12px;display:grid}.custom-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);min-height:64px;color:var(--ink);outline:none;width:100%;padding:0 14px}.custom-input::placeholder{color:var(--muted)}.custom-input:focus{border-color:var(--amber)}.cat-picker{flex-wrap:wrap;grid-column:1/-1;gap:6px;margin-top:2px;display:flex}.cat-label{color:var(--muted);white-space:nowrap;align-items:center;font-size:.78rem;font-weight:600;display:flex}.cat-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--muted);align-items:center;gap:5px;min-height:48px;padding:0 16px;font-size:.875rem;font-weight:600;display:inline-flex}.cat-btn.active{background:var(--amber);border-color:var(--amber);color:#0c0905;font-weight:700}.cat-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.btn-add-custom{background:var(--amber);color:#0c0905;border-radius:var(--r-sm);justify-content:center;align-items:center;gap:6px;width:100%;min-height:52px;font-size:.9rem;font-weight:700;display:flex}.btn-add-custom:active{background:var(--amber-bright);transform:scale(.96)}.btn-add-custom:focus-visible{outline:2px solid var(--amber-bright);outline-offset:2px}.items{gap:8px;list-style:none;display:grid}.item-row{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.item-tap{text-align:left;background:0 0;border-radius:0;align-items:center;gap:12px;width:100%;min-height:72px;padding:16px;display:flex}.item-tap:active{background:var(--amber-dim);transform:scale(.985)}.item-tap:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}.item-name-text{color:var(--ink);font-size:1.05rem;font-weight:700}.item-badge{color:var(--amber);flex-shrink:0}.item-controls{border-top:1px solid var(--border);background:var(--surface-3);align-items:center;padding:0 8px;display:flex}.qty-btn{min-width:52px;min-height:52px;color:var(--amber);border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.qty-btn:active{background:var(--amber-dim);transform:scale(.82)}.qty-btn:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}.qty-num{text-align:center;min-width:2.5rem;color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.item-spacer{flex:1}.btn-delete{border-radius:var(--r-sm);min-width:52px;min-height:52px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-delete:active{color:var(--red);background:#d438301a}.btn-delete:focus-visible{outline:2px solid var(--red);outline-offset:-2px}.empty{color:var(--muted);text-align:center;padding:24px 0;font-size:.9rem}.session-strip{grid-template-columns:1fr auto;align-items:start;gap:12px;display:grid}.strip-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:4px;margin-bottom:4px;font-size:.68rem;font-weight:700;display:flex}.strip-name{color:var(--ink-dim);font-size:.95rem;font-weight:700}.strip-meta{color:var(--muted);margin-top:2px;font-size:.8rem}.strip-stats{text-align:right;color:var(--muted);word-break:break-word;gap:3px;min-width:0;max-width:55%;font-size:.82rem;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toast-banner{left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:21;background:var(--surface-3);border:1px solid var(--border-bright);border-left:4px solid var(--amber);border-radius:var(--r-sm);align-items:center;gap:10px;max-width:536px;margin:0 auto;padding:12px 12px 15px 16px;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 48px #000000d9,0 2px 20px #f0a03038}.toast-banner span{min-width:0;color:var(--ink);flex:1;font-size:.92rem;font-weight:700}.toast-undo{background:var(--amber);color:#0c0905;border-radius:var(--r-sm);flex:none;min-height:42px;padding:0 20px;font-weight:700;transition:background .1s,transform 80ms}.toast-undo:active{background:var(--amber-bright);transform:scale(.95)}.toast-undo:focus-visible{outline:2px solid var(--amber-bright);outline-offset:2px}.toast-dismiss{border-radius:var(--r-sm);min-width:32px;min-height:32px;color:var(--muted);flex:none;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;transition:color 80ms,background 80ms,transform 80ms;display:flex}.toast-dismiss:active{color:var(--ink);background:var(--surface-2);transform:scale(.88)}.toast-dismiss:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.toast-progress{background:var(--amber);border-radius:0 0 0 var(--r-sm);transform-origin:0;width:100%;height:3px;animation:3.5s linear forwards toast-shrink;position:absolute;bottom:0;left:0}@keyframes toast-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.panel.session-saving{animation:.7s forwards session-save}@keyframes session-save{0%{box-shadow:inset 0 0 0 0px var(--amber)}30%{box-shadow:inset 0 0 0 3px var(--amber), inset 0 0 24px #f0a0301f}to{box-shadow:inset 0 0 0 0px var(--amber)}}.sheet-backdrop{z-index:19;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8;position:fixed;inset:0}.sheet{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--r) var(--r) 0 0;max-width:560px;padding:16px 16px calc(24px + env(safe-area-inset-bottom));border-bottom:none;gap:10px;max-height:80svh;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -12px 56px #000c}.sheet-handle{border-radius:var(--r-pill);background:var(--border-bright);width:48px;height:5px;margin:0 auto 4px}.sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sheet-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:3px;font-size:.68rem;font-weight:700}.sheet-title{color:var(--ink);letter-spacing:-.02em;font-family:ui-serif,Georgia,Book Antiqua,serif;font-size:1.3rem;font-weight:700}.hist-filter{flex-wrap:wrap;gap:6px;display:flex}.filter-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--muted);white-space:nowrap;min-height:40px;padding:0 14px;font-size:.875rem;font-weight:600}.filter-chip.active{background:var(--amber);border-color:var(--amber);color:#0c0905;font-weight:700}.filter-chip:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.sess-list{gap:6px;list-style:none;display:grid}.sess-item{align-items:stretch;gap:6px;display:flex}.sess-item .sess-btn{flex:1;min-width:0}.sess-delete{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);min-width:48px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sess-delete:active{color:var(--red);border-color:var(--red);background:#d438301a}.sess-delete:focus-visible{outline:2px solid var(--red);outline-offset:2px}.sess-btn{text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);gap:3px;width:100%;min-height:72px;padding:14px;display:grid}.sess-btn:active{border-color:var(--amber);background:var(--surface-3)}.sess-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.sess-label{color:var(--ink);font-size:.95rem;font-weight:700}.sess-date{color:var(--muted);font-size:.78rem}.sess-stats{color:var(--ink-dim);font-size:.82rem}.hist-preview{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);gap:5px;padding:14px;display:grid}.detail-items{border-top:1px solid var(--border);margin-top:8px;list-style:none}.detail-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:6px 0;font-size:.85rem;display:flex}.detail-item-name{color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.detail-item-qty{color:var(--amber);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:12px;font-weight:700}.preview-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.stats-section+.stats-section{margin-top:16px}.stat-grid.stat-grid-2{grid-template-columns:1fr 1fr;margin-top:8px}.fav-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.fav-card{background:var(--surface-2);border:1px solid var(--border-bright);border-radius:var(--r-sm);align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.fav-card svg{color:var(--amber);flex-shrink:0}.fav-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.fav-meta{color:var(--muted);font-size:.72rem}.leaderboard{gap:4px;list-style:none;display:grid}.leaderboard-row{background:var(--surface-2);border-radius:var(--r-sm);align-items:center;gap:8px;padding:8px 10px;display:flex}.leaderboard-row svg{color:var(--amber);flex-shrink:0}.leaderboard-rank{text-align:center;width:18px;color:var(--muted);flex-shrink:0;font-size:.8rem;font-weight:700}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.leaderboard-qty{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.85rem}.settings-list{gap:8px;display:grid}.settings-action{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;min-height:52px;color:var(--ink-dim);text-align:left;align-items:center;gap:10px;padding:0 14px;font-size:.9rem;font-weight:600;display:flex}.settings-action svg{color:var(--red);flex-shrink:0}.settings-action:active{background:var(--surface-3);border-color:var(--red)}.settings-action:focus-visible{outline:2px solid var(--red);outline-offset:2px}.settings-action--danger{border-color:#d4383059}.app-version{text-align:center;color:var(--muted);margin-top:6px;font-size:.72rem}.confetti{z-index:30;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:.95;transform:translate(0, 0) rotate(var(--rot));border-radius:2px;animation:2.4s forwards confetti-pop;position:absolute;bottom:0}@keyframes confetti-pop{0%{transform:translate(0, 0) rotate(var(--rot));opacity:1;animation-timing-function:cubic-bezier(.15,.6,.3,1)}35%{transform:translate(calc(var(--drift) * .35), var(--rise)) rotate(calc(var(--rot) + 140deg));opacity:1;animation-timing-function:cubic-bezier(.55,0,.85,.45)}to{transform:translate(var(--drift), 25vh) rotate(calc(var(--rot) + 520deg));opacity:0}}.confirm-dialog{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);gap:14px;width:min(100vw - 32px,420px);padding:18px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 64px #000c}.confirm-message{color:var(--ink-dim);font-size:.95rem;line-height:1.45}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.btn-secondary,.btn-danger{border-radius:var(--r-sm);white-space:nowrap;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-size:.9rem;font-weight:700;display:flex}.btn-secondary{border:1px solid var(--border-bright);color:var(--muted);background:0 0}.btn-secondary:active{background:var(--amber-dim);color:var(--amber);border-color:var(--amber)}.btn-danger{background:var(--red);color:#fff7f5}.btn-danger:active{filter:brightness(1.08)}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:4px}@media (width<=480px){.shell{gap:8px;padding-left:10px;padding-right:10px}.btn-stack{min-width:46px;padding:5px 2px}.btn-caption{letter-spacing:0;font-size:.56rem}.header{gap:10px;padding:12px 12px 14px}.chip,.chip-editing,.chip-meta{min-height:60px}.chip-icon-bg{width:38px;height:38px}.chips{grid-template-columns:repeat(2,1fr)}.card,.panel-section{padding:12px}.session-strip{grid-template-columns:1fr}.strip-stats{text-align:left;max-width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}