:root{--bg-primary: #f4f3ee;--bg-secondary: #eeede6;--bg-tertiary: #e6e3d8;--bg-inverse: #191817;--ink: #191817;--ink-2: #5a554e;--ink-3: #8a847a;--ink-on-inverse: #f4f3ee;--accent: #c96442;--accent-hover: #b55738;--accent-press: #9c4a2f;--accent-soft: #e89268;--accent-tint: #f0d9cc;--border: #d8d3c8;--border-strong: #c2bcae;--success: #6b7a3d;--warning: #c98a42;--danger: #a53e2a;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--t-13: 13px;--t-15: 15px;--t-17: 17px;--t-21: 21px;--t-26: 26px;--t-32: 32px;--t-40: 40px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 96px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-pill: 999px;--shadow-modal: 0 8px 24px rgba(25, 24, 23, .08);--ease-out: cubic-bezier(.32, .72, 0, 1);--ease-in: cubic-bezier(.4, 0, .2, 1);--dur-fast: .18s;--dur-mid: .32s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);color:var(--ink);font-family:var(--font-body);font-size:var(--t-17);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;text-wrap:pretty}button{font-family:inherit}::selection{background:var(--accent-tint);color:var(--ink)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;color:var(--ink);text-wrap:balance;letter-spacing:-.015em;margin:0}#root{min-height:100vh;display:flex;flex-direction:column}.app{max-width:680px;margin:0 auto;padding:var(--s-7) var(--s-5) var(--s-8);display:flex;flex-direction:column;gap:var(--s-6);width:100%}.app-header{display:flex;align-items:center;gap:var(--s-4)}.app-header img{width:56px;height:auto;flex-shrink:0}.app-header h1{font-size:var(--t-32);line-height:1.1;font-variation-settings:"opsz" 48}.app-header .subtitle{font-size:var(--t-13);color:var(--ink-3);margin-top:2px;font-family:var(--font-ui);letter-spacing:.02em}.error-banner{background:var(--accent-tint);border:1px solid var(--accent-soft);color:var(--danger);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-size:var(--t-15)}.cart-container{background:var(--bg-primary)}.cart-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s-3)}.cart-header h2{font-size:var(--t-21);font-variation-settings:"opsz" 24}.btn-clear{background:none;border:none;padding:0;font-family:var(--font-body);font-size:var(--t-15);color:var(--ink-3);cursor:pointer;transition:color var(--dur-fast) var(--ease-out)}.btn-clear:hover{color:var(--danger)}.cart-list{list-style:none}.cart-groups{display:flex;flex-direction:column;gap:var(--s-5)}.category-group+.category-group{padding-top:var(--s-5);border-top:1px solid var(--border)}.category-label{font-family:var(--font-ui);font-size:var(--t-13);font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--s-2)}.cart-empty{text-align:center;padding:var(--s-7) 0 var(--s-5);display:flex;flex-direction:column;align-items:center;gap:var(--s-4)}.cart-empty img{width:100px;height:auto;opacity:.9}.cart-empty .empty-text{font-family:var(--font-display);font-style:italic;font-size:var(--t-21);color:var(--ink-2)}.cart-empty .empty-hint{font-size:var(--t-15);color:var(--ink-3)}.cart-item{display:grid;grid-template-columns:1fr auto auto 28px;gap:var(--s-4);align-items:center;padding:14px 0;border-bottom:1px solid var(--border);transition:background var(--dur-fast) var(--ease-out)}.cart-item:last-child{border-bottom:none}.item-name{font-size:var(--t-17);color:var(--ink);text-transform:capitalize}.item-qty{font-family:var(--font-mono);font-feature-settings:"tnum" 1;font-size:var(--t-15);color:var(--ink-2)}.status-badge{font-family:var(--font-ui);font-size:var(--t-13);font-weight:500;padding:3px 10px;border-radius:var(--r-pill);letter-spacing:.03em}.status-pending{background:#fef3e2;color:var(--warning)}.status-pushed{background:#eef4e3;color:var(--success)}.btn-remove{background:none;border:none;color:var(--ink-3);cursor:pointer;font-size:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-pill);opacity:0;transition:opacity var(--dur-fast),color var(--dur-fast),background var(--dur-fast)}.cart-item:hover .btn-remove{opacity:1}.btn-remove:hover{color:var(--danger);background:var(--accent-tint)}.add-item-form{display:flex;gap:var(--s-2)}.add-item-input{flex:1;padding:11px var(--s-4);font-family:var(--font-body);font-size:var(--t-15);color:var(--ink);background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:var(--r-sm);outline:none;transition:border-color var(--dur-fast) var(--ease-out)}.add-item-input::placeholder{color:var(--ink-3)}.add-item-input:focus{border-color:var(--accent)}.add-item-input:disabled{opacity:.55}.add-item-btn{padding:11px var(--s-5);font-family:var(--font-ui);font-size:var(--t-15);font-weight:500;border:1px solid transparent;border-radius:var(--r-sm);cursor:pointer;background:var(--accent);color:var(--bg-primary);transition:background var(--dur-fast) var(--ease-out),opacity var(--dur-fast);white-space:nowrap}.add-item-btn:hover:not(:disabled){background:var(--accent-hover)}.add-item-btn:active{background:var(--accent-press)}.add-item-btn:disabled{opacity:.4;cursor:default}.add-item-btn-error{background:var(--danger)!important}.push-section{display:flex;flex-direction:column}.btn-push{width:100%;padding:13px var(--s-5);font-family:var(--font-ui);font-size:var(--t-15);font-weight:500;border:1px solid transparent;border-radius:var(--r-sm);cursor:pointer;letter-spacing:.005em;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.btn-push:disabled{opacity:.45;cursor:default}.btn-push-idle{background:var(--accent);color:var(--bg-primary)}.btn-push-idle:hover:not(:disabled){background:var(--accent-hover)}.btn-push-idle:active{background:var(--accent-press)}.btn-push-idle:disabled{background:var(--bg-secondary);color:var(--ink-3);border-color:var(--border)}.btn-push-loading{background:var(--bg-secondary);color:var(--ink-2);border-color:var(--border);cursor:wait}.btn-push-success{background:var(--success);color:#fff}.btn-push-error{background:var(--danger);color:#fff}.mascots{display:flex;justify-content:flex-start;gap:var(--s-7);padding:var(--s-4) 0}.mascot{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-2)}.mascot img{width:80px;height:80px;object-fit:contain;opacity:.85}.mascot span{font-family:var(--font-display);font-style:italic;font-size:var(--t-13);color:var(--ink-3)}.toast{position:fixed;bottom:var(--s-6);left:50%;transform:translate(-50%) translateY(12px);background:var(--bg-primary);border:1px solid var(--border);box-shadow:var(--shadow-modal);padding:10px 18px 10px 14px;border-radius:var(--r-pill);display:flex;align-items:center;gap:var(--s-3);font-size:var(--t-15);color:var(--ink);opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-mid) var(--ease-out);z-index:50;white-space:nowrap}.toast.open{opacity:1;transform:translate(-50%) translateY(0)}.toast img{width:28px;height:auto}