@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#eef1f6;--surface:#fff;--surface-elevated:#f9fafc;--text:#121722;--muted:#5b6270;--border:#e2e8f0;--primary:#2f6af8;--accent:#6ee7ff;--danger:#e5484d;--shadow-soft:0 8px 22px #0f172a14;--shadow-strong:0 16px 50px #0f172a2e;color-scheme:light}[data-theme=dark]{--bg:#0f141c;--surface:#151c26;--surface-elevated:#1a2331;--text:#f8fafc;--muted:#94a3b8;--border:#253246;--primary:#4f7dff;--accent:#7dd3fc;--danger:#f97373;--shadow-soft:0 10px 30px #02061773;--shadow-strong:0 20px 60px #0206178c;color-scheme:dark}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top left,color-mix(in srgb,#2f6af8 12%,#0000),#0000 45%),radial-gradient(circle at 20% 20%,color-mix(in srgb,#6ee7ff 14%,#0000),#0000 40%),#eef1f6;background:radial-gradient(circle at top left,color-mix(in srgb,var(--primary) 12%,#0000),#0000 45%),radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--accent) 14%,#0000),#0000 40%),var(--bg);color:#121722;color:var(--text);font-family:Plus Jakarta Sans,Segoe UI,sans-serif}.appShell{display:grid;min-height:100vh;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);place-items:start center}.appFrame{background:color-mix(in srgb,#fff 96%,#0000);background:color-mix(in srgb,var(--surface) 96%,#0000);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:26px;box-shadow:0 16px 50px #0f172a2e;box-shadow:var(--shadow-strong);max-width:560px;min-height:100vh;overflow:hidden;width:100%}.content{padding-bottom:14px}.mainLayout{display:block}.listColumn{display:flex;flex-direction:column}.sidePanel{display:none}.panelCard{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 22px #0f172a14;box-shadow:var(--shadow-soft);padding:16px}.panelTitle{font-size:14px;font-weight:700;margin-bottom:12px}.panelStat{align-items:center;border-bottom:1px solid color-mix(in srgb,#e2e8f0 70%,#0000);border-bottom:1px solid color-mix(in srgb,var(--border) 70%,#0000);display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.panelStat:last-child{border-bottom:none}.panelStat span{color:#5b6270;color:var(--muted)}.panelDivider{border-top:1px dashed color-mix(in srgb,#e2e8f0 80%,#0000);border-top:1px dashed color-mix(in srgb,var(--border) 80%,#0000);margin:10px 0}.panelStat--emphasis strong{color:color-mix(in srgb,#2f6af8 78%,#121722);color:color-mix(in srgb,var(--primary) 78%,var(--text))}.panelActions{grid-gap:10px;display:grid;gap:10px}.hintCard p{color:#5b6270;color:var(--muted);font-size:13px;line-height:1.4}.historyEntry{grid-gap:2px;border-bottom:1px solid color-mix(in srgb,#e2e8f0 70%,#0000);border-bottom:1px solid color-mix(in srgb,var(--border) 70%,#0000);display:grid;gap:2px;padding:10px 0}.historyEntry:last-child{border-bottom:none}.historyEntry strong{font-size:14px}.historyEntry span{color:#5b6270;color:var(--muted);font-size:13px}.historyEntry small{color:#5b6270;color:var(--muted);font-size:12px}.bottomBar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb,#fff 88%,#0000);background:color-mix(in srgb,var(--surface) 88%,#0000);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:22px;bottom:0;box-shadow:0 8px 22px #0f172a14;box-shadow:var(--shadow-soft);left:max(16px,env(safe-area-inset-left));margin:0 auto;max-width:560px;padding:14px 14px calc(14px + env(safe-area-inset-bottom));position:fixed;right:max(16px,env(safe-area-inset-right));width:auto;z-index:50}.bottomRow{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:12px}.emptyState{background:color-mix(in srgb,#fff 70%,#0000);background:color-mix(in srgb,var(--surface) 70%,#0000);border:1px dashed #e2e8f0;border:1px dashed var(--border);border-radius:18px;margin:16px 20px 0;padding:16px}.emptyTitle{font-weight:700;letter-spacing:-.02em}.emptyDesc{color:#5b6270;color:var(--muted);font-size:13px;line-height:1.45;margin-top:6px}.mobileOnly{display:block}.mobileBottomGuard{background:#fff;background:var(--surface);bottom:0;height:calc(10px + env(safe-area-inset-bottom));left:0;pointer-events:auto;position:fixed;right:0;z-index:49}.srOnly{clip:rect(1px,1px,1px,1px)!important;border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}button:focus-visible,input:focus-visible{outline:2px solid color-mix(in srgb,#2f6af8 70%,#0000);outline:2px solid color-mix(in srgb,var(--primary) 70%,#0000);outline-offset:2px}@media (max-width:600px){.appShell{padding:0;place-items:stretch}.appFrame{background:#fff;background:var(--surface);border:none;border-radius:0;box-shadow:none;min-height:100vh}.bottomBar{bottom:0;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right))}}@media (min-width:900px){.appFrame{max-width:1100px;min-height:auto}.content{padding:8px 20px 28px}.mainLayout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 320px}.sidePanel{display:flex;flex-direction:column;gap:16px;position:sticky;top:96px}.mobileOnly{display:none}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.topBar{grid-gap:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--surface) 86%,#0000);border-bottom:1px solid var(--border);display:grid;gap:12px;padding:18px 20px 14px;position:sticky;top:0;z-index:10}.topBarTitle{align-items:center;display:flex;gap:14px}.topBarIcon{background:color-mix(in srgb,var(--primary) 18%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:16px;display:grid;font-size:22px;height:44px;place-items:center;width:44px}.topBarMain{color:var(--text);font-size:18px;font-weight:700;letter-spacing:-.02em}.topBarSub{color:var(--muted);font-size:12px;margin-top:2px}.topBarActions{align-items:center;display:flex;gap:12px;justify-content:space-between}.themeToggle{background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--text);cursor:pointer;display:grid;height:42px;place-items:center;transition:border-color .2s ease,transform .16s ease;width:42px}.themeToggle:hover{border-color:color-mix(in srgb,var(--primary) 20%,var(--border));transform:translateY(-1px)}.topBarStats{display:flex;gap:10px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;min-width:68px;padding:10px 12px;text-align:center}.statOk{background:color-mix(in srgb,var(--primary) 10%,var(--surface));border-color:color-mix(in srgb,var(--primary) 28%,var(--border))}.statValue{color:var(--text);font-size:14px;font-weight:700;line-height:1}.statLabel{color:var(--muted);font-size:11px;margin-top:4px}.progressWrap{align-items:center;display:flex;gap:10px}.progressTrack{background:color-mix(in srgb,var(--border) 60%,var(--surface));border-radius:999px;flex:1 1;height:6px;overflow:hidden;position:relative}.progressValue{background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 60%,var(--accent)));border-radius:999px;inset:0;position:absolute;transition:width .22s ease;width:0}.progressLabel{color:var(--muted);font-size:11px}.quickAdd{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-areas:"title button" "meta meta" "error error";grid-template-columns:1fr 56px;padding:18px 20px 8px}.quickAddInput{background:var(--surface);border:1px solid var(--border);border-radius:18px;color:var(--text);font-size:16px;height:56px;outline:none;padding:0 16px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.quickAddInput::placeholder{color:var(--muted);opacity:.8}.quickAddInput:focus{background:var(--surface-elevated);border-color:color-mix(in srgb,var(--primary) 55%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 18%,#0000)}.quickAddInput--meta{font-size:16px;height:48px}#add-item{grid-area:title}.quickAddMeta{grid-gap:12px;display:grid;gap:12px;grid-area:meta;grid-template-columns:1fr 1fr}.quickAddTitleWrap{align-items:center;display:flex;gap:6px;grid-area:title}.quickAddBtn{align-items:center;background:#0000;border:none;border-radius:8px;box-shadow:none;color:var(--primary);cursor:pointer;display:flex;font-size:22px;height:38px;justify-content:center;margin:0;min-width:28px;padding:0 6px;text-align:center;transition:background .2s;width:28px}.quickAddBtn:hover{text-decoration:none;transform:translateY(-1px)}.quickAddBtn:active{transform:translateY(0)}.quickAddError{color:var(--danger);font-size:13px;grid-area:error;padding:2px 6px 0}.quickAddExpandBtn{background:#0000;border:none;border-radius:8px;box-shadow:none;color:var(--primary);cursor:pointer;display:inline-block;font-size:13px;margin:0 0 4px;min-width:0;padding:2px 8px;text-align:left;transition:background .2s;width:auto}.quickAddExpandBtn:hover{background:color-mix(in srgb,var(--primary) 10%,var(--surface));text-decoration:underline}@media (min-width:900px){.quickAdd{padding:18px 0 8px}}@media (max-width:560px){.quickAddMeta{grid-template-columns:1fr}}.listWrap{display:flex;flex-direction:column;gap:12px;padding:10px 20px 210px}.itemCard{grid-gap:10px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-soft);display:grid;gap:10px;grid-template-columns:44px 1fr 44px;padding:12px;transition:transform .16s ease,opacity .16s ease,border-color .2s ease}.itemCard:hover{border-color:color-mix(in srgb,var(--primary) 15%,var(--border));transform:translateY(-1px)}.itemCard.isDone{opacity:.7}.itemInfo{display:flex;flex-direction:column;gap:6px}.itemTitle{background:#0000;border:none;color:var(--text);cursor:pointer;font-size:16px;font-weight:600;padding:2px 6px;text-align:left}.itemCard.isDone .itemTitle{color:var(--muted);text-decoration:line-through}.itemMeta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding-left:6px}.itemPrice{color:var(--text);font-size:12px;font-weight:600}.check{background:color-mix(in srgb,var(--surface) 80%,var(--bg));border:1px solid var(--border);border-radius:14px;cursor:pointer;display:grid;height:40px;place-items:center;transition:border-color .2s ease,transform .16s ease;width:40px}.check:active{transform:scale(.98)}.checkDot{background:#0000;border:2px solid color-mix(in srgb,var(--primary) 55%,var(--muted));border-radius:999px;height:18px;transition:all .16s ease;width:18px}.itemCard.isDone .checkDot{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,#0000)}.trash{background:#0000;border:1px solid var(--border);border-radius:14px;color:color-mix(in srgb,var(--muted) 88%,var(--text));cursor:pointer;display:grid;height:40px;place-items:center;transition:border-color .2s ease,color .2s ease,background .2s ease;width:40px}.trash:hover{background:color-mix(in srgb,var(--danger) 12%,#0000);border-color:color-mix(in srgb,var(--danger) 45%,var(--border));color:var(--danger)}@media (min-width:900px){.listWrap{padding:10px 0 16px}}.btn{background:var(--surface);border:1px solid var(--border);border-radius:16px;color:var(--text);cursor:pointer;font-size:14px;font-weight:700;height:52px;letter-spacing:-.01em;padding:0 16px;transition:transform .14s ease,opacity .14s ease,background .2s ease,border-color .2s ease;width:100%}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.btn--primary{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 20%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.btn--ghost{background:#0000}.btn--danger{background:linear-gradient(135deg,color-mix(in srgb,var(--danger) 18%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.modalOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090c1499;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:9999}.modalCard{animation:modalIn .18s ease;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-strong);max-width:440px;padding:16px;width:100%}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modalHeader{align-items:start;display:flex;gap:12px;justify-content:space-between}.modalTitle{color:var(--text);font-size:16px;font-weight:700;letter-spacing:-.01em}.modalClose{background:#0000;border:1px solid var(--border);border-radius:12px;color:var(--muted);cursor:pointer;font-size:22px;height:36px;line-height:1;width:36px}.modalDesc{color:var(--muted);font-size:13px;line-height:1.4;margin-top:10px}.modalActions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:16px}.modalBtn{background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--text);cursor:pointer;font-weight:700;height:48px}.modalBtn--ghost{background:#0000}.modalBtn--primary{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.modalBtn--danger{background:linear-gradient(135deg,color-mix(in srgb,var(--danger) 18%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.purchaseOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090c1499;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:9999}.purchaseCard{animation:purchaseIn .18s ease;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-strong);max-width:440px;padding:16px;width:100%}@keyframes purchaseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.purchaseHeader{align-items:start;display:flex;gap:12px;justify-content:space-between}.purchaseTitle{color:var(--text);font-size:16px;font-weight:700;letter-spacing:-.01em}.purchaseClose{background:#0000;border:1px solid var(--border);border-radius:12px;color:var(--muted);cursor:pointer;font-size:22px;height:36px;line-height:1;width:36px}.purchaseDesc{color:var(--muted);font-size:13px;line-height:1.4;margin-top:10px}.purchaseForm{grid-gap:10px;display:grid;gap:10px;margin-top:14px}.purchaseInput{background:var(--surface-elevated);border:1px solid var(--border);border-radius:14px;color:var(--text);font-size:16px;height:48px;outline:none;padding:0 14px}.purchaseInput:focus{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 18%,#0000)}.purchaseActions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:4px}.purchaseBtn{border:1px solid var(--border);border-radius:14px;color:var(--text);cursor:pointer;font-weight:700;height:48px}.purchaseBtn,.purchaseBtn--ghost{background:#0000}.purchaseBtn--primary{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.summaryOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090c1499;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:9999}.summaryCard{animation:summaryIn .18s ease;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-strong);max-width:440px;padding:16px;width:100%}@keyframes summaryIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.summaryHeader{align-items:start;display:flex;gap:12px;justify-content:space-between}.summaryTitle{color:var(--text);font-size:16px;font-weight:700;letter-spacing:-.01em}.summaryClose{background:#0000;border:1px solid var(--border);border-radius:12px;color:var(--muted);cursor:pointer;font-size:22px;height:36px;line-height:1;width:36px}.summaryBody{margin-top:12px}.summaryStat{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,#0000);display:flex;font-size:14px;justify-content:space-between;padding:9px 0}.summaryStat:last-child{border-bottom:none}.summaryStat span{color:var(--muted)}.summaryDivider{border-top:1px dashed color-mix(in srgb,var(--border) 80%,#0000);margin:10px 0}.summaryStat--emphasis strong{color:color-mix(in srgb,var(--primary) 78%,var(--text))}.historyOverlay{background:#0c101873;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:90}.historyCard{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-strong);max-width:520px;padding:16px;width:100%}.historyHeader{align-items:center;display:flex;gap:12px;justify-content:space-between}.historyTitle{font-size:18px;font-weight:800;letter-spacing:-.02em}.historyClose{background:var(--surface-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;font-size:22px;height:34px;line-height:1;width:34px}.historyDesc{color:var(--muted);font-size:14px;line-height:1.45;margin-top:10px}.historyForm{grid-gap:10px;display:grid;gap:10px;margin-top:14px}.historyLabel{color:var(--muted);font-size:13px}.historyInput{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;color:var(--text);height:42px;padding:0 12px;width:100%}.historyActions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.historyBtn{border:1px solid var(--border);border-radius:12px;cursor:pointer;font-weight:700;height:40px;padding:0 14px}.historyBtn--ghost{background:var(--surface-elevated);color:var(--text)}.historyBtn--primary{background:var(--primary);border-color:color-mix(in srgb,var(--primary) 85%,#000);color:#fff}.historyFullOverlay{background:#0c10188f;display:grid;inset:0;padding:18px;place-items:center;position:fixed;z-index:100}.historyFullCard{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-strong);display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:86vh;max-width:820px;overflow:hidden;width:100%}.historyFullHeader{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px}.historyFullTitle{font-size:18px;font-weight:800;letter-spacing:-.02em}.historyFullClose{background:var(--surface-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;font-size:22px;height:34px;line-height:1;width:34px}.historyFullEmpty{color:var(--muted);padding:18px 16px}.historyFullList{grid-gap:12px;display:grid;gap:12px;overflow:auto;padding:12px}.historyFullItem{background:color-mix(in srgb,var(--surface-elevated) 72%,#0000);border:1px solid var(--border);border-radius:14px;padding:12px}.historyFullMeta{grid-gap:2px;display:grid;gap:2px}.historyFullMeta strong{font-size:15px}.historyFullMeta small,.historyFullMeta span{color:var(--muted)}.historyFullProducts{grid-gap:4px;display:grid;gap:4px;margin:10px 0 0;padding-left:18px}.historyFullProductRow{margin-bottom:4px}.historyFullProductTitle{font-weight:600}.historyFullProductDetails{color:var(--muted);display:flex;flex-wrap:wrap;font-size:13px;gap:12px;margin-top:2px}.historyFullTotals{align-items:center;border-top:1px dashed color-mix(in srgb,var(--border) 80%,#0000);display:flex;justify-content:space-between;margin-top:10px;padding-top:10px}.historyFullTotals span{color:var(--muted);font-size:13px}.historyFullTotals strong{font-size:15px}.historyFullActions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.historyFullBuyAgain{background:color-mix(in srgb,var(--primary) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 70%,#0000);border-radius:10px;color:color-mix(in srgb,var(--primary) 86%,var(--text));cursor:pointer;font-weight:700;height:36px;padding:0 12px}.historyFullDanger,.historyFullDelete{background:color-mix(in srgb,var(--danger) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 70%,#0000);border-radius:10px;color:color-mix(in srgb,var(--danger) 88%,var(--text));cursor:pointer;font-weight:700;height:36px;padding:0 12px}.historyFullFooter{border-top:1px solid var(--border);display:flex;justify-content:flex-end;padding:12px 16px}@media (max-width:640px){.historyFullCard{max-height:92vh}}.toastWrap{bottom:110px;left:50%;max-width:520px;position:fixed;transform:translateX(-50%);width:calc(100% - 24px);z-index:9999}.toastCard{animation:toastIn .18s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--surface) 92%,#0000);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-strong);padding:12px}.toastCard--success{border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.toastCard--danger{border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}@keyframes toastIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.toastMsg{color:var(--text);font-size:13px;font-weight:600;line-height:1.35}.toastActions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:10px}.toastBtn{background:#0000;border:1px solid var(--border);border-radius:14px;color:var(--text);cursor:pointer;font-weight:700;height:44px}.toastBtn--primary{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.toastBtn--ghost{background:#0000;color:var(--muted)}@media (min-width:900px){.toastWrap{bottom:32px;max-width:420px}}
/*# sourceMappingURL=main.05918456.css.map*/