:root{--shop-bg: #0f1419;--shop-card: #1a2332;--shop-border: #2d3a4d;--shop-text: #e8eef5;--shop-muted: #8b9cb3;--shop-accent: #3b82f6;--shop-accent-hover: #2563eb;--shop-danger: #ef4444;--shop-radius: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--shop-bg);color:var(--shop-text);min-height:100vh}.shop-page{max-width:640px;margin:0 auto;padding:1rem 1rem 3rem}.shop-header h1{margin:.5rem 0 0;font-size:1.5rem}.shop-sub{margin:.25rem 0 0;color:var(--shop-muted);font-size:.875rem}.shop-back{color:var(--shop-accent);text-decoration:none;font-size:.9rem}.shop-back:hover{text-decoration:underline}.shop-error{background:#ef444426;border:1px solid var(--shop-danger);color:#fecaca;padding:.75rem 1rem;border-radius:var(--shop-radius);margin:1rem 0}.shop-add{display:flex;flex-direction:column;gap:.75rem;margin:1.25rem 0;padding:1rem;background:var(--shop-card);border:1px solid var(--shop-border);border-radius:var(--shop-radius)}.shop-input{width:100%;padding:.65rem .85rem;border-radius:8px;border:1px solid var(--shop-border);background:var(--shop-bg);color:var(--shop-text);font-size:1rem}.shop-qty{display:flex;align-items:center;gap:.35rem}.shop-step{width:2.25rem;height:2.25rem;border-radius:8px;border:1px solid var(--shop-border);background:var(--shop-bg);color:var(--shop-text);font-size:1.1rem;cursor:pointer}.shop-qty-num{width:3rem;text-align:center;padding:.5rem;border-radius:8px;border:1px solid var(--shop-border);background:var(--shop-bg);color:var(--shop-text)}.shop-unit{flex:1;padding:.5rem;border-radius:8px;border:1px solid var(--shop-border);background:var(--shop-bg);color:var(--shop-text)}.shop-btn{padding:.65rem 1rem;border-radius:8px;border:none;font-weight:600;cursor:pointer}.shop-btn.primary{background:var(--shop-accent);color:#fff}.shop-btn.primary:hover:not(:disabled){background:var(--shop-accent-hover)}.shop-btn:disabled{opacity:.5;cursor:not-allowed}.shop-section{margin-top:1.5rem}.shop-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.shop-section h2{margin:0;font-size:1rem;color:var(--shop-muted);font-weight:600}.shop-link{background:none;border:none;color:var(--shop-accent);cursor:pointer;font-size:.85rem}.shop-list{list-style:none;margin:0;padding:0;border:1px solid var(--shop-border);border-radius:var(--shop-radius);overflow:hidden}.shop-item{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;background:var(--shop-card);border-bottom:1px solid var(--shop-border)}.shop-item:last-child{border-bottom:none}.shop-item.checked .shop-item-name{text-decoration:line-through;color:var(--shop-muted)}.shop-check{display:flex;align-items:center;gap:.6rem;flex:1;cursor:pointer}.shop-item-name{word-break:break-word}.shop-item-qty{font-size:.85rem;color:var(--shop-muted);white-space:nowrap}.shop-icon-btn{background:none;border:none;color:var(--shop-muted);font-size:1.25rem;line-height:1;cursor:pointer;padding:.25rem .5rem}.shop-icon-btn:hover{color:var(--shop-danger)}.shop-empty,.shop-muted{padding:1rem;color:var(--shop-muted);text-align:center}