:root{--teal:#0f766e;--teal-dark:#115e59;--bg:#f8fafc;--card:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--error:#b91c1c}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page{max-width:560px;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));margin:0 auto}.page.center{justify-content:center;align-items:center;min-height:100dvh;display:flex}header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}h1{color:var(--teal-dark);margin:0;font-size:1.5rem}h2{margin:0 0 8px;font-size:1.05rem}.muted{color:var(--muted);font-size:.9rem}.error{color:var(--error);font-size:.9rem}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;margin:12px 0;padding:16px}.card.login{text-align:center;min-width:min(320px,90vw)}.logo{border-radius:14px;width:64px;height:64px}button{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:10px 16px}button.primary{background:var(--teal);color:#fff;width:100%;padding:12px}button.primary:disabled{opacity:.6}button.ghost{color:var(--teal-dark);border:1px solid var(--border);background:0 0}.button-row{flex-direction:column;gap:8px;display:flex}.user-row{justify-content:center;gap:8px;margin:12px 0;display:flex}.user-btn{background:var(--bg);border:2px solid var(--border);padding:14px 22px;font-weight:600}.user-btn.selected{border-color:var(--teal);color:var(--teal-dark)}input{font:inherit;border:1px solid var(--border);border-radius:10px;width:100%;margin:8px 0;padding:12px}.section-head{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.template-row{text-align:left;border-bottom:1px solid var(--border);background:0 0;border-radius:0;align-items:center;gap:12px;width:100%;padding:10px 4px;display:flex}.template-row:last-of-type{border-bottom:none}.template-row small{color:var(--muted);display:block}.icon{font-size:1.4rem}.area-head{align-items:center;gap:10px;display:flex}.owner{background:var(--bg);color:var(--muted);border-radius:999px;margin-left:auto;padding:4px 10px;font-size:.8rem}.owner.mine{background:var(--teal);color:#fff}.standard{color:var(--muted);margin:8px 0 0;font-size:.9rem;font-style:italic}.card.empty{text-align:center;color:var(--muted)}.card.onboarding{text-align:center;max-width:420px}.card.onboarding p{text-align:left;line-height:1.5}.card.onboarding button{width:100%;margin-top:8px}.steps{text-align:left;margin:16px 0;padding:0;list-style:none}.steps li{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:10px 0;line-height:1.4;display:flex}.steps li:last-child{border-bottom:none}.step-icon{font-size:1.3rem}.button-inline{align-items:center;gap:8px;display:flex}button.small{padding:6px 12px;font-size:.85rem}.push-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:8px 0;font-size:.9rem;display:flex}.card.area.clickable{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;display:block}.icon.big{font-size:2rem}.area-head h1{flex:1;font-size:1.2rem}textarea{font:inherit;border:1px solid var(--border);resize:vertical;border-radius:10px;width:100%;margin:8px 0;padding:12px}.takeover{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.task-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;display:flex}.task-row:last-child{border-bottom:none}.task-row.done{opacity:.55}.task-main{flex-direction:column;flex:1;gap:2px;display:flex}.check{color:var(--teal);background:0 0;border:none;padding:4px 6px;font-size:1.25rem;line-height:1}.overdue{color:var(--error);font-weight:600}.due-today{color:var(--teal-dark);font-weight:600}.task-form .field-row{flex-wrap:wrap;gap:10px;display:flex}.field-row label{color:var(--muted);flex-direction:column;flex:1;gap:4px;min-width:110px;font-size:.8rem;display:flex}select{font:inherit;border:1px solid var(--border);background:var(--card);border-radius:10px;padding:10px}.done-list summary{cursor:pointer;padding:8px 0}.capture-input{padding:16px;font-size:1.15rem}.chips{flex-wrap:wrap;gap:8px;margin:12px 0 16px;display:flex}.chip{background:var(--card);border:1.5px solid var(--border);border-radius:999px;padding:8px 14px;font-size:.9rem}.chip.active{border-color:var(--teal);color:var(--teal-dark);background:#e6f4f2;font-weight:600}.saved-toast{text-align:center;color:var(--teal-dark);margin-top:16px;font-weight:600}.center-text{text-align:center}.feed-row{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.task-main.linklike{text-align:left;cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0}.snooze-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.update-banner{z-index:20;background:var(--teal-dark);color:#fff;padding:10px max(16px, env(safe-area-inset-left));padding-top:max(10px, env(safe-area-inset-top));justify-content:center;align-items:center;gap:12px;font-size:.9rem;display:flex;position:sticky;top:0}.update-banner button{color:var(--teal-dark);background:#fff;padding:6px 14px;font-weight:600}.unsorted-row{border-bottom:1px solid var(--border)}.unsorted-row .task-row,.unsorted-row:last-child{border-bottom:none}.ai-suggestion{justify-content:space-between;align-items:center;gap:8px;padding:0 0 10px 16px;font-size:.85rem;display:flex}.suggestion{border-bottom:1px solid var(--border);gap:10px;padding:10px 0;display:flex}.suggestion.excluded{opacity:.45}.suggestion-check{padding-top:12px}.suggestion-fields{flex-direction:column;flex:1;gap:4px;display:flex}.suggestion-fields input,.suggestion-fields select{margin:0}.tabbar{background:var(--card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:10;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--muted);background:0 0;border-radius:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0 6px;font-size:.72rem;display:flex}.tabbar button.active{color:var(--teal-dark);font-weight:600}.tab-icon{font-size:1.25rem}.page{padding-bottom:90px}.shopping-add{gap:8px;display:flex}.shopping-add input{flex:1;margin:0}button.primary.slim{width:auto;padding:0 20px;font-size:1.3rem}.live-dot{background:var(--border);border-radius:50%;width:10px;height:10px;margin-top:10px}.live-dot.on{background:#16a34a}.list-card{padding:4px 16px}.checked-card{opacity:.8}.strike{text-decoration:line-through}ol{padding-left:20px;line-height:1.7}footer{text-align:center;margin-top:32px;font-size:.8rem}@font-face{font-family:Figtree;src:url(/fonts/figtree.woff2)format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces.woff2)format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage.woff2)format("woff2");font-weight:300 800;font-display:swap}@font-face{font-family:Lora;src:url(/fonts/lora.woff2)format("woff2");font-weight:400 700;font-display:swap}[data-design]{--paper:#f6f1e7;--card:#fdfbf5;--sand:#ede5d4;--line:#e6ddc9;--ink:#33302a;--muted:#8a8171;--font-body:"Figtree", "Avenir Next", sans-serif;--font-display:var(--font-body);--radius-s:10px;--radius-m:16px;--radius-l:22px;--shadow:0 1px 3px #5c4e3712, 0 4px 14px #5c4e370d;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:36px}[data-design=a]{--font-display:"Fraunces", Georgia, serif;--accent:#56755a;--accent-deep:#40593f;--accent-soft:#e6ecdf}[data-design=b]{--font-display:"Bricolage Grotesque", "Figtree", sans-serif;--accent:#bb6544;--accent-deep:#96492e;--accent-soft:#f4e4d8}[data-design=c]{--font-display:"Lora", Georgia, serif;--accent:#a07a3b;--accent-deep:#7d5c27;--accent-soft:#f0e6cf}[data-design] body,[data-design]{background:var(--paper);color:var(--ink);font-family:var(--font-body)}[data-design] .page{max-width:560px;padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right))}[data-design] h1{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);font-size:1.8rem;font-weight:550}[data-design] h2{font-family:var(--font-display);color:var(--ink);margin-bottom:var(--sp-3);font-size:1.12rem;font-weight:550}[data-design] .muted{color:var(--muted)}[data-design] a{color:var(--accent-deep);-webkit-text-decoration-color:var(--accent-soft);text-decoration-color:var(--accent-soft);text-underline-offset:3px}[data-design] header{margin:var(--sp-4) 0 var(--sp-3);align-items:center}[data-design] .card{background:var(--card);border-radius:var(--radius-l);box-shadow:var(--shadow);padding:var(--sp-5);margin:var(--sp-4) 0;border:none}[data-design] .section-head{margin:var(--sp-6) 0 var(--sp-2)}[data-design] button{font-family:var(--font-body);border-radius:var(--radius-m);transition:background .15s,color .15s}[data-design] button.primary{background:var(--accent);color:#fff;border-radius:var(--radius-m);padding:14px;font-weight:600}[data-design] button.primary:active{background:var(--accent-deep)}[data-design] button.primary:disabled{opacity:.45}[data-design] button.ghost{border:1px solid var(--line);color:var(--accent-deep);background:0 0;font-weight:500}[data-design] button.small{border-radius:999px}[data-design] .task-row{border-bottom:1px solid var(--line);padding:var(--sp-3) 0;gap:var(--sp-3)}[data-design] .check{color:var(--accent);font-size:1.3rem}[data-design] .task-main small{margin-top:2px}[data-design] .overdue,[data-design] .due-today{color:var(--accent-deep);font-weight:600}[data-design] .card.area.clickable{padding:var(--sp-4) var(--sp-5)}[data-design] .card.area.clickable:active{background:var(--sand)}[data-design] .owner{background:var(--sand);color:var(--muted);padding:5px 12px;font-weight:500}[data-design] .owner.mine{background:var(--accent-soft);color:var(--accent-deep)}[data-design] .standard{font-family:var(--font-display);color:var(--muted);font-size:.95rem;font-style:italic;line-height:1.5}[data-design] input,[data-design] textarea,[data-design] select{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-m);color:var(--ink);font-family:var(--font-body)}[data-design] input:focus,[data-design] textarea:focus,[data-design] select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}[data-design] .capture-input{padding:18px;font-size:1.1rem}[data-design] .chip{background:var(--card);border:1px solid var(--line);color:var(--ink)}[data-design] .chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-deep)}[data-design] .push-row{color:var(--muted)}[data-design] .ai-suggestion{background:var(--accent-soft);border-radius:var(--radius-s);padding:var(--sp-2) var(--sp-3);margin:0 0 var(--sp-3)}[data-design] .card.login,[data-design] .card.onboarding{padding:var(--sp-6)}[data-design] .user-btn{background:var(--paper);border:1.5px solid var(--line);border-radius:var(--radius-m)}[data-design] .user-btn.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep)}[data-design] .steps li{border-bottom:1px solid var(--line)}[data-design] .tabbar{background:color-mix(in srgb, var(--paper) 88%, #fff);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}[data-design] .tabbar button{color:var(--muted);font-weight:500}[data-design] .tabbar button.active{color:var(--accent-deep);font-weight:650}[data-design] .update-banner{background:var(--accent-soft);color:var(--accent-deep)}[data-design] .update-banner button{background:var(--accent);color:#fff}[data-design] .saved-toast{color:var(--accent-deep)}.design-switch{z-index:30;padding:8px max(16px, env(safe-area-inset-left));padding-top:max(8px, env(safe-area-inset-top));background:var(--ink,#33302a);color:#fff;justify-content:center;align-items:center;gap:10px;font-size:.85rem;display:flex;position:sticky;top:0}.design-switch a{color:#fff;border:1px solid #fff6;border-radius:999px;padding:2px 10px;text-decoration:none}.design-switch a.current{color:var(--ink,#33302a);background:#fff;font-weight:700}