:root{--text:#24313f;--muted:#64748b;--heading:#101827;--bg:#f8fafc;--surface:#fff;--soft:#eef4f8;--border:#d8dee8;--primary:#166f7a;--focus:#d78b33;letter-spacing:0;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100svh}body{margin:0}*{box-sizing:border-box}h1{color:var(--heading);margin:0;font-size:clamp(2.25rem,7vw,4rem);line-height:1}h2{color:var(--heading);margin:0;font-size:1.25rem}p{margin:0}.app-shell{gap:20px;width:min(100%,980px);margin:0 auto;padding:16px;display:grid}.top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.top-bar nav{flex-wrap:wrap;gap:8px;display:flex}button{border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--heading);font:inherit;cursor:pointer;border-radius:8px;font-weight:700}button:disabled{cursor:wait;opacity:.7}input,select,textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-height:46px;color:var(--heading);font:inherit;border-radius:8px;padding:10px 12px}textarea{resize:vertical;min-height:88px}label{color:var(--heading);gap:6px;font-weight:700;display:grid}fieldset{border:1px solid var(--border);border-radius:8px;gap:10px;padding:12px;display:grid}legend{color:var(--heading);padding:0 4px;font-weight:800}button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.brand-button{background:0 0;border-color:#0000;padding:0;font-size:1.1rem}.top-bar nav button{padding:8px 12px}.screen{gap:20px;display:grid}.household-dashboard{gap:16px}.household-header{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;padding:16px;display:flex}.household-header h1{margin:2px 0}.household-header p{color:var(--muted);font-weight:700}.household-header>strong{color:var(--heading);font-size:.95rem}.dashboard-grid,.summary-grid{gap:12px;display:grid}.attention-panel{border-color:color-mix(in srgb, var(--primary) 55%, var(--border))}.attention-list,.helper-list,.your-chore-list{gap:10px;display:grid}.attention-item,.helper-row,.your-chore-row{border:1px solid var(--border);background:var(--soft);border-radius:8px;gap:4px;padding:12px;display:grid}.attention-item.urgent{background:#fff7f7;border-color:#f3b4b4}.attention-item span,.attention-item small,.your-chore-row span{color:var(--muted);font-weight:700}.helper-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.your-chore-row.done{background:#effaf3;border-color:#98d7b1}.compact-action{justify-self:start;min-height:40px;padding:6px 12px}.compact-list{gap:8px}.history-filters{grid-template-columns:1fr}.segmented-control{flex-wrap:wrap;gap:8px;display:flex}.segmented-control button{min-height:40px;padding:6px 12px}.segmented-control button.selected{border-color:var(--primary);background:var(--primary);color:#fff}.metric-card{gap:6px}.metric-card span{color:var(--muted);font-weight:800}.metric-card strong{color:var(--heading);font-size:1.3rem}.display-screen{gap:20px;display:grid}.display-screen.low-light{--text:#d6d3c8;--muted:#aaa38f;--heading:#fff9e8;--surface:#171814;--soft:#24251f;--border:#383a31;--primary:#8c9b5f;background:#10110e;border-radius:8px;padding:12px}.display-hero{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:8px;gap:6px;padding:22px;display:grid}.display-hero h1{font-size:clamp(4rem,16vw,8rem)}.display-hero p{color:var(--muted);font-size:1.2rem;font-weight:800}.display-grid{gap:16px;display:grid}.screen.narrow{max-width:480px}.screen-heading{gap:8px;padding-top:12px;display:grid}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800}.choice-grid,.chores-layout,.admin-layout{gap:16px;display:grid}.kiosk-screen{gap:28px}.kiosk-logout-action{justify-self:center;min-height:38px;margin-top:28px;padding:6px 12px;font-size:.9rem}.panel,.confirm-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:16px;padding:18px;display:grid}.button-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;display:grid}.button-grid button{min-height:72px;padding:12px;font-size:1.05rem}.member-choice{justify-items:center;gap:8px;display:grid}.button-grid.large button{min-height:92px;font-size:1.2rem}.avatar-heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.member-heading-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.member-change-action{min-height:42px;padding:8px 12px}.avatar-icon{border:2px solid var(--border);background:var(--soft);object-fit:cover;border-radius:50%;flex:none}.avatar-icon-small{width:36px;height:36px}.avatar-icon-medium{width:48px;height:48px}.avatar-icon-large{width:72px;height:72px}.avatar-line{align-items:center;gap:8px;min-width:0;display:inline-flex}.avatar-line strong,.avatar-line span{min-width:0}.avatar-stat{align-items:center;gap:8px;display:flex}.avatar-picker{gap:12px}.avatar-picker-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px;display:grid}.avatar-choice{background:var(--soft);text-align:center;justify-items:center;gap:6px;min-height:104px;padding:10px;display:grid}.avatar-choice img{border:2px solid var(--border);background:var(--surface);border-radius:50%;width:56px;height:56px}.avatar-choice span{color:var(--heading);font-size:.82rem;font-weight:800;line-height:1.15}.avatar-choice:hover,.avatar-choice.selected{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent)}.bug-icon{object-fit:contain;flex:none}.bug-icon-small{width:40px;height:40px}.bug-icon-medium{width:64px;height:64px}.bug-icon-large{width:96px;height:96px}.reward-notice{align-items:center;gap:10px;display:flex}.bug-teaser{align-items:center}.bug-teaser-strip{flex-wrap:wrap;gap:6px;display:flex}.bug-box-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.bug-play-shell{justify-items:center;gap:14px;display:grid}.bug-play-box{aspect-ratio:4/5;touch-action:manipulation;background:radial-gradient(circle at 22px 22px,#ffffff8c 0 3px,#0000 4px) 0 0/44px 44px,linear-gradient(#e0f2fe 0%,#fef3c7 100%);border:5px solid #8b5a2b;border-radius:14px;width:min(100%,680px);min-height:520px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #ffffff73,inset 0 -18px #92400e1f,0 12px 26px #2925241f}.bug-play-box.interactive{cursor:pointer}.bug-play-box.interactive:focus-visible{outline-offset:4px;outline:4px solid #2563eb8c}.bug-play-box:after{content:"";background:#29252414;border-radius:999px;height:10px;position:absolute;inset:auto 18px 14px}.bug-sprite{z-index:1;transform-origin:50%;-webkit-user-select:none;user-select:none;will-change:transform;width:108px;height:108px;position:absolute;top:0;left:0}.bug-sprite-image{object-fit:contain;filter:drop-shadow(0 7px 4px #2925242e);pointer-events:none;width:100%;height:100%;transition:transform .16s,filter .16s;display:block}.bug-sprite.muted .bug-sprite-image{filter:drop-shadow(0 6px 4px #2925242e)grayscale(.28)saturate(.72)}.bug-sprite.sad-shake{animation:.12s linear infinite bug-sad-shake}.bug-explosion{z-index:4;pointer-events:none;animation:.52s ease-out forwards bug-explode;position:absolute}.bug-explosion img{object-fit:contain;filter:brightness(1.35)drop-shadow(0 0 10px #facc15cc);width:100%;height:100%;position:absolute;inset:0}.bug-explosion span{background:#facc15;border:2px solid #292524;border-radius:999px;width:11px;height:11px;animation:.52s ease-out forwards bug-burst;position:absolute;top:50%;left:50%}.bug-explosion span:nth-child(3n){background:#fb7185}.bug-explosion span:nth-child(3n+1){background:#38bdf8}.bug-easter-egg-message{color:#7c2d12;background:#fff7ed;border:1px solid #f5c16c;border-radius:8px;width:min(100%,680px);margin:0;padding:12px 14px;font-weight:800;line-height:1.45}.bug-easter-egg-message strong{margin-bottom:6px;display:block}.bug-easter-egg-message p{white-space:pre-line;margin:0}.bug-debug-counter{color:#334155;text-align:center;background:#f8fafc;border:1px dashed #94a3b8;border-radius:8px;width:min(100%,680px);margin:0;padding:8px 10px;font-size:.9rem;font-weight:800}.bug-box-empty{text-align:center;align-content:center;justify-items:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.bug-box-empty h2{margin:0}.bug-box-empty p{color:var(--muted);margin:0;font-weight:700}.bug-summary-list{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.bug-summary-list span{border:1px solid var(--border);background:var(--soft);border-radius:999px;padding:6px 10px}@media (width<=560px){.bug-play-box{aspect-ratio:3/4;border-width:4px;min-height:460px}}@keyframes bug-explode{0%{opacity:1;transform:scale(1)rotate(0)}45%{opacity:1;transform:scale(1.85)rotate(180deg)}to{opacity:0;transform:scale(.15)rotate(390deg)}}@keyframes bug-burst{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.35)}}@keyframes bug-sad-shake{0%,to{margin-left:0}25%{margin-left:-3px}75%{margin-left:3px}}@media (prefers-reduced-motion:reduce){.bug-sprite.sad-shake{animation:none}.bug-explosion,.bug-explosion span{animation-duration:.18s}}.setup-tile-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.setup-tile-grid button{text-align:left;align-content:center;gap:8px;min-height:120px;padding:18px;display:grid}.setup-tile-grid strong{font-size:1.2rem}.setup-tile-grid span{color:var(--muted);font-weight:600}.setup-back{justify-self:start}.setup-form-panel{max-width:620px}.member-grid,.chore-grid,.member-grid-header,.member-grid-row,.chore-grid-header,.chore-grid-row{gap:8px;display:grid}.member-grid-header,.chore-grid-header{color:var(--muted);text-transform:uppercase;font-size:.82rem;font-weight:800;display:none}.member-grid-row,.chore-grid-row{border:1px solid var(--border);background:var(--soft);border-radius:8px;padding:12px}.member-grid-row span,.chore-grid-row span{color:var(--muted);font-weight:700}.chore-grid-row span{overflow-wrap:anywhere}.member-grid-actions,.chore-grid-actions{flex-wrap:wrap;gap:8px;display:flex}.member-grid-actions button,.chore-grid-actions button{min-height:40px;padding:6px 12px}.primary-action,.secondary-action{padding:12px 16px}.primary-action{border-color:var(--primary);background:var(--primary);color:#fff}.secondary-action{background:var(--soft)}.danger-action{color:#8a1f1f;background:#fff1f1;border-color:#f3b4b4}.chore-list{gap:10px;display:grid}.chore-button{text-align:left;justify-items:start;gap:4px;min-height:74px;padding:14px;display:grid}.chore-button small{color:var(--muted);font-weight:600}.today-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.status-grid,.kiosk-status{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.status-grid div,.kiosk-status div{border:1px solid var(--border);background:var(--soft);border-radius:8px;gap:4px;padding:12px;display:grid}.status-grid strong,.kiosk-status strong{color:var(--heading);font-size:1.35rem;line-height:1.1}.status-grid span,.kiosk-status span{color:var(--muted);font-weight:700}.suggestion-list,.rhythm-list{gap:8px;display:grid}.rhythm-list p{border-left:4px solid var(--primary);color:var(--heading);padding-left:10px;font-weight:700}.suggestion-list p{border-left:4px solid var(--primary);padding-left:10px}.kiosk-status{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:12px}.today-summary div{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-items:center;padding:14px 8px;display:grid}.today-summary strong{color:var(--heading);font-size:2rem;line-height:1}.big-number{color:var(--heading);font-size:clamp(3rem,12vw,5rem);line-height:1}.today-summary span{color:var(--muted);font-weight:700}.confirm-panel{justify-items:start}.confirm-panel h2{font-size:clamp(2rem,8vw,3.5rem)}.confirm-panel span{color:var(--muted);font-weight:700}.action-row{flex-wrap:wrap;gap:12px;width:100%;display:flex}.action-row button{flex:180px}.history-list{gap:10px;display:grid}.history-item,.read-item{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;padding:14px;display:grid}.history-item div,.history-meta{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.history-note{border-left:4px solid var(--border);color:var(--text);padding-left:10px}.activity-feed{gap:10px;display:grid}.activity-feed article{border-left:4px solid var(--border);gap:2px;padding-left:10px;display:grid}.activity-feed small{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-weight:700;display:flex}.activity-day-badge{border-radius:999px;align-items:center;min-height:22px;padding:2px 8px;font-size:.78rem;font-weight:900;display:inline-flex}.activity-day-badge.today{color:#17633a;background:#dff6e7}.activity-day-badge.yesterday{color:#7a4d00;background:#fff0c7}.activity-day-badge.weekday{color:#214f8f;background:#e4eefc}.quick-action-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.quick-action-grid button{min-height:68px;padding:10px}.history-meta{color:var(--muted);font-size:.92rem;font-weight:600}.read-list{gap:10px;display:grid}.read-item span{color:var(--muted);font-size:.92rem;font-weight:600}.read-item button{justify-self:start;min-height:40px;padding:6px 12px}.check-row{grid-template-columns:auto 1fr;align-items:center}.check-row input{width:20px;min-height:20px}.notice{border:1px solid var(--border);background:var(--soft);border-radius:8px;padding:12px;font-weight:700}.notice.error{color:#8a1f1f;background:#fff1f1;border-color:#f3b4b4}.notice.success{color:#166534;background:#effaf3;border-color:#98d7b1}.empty-state{color:var(--muted)}@media (width>=760px){.app-shell{padding:28px}.choice-grid,.chores-layout,.admin-layout,.display-grid,.dashboard-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.history-filters{grid-template-columns:minmax(240px,1fr) minmax(160px,.7fr) minmax(180px,.8fr);align-items:end}.member-grid-header,.member-grid-row{grid-template-columns:minmax(140px,1.4fr) minmax(80px,.8fr) minmax(90px,.7fr) minmax(70px,.6fr) minmax(150px,1fr);align-items:center}.chore-grid-header,.chore-grid-row{grid-template-columns:minmax(90px,1.2fr) minmax(120px,1.5fr) minmax(78px,.8fr) minmax(88px,.9fr) minmax(64px,.6fr) minmax(70px,.7fr) minmax(56px,.6fr) minmax(74px,.7fr);align-items:center}.member-grid-header,.chore-grid-header{padding:0 12px;display:grid}.kiosk-screen .button-grid.large{grid-template-columns:repeat(3,minmax(0,1fr))}.kiosk-screen .button-grid.large button{min-height:124px;font-size:1.45rem}}