:root{--bg: #f6f3ec;--surface: #ffffff;--ink: #2b2a26;--ink-soft: #6f6b60;--line: #e8e3d8;--green: #1e7a44;--green-dark: #145c32;--green-soft: #e3f2e7;--amber: #ffd166;--red: #d3573f;--radius: 16px;--shadow: 0 1px 2px rgba(43, 42, 38, .06), 0 4px 16px rgba(43, 42, 38, .07);--font: "Avenir Next", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);min-height:100%;line-height:1.45;-webkit-font-smoothing:antialiased}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}input{font-family:inherit;font-size:16px}#root{max-width:560px;margin:0 auto;min-height:100dvh}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.btn-primary{background:var(--green);color:#fff;font-size:16px;font-weight:700;padding:14px 22px;border-radius:14px;width:100%;transition:transform .08s ease,background .15s ease}.btn-primary:active{transform:scale(.97);background:var(--green-dark)}.btn-primary:disabled{opacity:.6}.icon-btn{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;color:var(--ink-soft);flex-shrink:0;transition:background .15s}.icon-btn:active{background:var(--line)}.link-btn{color:var(--red);font-size:13px;font-weight:600;margin-left:auto;padding:4px 8px}.chip{background:var(--green-soft);color:var(--green-dark);font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;transition:transform .08s}.chip:active{transform:scale(.95)}.home{padding:max(24px,env(safe-area-inset-top)) 20px 24px;display:flex;flex-direction:column;gap:22px;min-height:100dvh}.home-hero{text-align:center;padding-top:26px}.home-logo img{border-radius:15px;box-shadow:var(--shadow)}.home-hero h1{font-size:34px;letter-spacing:-.5px;margin-top:12px}.home-hero p{color:var(--ink-soft);margin-top:6px;font-size:15px}.home-create{padding:20px;display:flex;flex-direction:column;gap:12px}.home-create label{font-size:13px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.4px}.home-create input{border:2px solid var(--line);border-radius:12px;padding:13px 14px;outline:none;background:var(--bg);transition:border-color .15s}.home-create input:focus{border-color:var(--green)}.home-chips{display:flex;flex-wrap:wrap;gap:8px}.home-recents h2{font-size:15px;color:var(--ink-soft);margin-bottom:10px}.recent-row{display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:10px;cursor:pointer}.recent-emoji{font-size:22px}.recent-info{display:flex;flex-direction:column;min-width:0}.recent-info strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-info small{color:var(--ink-soft);font-size:12px}.recent-row .icon-btn{margin-left:auto}.home-footer{margin-top:auto;text-align:center;color:var(--ink-soft);font-size:12.5px;padding-top:10px}.list-page{min-height:100dvh;display:flex;flex-direction:column}.list-header{display:flex;align-items:center;gap:8px;padding:max(14px,env(safe-area-inset-top)) 14px 10px;position:sticky;top:0;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.list-header h1{font-size:19px;letter-spacing:-.3px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text}.title-input{flex:1;min-width:0;font-size:19px;font-weight:700;border:none;border-bottom:2px solid var(--green);background:transparent;outline:none;padding:2px 0}.btn-share{display:inline-flex;align-items:center;gap:6px;background:var(--green);color:#fff;font-size:13.5px;font-weight:700;padding:9px 14px;border-radius:999px;flex-shrink:0;transition:transform .08s}.btn-share:active{transform:scale(.95)}.progress-wrap{display:flex;align-items:center;gap:10px;padding:4px 18px 10px}.progress-bar{flex:1;height:8px;border-radius:999px;background:var(--line);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),#45a86c);transition:width .35s cubic-bezier(.22,1,.36,1)}.progress-label{font-size:12.5px;font-weight:700;color:var(--ink-soft);white-space:nowrap}.list-body{flex:1;padding:4px 14px 0}.list-bottom-space{height:130px}.cat-group{margin-bottom:18px}.cat-group h3{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;padding:6px 4px}.item-row{display:flex;align-items:center;gap:11px;background:var(--surface);border-radius:14px;padding:11px 12px;margin-bottom:8px;box-shadow:var(--shadow);animation:item-in .22s ease}@keyframes item-in{0%{opacity:0;transform:translateY(6px)}}.item-row.is-checked{opacity:.62;box-shadow:none;background:transparent;border:1.5px dashed var(--line)}.item-row.is-checked .item-name{text-decoration:line-through}.check{width:26px;height:26px;border-radius:9px;border:2.2px solid var(--line);color:#fff;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,border-color .15s}.is-checked .check{background:var(--green);border-color:var(--green)}.item-emoji{font-size:20px;flex-shrink:0}.item-info{flex:1;min-width:0;display:flex;flex-direction:column;cursor:pointer}.item-name{font-size:15.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-qty{font-size:12.5px;color:var(--ink-soft)}.qty-controls{display:flex;gap:6px;flex-shrink:0}.qty-controls button{width:32px;height:32px;border-radius:10px;background:var(--bg);font-size:18px;font-weight:700;color:var(--green-dark);display:flex;align-items:center;justify-content:center;transition:transform .08s}.qty-controls button:active{transform:scale(.9)}.addbar-wrap{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:560px;padding:8px 12px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 65%,transparent);z-index:20}.suggestions{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);margin-bottom:8px;overflow:hidden}.suggestion{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:12px 14px;font-size:15px;font-weight:600;border-bottom:1px solid var(--line)}.suggestion:last-child{border-bottom:none}.suggestion:active{background:var(--green-soft)}.suggestion small{margin-left:auto;color:var(--ink-soft);font-weight:500}.addbar{display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:999px;box-shadow:0 2px 6px #2b2a2617,0 8px 28px #2b2a2621;padding:7px}.addbar input{flex:1;min-width:0;border:none;outline:none;background:transparent;padding:8px 4px}.addbar .browse{background:var(--bg);border-radius:999px;width:42px;height:42px;color:var(--ink)}.mic-btn{width:46px;height:46px;border-radius:999px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0;transition:transform .1s,background .2s}.mic-btn:active{transform:scale(.92)}.mic-btn.recording{background:var(--red);animation:pulse 1.2s infinite}.mic-btn.add{font-size:26px;line-height:1}@keyframes pulse{0%,to{box-shadow:0 0 #d3573f73}50%{box-shadow:0 0 0 12px #d3573f00}}.voice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b2a2673;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;display:flex;align-items:center;justify-content:center;padding:24px}.voice-card{background:var(--surface);border-radius:22px;padding:30px 26px;width:100%;max-width:340px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;animation:item-in .2s ease}.voice-card strong{font-size:18px}.voice-card p{color:var(--ink-soft);font-size:14px}.voice-pulse{font-size:46px;animation:mic-bounce 1.1s infinite}@keyframes mic-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b2a2673;z-index:30;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--bg);width:100%;max-width:560px;border-radius:24px 24px 0 0;max-height:82dvh;display:flex;flex-direction:column;animation:sheet-up .28s cubic-bezier(.22,1,.36,1)}@keyframes sheet-up{0%{transform:translateY(60%)}}.sheet-handle{width:42px;height:5px;border-radius:999px;background:var(--line);margin:10px auto 2px}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:8px 18px 4px}.sheet-header h2{font-size:19px}.cat-tabs{display:flex;gap:8px;overflow-x:auto;padding:10px 16px;scrollbar-width:none}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;font-weight:700;color:var(--ink-soft);background:var(--surface);border-radius:14px;padding:9px 13px;white-space:nowrap;flex-shrink:0;border:2px solid transparent}.cat-tab span{font-size:19px}.cat-tab.active{border-color:var(--green);color:var(--green-dark);background:var(--green-soft)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;padding:6px 16px calc(20px + env(safe-area-inset-bottom));overflow-y:auto}.product-card{background:var(--surface);border-radius:14px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;box-shadow:var(--shadow);border:2px solid transparent;transition:transform .08s}.product-card:active{transform:scale(.94)}.product-card.in-list{border-color:var(--green);background:var(--green-soft)}.product-emoji{font-size:25px}.product-name{font-size:12.5px;font-weight:600;text-align:center;line-height:1.25}.product-badge{font-size:11px;font-weight:700;color:var(--green-dark);background:var(--green-soft);border-radius:999px;padding:2px 9px}.in-list .product-badge{background:var(--green);color:#fff}.page-center{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.empty-state{text-align:center;padding:44px 24px;max-width:320px;margin:0 auto;display:flex;flex-direction:column;gap:8px;align-items:center}.empty-emoji{font-size:52px}.empty-state h2{font-size:20px}.empty-state p{color:var(--ink-soft);font-size:14.5px}.empty-state .btn-primary{margin-top:10px;width:auto}.spinner{width:34px;height:34px;border-radius:50%;border:3.5px solid var(--line);border-top-color:var(--green);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toaster{position:fixed;bottom:calc(96px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}.toast{background:var(--ink);color:#fff;font-size:14px;font-weight:600;padding:11px 18px;border-radius:999px;box-shadow:0 6px 20px #2b2a2640;animation:item-in .2s ease;text-align:center}