:root{--accent:#2f8f72;--accent-strong:#206653;--bg:#f7f4ee;--border:#ddd6c8;--card:#fff;--coral:#e86f51;--coral-bg:#fff0ea;--gold:#c48718;--gold-bg:#fff5d8;--mint:#dff4e9;--muted:#686f78;--shadow:0 16px 36px #40342617;--status:#5f6872;--status-bg:#edf0f2;--success:#28775e;--success-bg:#e2f5eb;--surface:#fffcf6;--teal:#2b7a88;--teal-bg:#e3f4f6;--text:#3d4650;--text-strong:#18212b;--warning:#a75f00;--warning-bg:#fff0c8;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}*,:before,:after{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.app-shell{width:min(1440px,100%);margin:0 auto;padding:28px}.topbar,.summary-grid,.workspace,.catalog,.form-row{gap:16px;display:grid}.topbar{grid-template-columns:1fr;align-items:center;margin-bottom:18px}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:800}button,input,select,textarea{font:inherit}button{border:1px solid var(--border);min-height:40px;color:var(--text-strong);background:var(--card);cursor:pointer;border-radius:8px;padding:0 14px}button:hover{border-color:var(--accent)}button:disabled{cursor:wait;opacity:.55}button.active,button[type=submit]{border-color:var(--accent);color:#fff;background:var(--accent)}h1,h2,h3,p{margin:0}h1{color:var(--text-strong);font-size:38px;line-height:1.05}h2{color:var(--text-strong);font-size:20px;line-height:1.2}h3{color:var(--text-strong);font-size:16px;line-height:1.25}.date-card,.metric,.panel,.task-panel,.max-progress{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.date-card{gap:8px;padding:14px;display:grid}.date-card span,.metric span,.leaderboard small,.task-main p,.chore-grid p,label{color:var(--muted)}.date-card span,label{font-size:13px;font-weight:800}.notice{border:1px solid var(--coral);color:#8a2d19;background:var(--coral-bg);border-radius:8px;margin-bottom:14px;padding:12px 14px}.topbar-actions{grid-template-columns:minmax(0,1fr) 230px 116px;align-items:stretch;gap:12px;display:grid}.topbar-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0}.topbar-summary .metric{min-height:54px;padding:10px 12px}.topbar-summary .metric strong{font-size:22px;line-height:1}.topbar-summary .metric span{font-size:11px}.user-switcher{position:relative}.current-user-card{border-color:var(--border);background:var(--card);width:116px;min-height:116px;box-shadow:var(--shadow);place-items:center;gap:4px;padding:10px;display:grid}.current-user-card span:last-child{max-width:100%;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;overflow:hidden}.big-avatar{background:var(--mint);border-radius:8px;place-items:center;width:66px;height:66px;font-size:42px;line-height:1;display:grid}.user-menu{z-index:15;border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:repeat(4,92px);gap:8px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 22px 50px #18212b2e}.user-menu button{place-items:center;gap:4px;min-height:104px;padding:8px;display:grid}.menu-avatar{background:var(--teal-bg);border-radius:8px;place-items:center;width:48px;height:48px;font-size:30px;line-height:1;display:grid}.user-menu strong,.user-menu small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.user-menu small{color:var(--muted);font-size:11px;font-weight:800}.pin-backdrop{z-index:20;background:#18212b61;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.pin-dialog{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:16px;width:min(360px,100%);padding:20px;display:grid;box-shadow:0 24px 64px #18212b38}.pin-dialog input{letter-spacing:0;text-align:center;font-size:24px}.pin-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.family-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.person-card{text-align:left;background:var(--card);grid-template-columns:48px minmax(0,1fr);align-items:center;gap:3px 12px;min-height:78px;padding:12px;display:grid}.person-card.active{background:var(--mint)}.person-card strong,.person-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.person-card small{color:var(--muted)}.avatar{color:#fff;background:var(--teal);border-radius:8px;grid-row:span 2;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.avatar.parent{background:var(--accent)}.avatar.child{background:var(--coral)}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.metric{gap:8px;padding:16px;display:grid}.metric strong{color:var(--text-strong);font-size:28px;line-height:1}.max-progress{background:var(--card);grid-template-columns:minmax(0,320px) minmax(160px,1fr);align-items:center;gap:20px;margin-bottom:18px;padding:18px;display:grid}.progress-track{background:var(--gold-bg);border:1px solid #d7c49c;border-radius:8px;height:18px;overflow:hidden}.progress-track span{background:var(--gold);height:100%;transition:width .18s;display:block}.workspace{grid-template-columns:minmax(0,1fr) 380px;align-items:start}.task-panel,.panel{padding:18px}.section-heading{grid-template-columns:1fr auto;align-items:center;gap:16px;margin-bottom:14px;display:grid}.task-list{gap:10px;display:grid}.task-row{border:1px solid var(--border);background:var(--card);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:90px;padding:14px;display:grid}.task-main{gap:7px;display:grid}.task-title-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.task-owner{color:var(--teal);font-size:13px;font-weight:800}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag-row span{width:fit-content;color:var(--accent-strong);background:var(--mint);border-radius:8px;padding:4px 8px;font-size:12px;font-weight:800}.task-actions{justify-content:flex-end;align-items:center;min-width:148px;display:flex}.task-actions strong{color:var(--success);font-size:18px}.action-hint{color:var(--muted);font-size:13px;font-weight:800}.status{background:var(--status-bg);width:fit-content;color:var(--status);border-radius:8px;padding:4px 9px;font-size:12px;font-weight:800}.status.completed{color:var(--warning);background:var(--warning-bg)}.status.confirmed{color:var(--success);background:var(--success-bg)}.status.needs_work{color:#8a2d19;background:var(--coral-bg)}.side-column{gap:16px;display:grid}.segmented{border:1px solid var(--border);background:var(--card);border-radius:8px;gap:6px;padding:4px;display:inline-flex}.rating-buttons{border:1px solid var(--border);background:var(--card);border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%;padding:4px;display:grid}.rating-buttons button{width:100%;padding:0}.task-actions .rating-buttons{width:min(240px,100%)}.behavior-list,.review-list{gap:10px;margin-top:14px;display:grid}.review-card{border:1px solid var(--border);background:var(--card);border-radius:8px;gap:10px;padding:12px;display:grid}.review-card div:first-child{gap:3px;display:grid}.review-card strong{color:var(--text-strong)}.review-card span{color:var(--muted);font-size:13px;font-weight:800}.behavior-row{border:1px solid var(--border);background:var(--card);border-radius:8px;gap:8px;padding:12px;display:grid}.behavior-row>span{color:var(--text-strong);font-weight:800}.leaderboard{gap:8px;margin:0;padding:0;list-style:none;display:grid}.leaderboard li{border:1px solid var(--border);background:var(--card);border-radius:8px;grid-template-columns:1fr auto;gap:2px 12px;padding:12px;display:grid}.leaderboard span{color:var(--text-strong);font-weight:800}.leaderboard strong,.chore-grid strong{color:var(--accent-strong)}.leaderboard small{grid-column:1/-1}.catalog{grid-template-columns:minmax(0,1fr) 420px;align-items:start;margin-top:18px}.chore-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:14px;display:grid}.chore-grid article{border:1px solid var(--border);background:var(--card);border-radius:8px;gap:10px;min-height:146px;padding:14px;display:grid}.chore-grid footer{justify-content:space-between;align-items:end;gap:12px;margin-top:auto;display:flex}.chore-grid span{color:var(--muted);font-size:13px}.week-grid{grid-template-columns:repeat(7,minmax(130px,1fr));gap:10px;display:grid;overflow-x:auto}.week-day{border:1px solid var(--border);background:var(--card);border-radius:8px;align-content:start;gap:8px;min-height:220px;padding:12px;display:grid}.week-day h3{color:var(--accent-strong)}.week-day p,.week-day small{color:var(--muted)}.week-day span{color:var(--text-strong);background:var(--teal-bg);border-radius:8px;padding:7px 8px;font-size:13px;display:block}.month-layout{gap:16px;display:grid}.month-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.month-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:8px;gap:10px;padding:18px;display:grid}.month-card .rank{color:#fff;background:var(--accent);border-radius:8px;width:fit-content;padding:4px 9px;font-weight:900}.month-card strong{color:var(--accent-strong);font-size:30px;line-height:1}.month-card p,.month-card small{color:var(--muted)}.month-progress{background:var(--gold-bg);border:1px solid #d7c49c;border-radius:8px;height:14px;overflow:hidden}.month-progress span{background:var(--gold);height:100%;display:block}.users-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.user-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:16px;display:grid}.user-card dl{grid-column:1/-1;gap:8px;margin:0;display:grid}.user-card dl div{border-top:1px solid var(--border);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.user-card dt{color:var(--muted);font-weight:800}.user-card dd{color:var(--text-strong);margin:0}.user-card button{grid-column:1/-1}.settings-note{color:var(--muted);margin-top:10px}.stack-form{gap:12px;margin-top:14px;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}label{gap:6px;display:grid}input,select,textarea{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text-strong);background:var(--card);border-radius:8px;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:3px solid #2f8f722e}textarea{resize:vertical;min-height:92px}.empty{border:1px dashed var(--border);color:var(--muted);background:var(--card);border-radius:8px;padding:28px}@media (width<=1080px){.topbar,.workspace,.catalog,.max-progress{grid-template-columns:1fr}.topbar-actions{grid-template-columns:minmax(0,1fr) 230px 116px}.topbar-summary{min-width:0}.family-board,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.app-shell{padding:16px}h1{font-size:30px}.family-board,.form-row{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading,.task-row{grid-template-columns:1fr}.task-actions{justify-content:flex-start}.topbar-actions{grid-template-columns:1fr}.date-card{order:2}.user-switcher{order:3}.topbar-summary{order:1}.current-user-card{width:100%}.user-menu{grid-template-columns:repeat(3,minmax(0,1fr));left:0;right:0}.segmented,.rating-buttons{flex-wrap:wrap;justify-content:flex-start}}