: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}.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}