:root{--bg-soft: #f1f5f9;--accent-emerald: #10b981;--accent-lime: #84cc16;--accent-teal: #14b8a6;--text-ink: #0f172a}body{margin:0;font-family:Avenir Next,Segoe UI,sans-serif;background:radial-gradient(1200px 420px at 50% -10%,#ffffff 10%,transparent 60%),linear-gradient(180deg,var(--bg-soft) 0%,#e2f6ef 50%,#d9f2ef 100%);color:var(--text-ink)}.app-shell.svelte-1uha8ag{min-height:100dvh;position:relative}.top-header.svelte-1uha8ag{position:fixed;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top) + .9rem) 1rem .8rem;background:#f1f5f9e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(20,184,166,.2);z-index:20}.top-header.svelte-1uha8ag h1:where(.svelte-1uha8ag){margin:0;font-size:1.25rem;font-weight:700}.sync-indicator.svelte-1uha8ag{margin:.2rem 0 0;font-size:.75rem;opacity:.72}.list-scroll.svelte-1uha8ag{padding:calc(env(safe-area-inset-top) + 4.8rem) .9rem calc(env(safe-area-inset-bottom) + 10.8rem);overflow-y:auto;height:100dvh;box-sizing:border-box}.items-list.svelte-1uha8ag{margin:0;padding:0;list-style:none;display:grid;gap:.65rem}.item-card.svelte-1uha8ag{background:#fff;border:1px solid rgba(20,184,166,.22);border-radius:.85rem;box-shadow:0 8px 20px #14b8a61c;touch-action:pan-y;transition:background-color .18s ease}.completion-pop.svelte-1uha8ag{animation:svelte-1uha8ag-completion-pop .3s cubic-bezier(.22,1,.36,1)}.item-button.svelte-1uha8ag{width:100%;border:0;background:transparent;padding:.9rem;font:inherit;text-align:left;color:inherit}.item-name.svelte-1uha8ag{font-size:1rem}.done.svelte-1uha8ag .item-name:where(.svelte-1uha8ag){text-decoration:line-through;opacity:.55}.done.svelte-1uha8ag{background:#ecfdf5}.empty-state.svelte-1uha8ag{margin:1.2rem 0;padding:1rem;text-align:center;background:#ffffffd9;border-radius:.9rem;border:1px dashed rgba(16,185,129,.35)}.input-bar.svelte-1uha8ag{position:fixed;left:.55rem;right:.55rem;bottom:calc(env(safe-area-inset-bottom) + 4.4rem);display:grid;grid-template-columns:1fr 4.5rem;gap:.55rem;padding:.55rem;background:#f1f5f9f2;border:1px solid rgba(20,184,166,.25);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:25}.input-bar.svelte-1uha8ag input:where(.svelte-1uha8ag),.input-bar.svelte-1uha8ag button:where(.svelte-1uha8ag){font:inherit;border-radius:.7rem;border:1px solid rgba(20,184,166,.28);padding:.66rem .68rem;background:#fff}.input-bar.svelte-1uha8ag button:where(.svelte-1uha8ag){background:var(--accent-emerald);border-color:var(--accent-emerald);color:#fff;font-weight:600}.bottom-tabs.svelte-1uha8ag{position:fixed;left:0;right:0;bottom:0;padding:.5rem .55rem calc(env(safe-area-inset-bottom) + .5rem);display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;background:#f1f5f9f2;border-top:1px solid rgba(20,184,166,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30}.bottom-tabs.svelte-1uha8ag button:where(.svelte-1uha8ag){border:1px solid rgba(20,184,166,.28);background:#fff;color:#0f172a;border-radius:.72rem;padding:.68rem .4rem;font:inherit;font-weight:600;transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}.tab-pop.svelte-1uha8ag{animation:svelte-1uha8ag-tab-pop .22s cubic-bezier(.2,.95,.35,1.15)}.bottom-tabs.svelte-1uha8ag button.active:where(.svelte-1uha8ag){background:linear-gradient(140deg,var(--accent-emerald),var(--accent-teal));border-color:var(--accent-teal);color:#f7fffa;box-shadow:0 8px 18px #10b98147}@keyframes svelte-1uha8ag-completion-pop{0%{transform:scale(1)}45%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes svelte-1uha8ag-tab-pop{0%{transform:scale(1)}50%{transform:scale(.96)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.completion-pop.svelte-1uha8ag,.tab-pop.svelte-1uha8ag{animation:none}.item-card.svelte-1uha8ag,.bottom-tabs.svelte-1uha8ag button:where(.svelte-1uha8ag){transition:none}}@media(min-width:760px){.app-shell.svelte-1uha8ag{max-width:560px;margin:0 auto;border-left:1px solid rgba(80,66,45,.18);border-right:1px solid rgba(80,66,45,.18)}.top-header.svelte-1uha8ag,.bottom-tabs.svelte-1uha8ag{left:50%;right:auto;width:560px;transform:translate(-50%)}.input-bar.svelte-1uha8ag{left:50%;right:auto;width:calc(560px - 1.1rem);transform:translate(-50%)}}