:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text:#525e70;--text-h:#192638;--bg:#fff;--border:#d9e0e9;--accent:#315dcc;--accent-bg:#edf2ff;--accent-border:#bacaf2;--social-bg:#f3f5f8;--danger:#b42335;--danger-bg:#fff2f3;color:var(--text);background:#f5f7fb;font-family:system-ui,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}#root{max-width:880px;min-height:100svh;margin:0 auto}h1,h2,h3{color:var(--text-h);line-height:1.2}h1{letter-spacing:-.7px;margin:0;font-size:clamp(26px,5vw,36px)}h2{margin:0 0 12px;font-size:21px}p{margin:0}small{color:var(--text);font-size:13px;font-weight:400;display:block}button,input,summary{-webkit-tap-highlight-color:transparent}summary{cursor:pointer;min-height:44px;color:var(--text-h);padding:10px 0;font-weight:600}summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#b5c0d1;--text-h:#eff3fb;--bg:#1b2433;--border:#3e4b61;--accent:#abc3ff;--accent-bg:#253656;--accent-border:#5b78ac;--social-bg:#253043;--danger:#ffb0bb;--danger-bg:#402731;background:#111925}}.app{width:min(100% - 32px,560px);margin:40px auto}.auth-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.auth-bar button{min-height:44px;font:inherit;border:1px solid var(--border);color:var(--text-h);background:var(--bg);cursor:pointer;border-radius:10px;padding:8px 16px}.auth-bar button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.auth-screen{gap:20px;display:grid}.family-screen{gap:16px;display:grid}.family-screen form{gap:8px;display:grid}.family-screen label{padding:0;display:block}.family-screen input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;font:inherit;padding:10px}.family-actions{flex-wrap:wrap;gap:8px;display:flex}.family-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.family-list li{overflow-wrap:anywhere;gap:8px;padding:12px;display:grid}.invitation-result,.family-confirm{border:1px solid var(--accent);border-radius:12px;gap:12px;padding:16px;display:grid}form{gap:8px;margin-bottom:16px;display:flex}input[type=text]{min-width:0;color:var(--text-h);background:var(--bg);flex-grow:1}li{border:1px solid var(--border);border-radius:12px}label{cursor:pointer;align-items:flex-start;gap:12px;padding:14px;display:flex}.completed{opacity:.7;text-decoration:line-through}.app input[type=text],.app button{box-sizing:border-box;border:1px solid var(--border);min-height:44px;font:inherit;border-radius:10px;padding:10px 12px}.app button{color:var(--text-h);background:var(--bg);border-color:var(--border);cursor:pointer}.app button:disabled{opacity:.6;cursor:wait}.app button:hover:not(:disabled){border-color:var(--accent)}.app button:focus-visible,.app input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.task-toolbar{justify-content:flex-end;margin:24px 0 16px;display:flex}.app .filter-button{font-size:.9rem;font-weight:600}.task-list{text-align:left;gap:12px;margin:0;padding:0;list-style:none;display:grid}.task-list input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0;margin:2px 0 0}.task-list span{overflow-wrap:anywhere;min-width:0}.completed-task{background:var(--social-bg)}.empty-state{border:1px dashed var(--border);background:var(--accent-bg);border-radius:12px;padding:24px 16px}@media (width<=480px){.app{margin:20px auto}.app form{flex-direction:column}.app h1{font-size:32px;line-height:1.2}}.app .primary{color:#fff;background:#315dcc;border-color:#315dcc;font-weight:650}.app .primary:hover:not(:disabled){background:#244aa8;border-color:#244aa8}.app .text-button{color:var(--accent);background:0 0;border-color:#0000}.app .danger{color:var(--danger);background:var(--danger-bg);border-color:var(--danger)}.app button:disabled{cursor:not-allowed}.app{text-align:left}.family-screen,.auth-screen{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:28px}.family-screen h1{margin:0 0 4px}.eyebrow{color:var(--accent);letter-spacing:1.6px;text-transform:uppercase;font-size:12px;font-weight:700}.muted,.invite-panel>p,.invitation-result p{color:var(--text);font-size:14px}.family-screen label{color:var(--text-h);font-size:14px;font-weight:600}.family-screen input{border:1px solid var(--border);color:var(--text-h);background:var(--bg);border-radius:10px}.family-screen form{gap:10px;margin:4px 0 0}.family-screen form button{margin-top:8px}.family-actions{background:var(--social-bg);border-radius:12px;flex-wrap:nowrap;padding:4px}.family-actions button{background:0 0;border:0;flex:1;font-size:14px}.family-actions button[aria-pressed=true]{background:var(--bg);color:var(--accent);font-weight:700;box-shadow:0 1px 4px #00000014}.family-list li{padding:16px}.family-list strong{color:var(--text-h)}.family-list summary{font-size:13px;font-weight:400}.settings-panel{border-block:1px solid var(--border);padding:4px 0}.settings-panel[open]{padding-bottom:16px}.settings-panel form{margin-top:12px}.invite-panel{gap:12px;padding-top:8px;display:grid}.invite-panel h2{margin:0}.invitation-result{background:var(--accent-bg);border-color:var(--accent-border)}.family-confirm{border-color:var(--danger);background:var(--danger-bg);scroll-margin:20px}.app [role=alert]{border-left:3px solid var(--danger);background:var(--danger-bg);color:var(--danger);border-radius:6px;padding:12px 14px}.app [role=status],.info-message{background:var(--social-bg);border-radius:8px;padding:12px}.auth-bar{width:calc(100% - 32px);max-width:560px;margin:0 auto;padding:16px 0;font-size:14px}.account-menu{position:relative}.account-menu summary{color:var(--text);font-weight:400}.account-menu button{z-index:2;width:190px;position:absolute;top:100%;right:0;box-shadow:0 6px 24px #00000018}@media (width<=480px){.family-screen,.auth-screen{border-radius:16px;padding:20px}}.app,.auth-bar{width:min(100% - 32px,630px)}.auth-bar{align-items:flex-start;max-width:630px;min-height:86px;padding-top:24px}.auth-bar>div{overflow-wrap:anywhere;min-width:0;max-width:calc(100% - 90px)}.family-screen{gap:20px;margin-top:44px;padding:32px}.family-menu summary{min-height:24px;padding:0}.family-menu button{left:0;right:auto}.home-sections{background:var(--social-bg);border-radius:18px;gap:4px;padding:8px;display:grid}.home-sections button{min-height:164px;color:var(--accent);border:none;border-radius:14px;font-size:14px;font-weight:650}.home-sections button:disabled{opacity:1}.home-sections small{margin-top:8px}.profile-card{border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:20px 12px;display:flex}.profile-card strong{color:var(--text-h);font-size:18px}.profile-card img{flex-shrink:0}.section-caption{text-align:center;color:var(--accent);border:6px solid var(--social-bg);border-radius:16px;padding:16px;font-size:14px;font-weight:650}.family-screen>.app{width:100%;margin:0}.back-button{justify-self:start}@media (prefers-color-scheme:dark){.profile-card img{filter:invert()}}@media (width<=480px){.family-screen{margin-top:24px;padding:20px}.home-sections button{min-height:132px}.profile-card img{width:52px;height:52px}}