:root{--bg:#f4f6ef;--surface:#fff;--surface-sunken:#edefe6;--ink:#1e2a22;--ink-muted:#5c6b5f;--ink-faint:#93a08f;--accent:#2f6c4f;--accent-ink:#fff;--accent-2:#c98a2c;--accent-2-ink:#2a1d06;--danger:#b85a46;--border:#dee3d6;--display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--body:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--bg:#12170f;--surface:#1a211a;--surface-sunken:#202820;--ink:#e9ede3;--ink-muted:#9fab98;--ink-faint:#64705f;--accent:#5cb587;--accent-ink:#0d1a12;--accent-2:#e3ae5a;--accent-2-ink:#2a1d06;--danger:#e28470;--border:#2b332b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#12170f;--surface:#1a211a;--surface-sunken:#202820;--ink:#e9ede3;--ink-muted:#9fab98;--ink-faint:#64705f;--accent:#5cb587;--accent-ink:#0d1a12;--accent-2:#e3ae5a;--accent-2-ink:#2a1d06;--danger:#e28470;--border:#2b332b}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-tap-highlight-color:transparent;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input{font:inherit;color:inherit}.screen{background:var(--surface);flex-direction:column;max-width:480px;min-height:100svh;margin:0 auto;display:flex}.app-header{padding:max(18px, env(safe-area-inset-top)) 20px 14px;border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;display:flex}.app-title{font-family:var(--display);font-size:22px;font-weight:500}.app-count{font-family:var(--mono);color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:12px}.link-btn{font-family:var(--mono);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.tabs{gap:4px;padding:10px 16px 0;display:flex}.tab{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);border-radius:8px;padding:8px 12px;font-size:11px}.tab.active{background:var(--surface-sunken);color:var(--ink)}.list-view{flex-direction:column;flex:1;min-height:0;display:flex}.quick-add{padding:14px 16px 4px;position:relative}.add-row{background:var(--surface-sunken);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.add-row .plus{background:var(--accent);width:20px;height:20px;color:var(--accent-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.add-input{color:var(--ink);background:0 0;flex:1;font-size:15px}.add-input::placeholder{color:var(--ink-faint)}.suggest-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-top:6px;padding:10px 12px}.suggest-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px;font-size:10.5px}.suggest-row{flex-wrap:wrap;gap:8px;display:flex}.suggest{background:var(--surface-sunken);color:var(--ink-muted);border-radius:999px;padding:7px 12px;font-size:13px}.list{flex-direction:column;flex:1;padding:4px 16px 16px;display:flex;overflow-y:auto}.category-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:18px 4px 6px;font-size:10.5px}.category-label:first-child{margin-top:8px}.item{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 4px;display:flex;position:relative}.item.done{opacity:.55}.check{border:1.5px solid var(--ink-faint);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;display:flex}.item.done .check{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.item-body{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.item-text{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.item.done .item-text{color:var(--ink-faint);text-decoration:line-through;-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint)}.item-detail{font-family:var(--mono);color:var(--ink-faint);background:var(--surface-sunken);border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:11px}.item.done .item-detail{background:0 0}.detail-input{font-family:var(--mono);background:var(--surface-sunken);border-radius:999px;width:90px;padding:3px 8px;font-size:12px}.item-remove{color:var(--ink-faint);flex-shrink:0;padding:4px 6px;font-size:18px}.category-menu{z-index:5;background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;min-width:160px;padding:6px;display:flex;position:absolute;top:100%;left:34px;box-shadow:0 12px 30px -12px #00000059}.category-menu-item{text-align:left;border-radius:8px;padding:8px 10px;font-size:13px}.category-menu-item:hover{background:var(--surface-sunken)}.empty-state{text-align:center;color:var(--ink-faint);padding:48px 0;font-size:14px}.toolbar{padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--border)}.btn{text-align:center;border-radius:14px;width:100%;padding:14px;font-size:15px;font-weight:600}.btn.primary{background:var(--accent-2);color:var(--accent-2-ink)}.btn.ghost{background:var(--surface-sunken);color:var(--ink-muted)}.shopmode-screen{background:var(--surface)}.shopmode{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex}.shopmode-eyebrow{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-2);font-size:11px}.shopmode-item{font-family:var(--display);text-wrap:balance;margin:10px 0 2px;font-size:34px;font-weight:500}.shopmode-detail{color:var(--ink-muted);margin-bottom:22px;font-size:15px}.shopmode-dots{gap:6px;margin:24px 0 4px;display:flex}.dot{background:var(--border);border-radius:50%;width:6px;height:6px}.dot.done{background:var(--accent)}.dot.current{background:var(--accent-2)}.shopmode-count{font-family:var(--mono);color:var(--ink-faint);margin-bottom:30px;font-size:11px}.shopmode-next{background:var(--accent);width:100%;max-width:260px;color:var(--accent-ink);border-radius:16px;padding:16px;font-size:16px;font-weight:600}.shopmode-actions{flex-direction:column;gap:10px;width:100%;max-width:260px;display:flex}.history-list{flex:1;padding:12px 16px 16px;overflow-y:auto}.session{border:1px solid var(--border);border-radius:16px;margin-bottom:14px;padding:14px 16px}.session-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.session-date{font-family:var(--display);font-size:16px}.session-meta{font-family:var(--mono);color:var(--ink-faint);font-size:11px}.session-items{flex-wrap:wrap;gap:6px;display:flex}.session-chip{color:var(--ink-muted);background:var(--surface-sunken);border-radius:999px;padding:5px 10px;font-size:12.5px}.session-chip .qty{font-family:var(--mono);color:var(--ink-faint)}.history-fade{text-align:center;font-family:var(--mono);color:var(--ink-faint);padding-top:4px;font-size:11px}.gate{background:var(--bg);justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.gate-card{text-align:center;flex-direction:column;gap:12px;width:300px;display:flex}.gate-title{font-family:var(--display);margin-bottom:4px;font-size:26px}.gate-copy{color:var(--ink-muted);margin:0 0 8px;font-size:14px;line-height:1.6}.gate-input{background:var(--surface);border:1.5px solid var(--border);text-align:center;border-radius:12px;padding:14px;font-size:18px}.gate-input-text{letter-spacing:normal;font-size:16px}.gate-error{color:var(--danger);font-size:13px}.gate-submit{background:var(--accent);color:var(--accent-ink);border-radius:12px;padding:14px;font-weight:600}.gate-submit:disabled{opacity:.5}.devices-panel{flex:1;padding:16px;overflow-y:auto}.devices-intro{color:var(--ink-muted);margin:0 0 16px;font-size:13px;line-height:1.6}.device-row{border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;display:flex}.device-name{font-size:15px;font-weight:600}.device-you{color:var(--ink-faint);font-weight:400}.device-date{font-family:var(--mono);color:var(--ink-faint);margin-top:2px;font-size:11px}.device-remove{width:auto;padding:8px 14px;font-size:13px}.devices-slot-free{text-align:center;color:var(--ink-faint);padding-top:8px;font-size:13px}