:root{--bg:#edf3f7;--surface:#fff;--text:#1a1a1a;--text-muted:#666;--border:#e0e0e0;--teal-fill:#e1f5ee;--teal-text:#085041;--teal-bar:#1d9e75;--purple-fill:#eeedfe;--purple-text:#3c3489;--purple-bar:#7f77dd;--coral-fill:#faece7;--coral-text:#712b13;--coral-bar:#d85a30;--pink-fill:#fbeaf0;--pink-text:#72243e;--pink-bar:#d4537e;--blue-fill:#e8f0fa;--blue-text:#1a3a5c;--blue-bar:#3b7dd8;--touch-min:48px;--font-min:14px;--transition-fast:.15s}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px}button{font:inherit;cursor:pointer;min-width:var(--touch-min);min-height:var(--touch-min);background:0 0;border:none}input{font:inherit}.member-teal{--member-fill:var(--teal-fill);--member-text:var(--teal-text);--member-bar:var(--teal-bar)}.member-purple{--member-fill:var(--purple-fill);--member-text:var(--purple-text);--member-bar:var(--purple-bar)}.member-coral{--member-fill:var(--coral-fill);--member-text:var(--coral-text);--member-bar:var(--coral-bar)}.member-pink{--member-fill:var(--pink-fill);--member-text:var(--pink-text);--member-bar:var(--pink-bar)}.member-blue{--member-fill:var(--blue-fill);--member-text:var(--blue-text);--member-bar:var(--blue-bar)}.dashboard{flex-direction:column;gap:12px;height:100%;padding:12px 16px;display:flex;overflow:hidden}.loading{justify-content:center;align-items:center;height:100%;font-size:24px;display:flex}.top-bar{min-height:var(--touch-min);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.top-bar-left{align-items:baseline;gap:20px;display:flex}.date-text{font-size:22px;font-weight:600}.clock{font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.weather{font-size:20px}.weather-hl{color:var(--text-muted);font-size:16px}.top-bar-right{align-items:center;gap:8px;display:flex}.offline-dot{color:#d85a30;font-size:14px}.lang-toggle{min-width:auto;min-height:var(--touch-min);padding:0 12px;font-size:16px}.lang-toggle .active{font-weight:700}.lang-toggle .sep{color:var(--text-muted);margin:0 4px}.lock-btn{font-size:22px}.next-up{background:var(--surface);border:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:14px 20px;font-size:22px;font-weight:600;display:flex}.next-up-label{color:var(--text-muted);font-weight:500}.next-up-event+.next-up-event:before{content:" · ";color:var(--text-muted)}.setup-banner{color:#712b13;background:#faece7;border:1px solid #d85a30;flex-shrink:0;padding:14px 20px;font-size:18px;font-weight:600}.member-columns{flex:1;gap:12px;min-height:0;display:flex;overflow:hidden}.member-column{background:var(--surface);border:1px solid var(--border);min-width:0;color:var(--member-text);background:var(--member-fill);transition:opacity var(--transition-fast);flex-direction:column;flex:1;gap:10px;padding:12px;display:flex}.member-column.goal-reached{border-width:2px;border-color:var(--member-bar)}.member-header{align-items:center;gap:10px;display:flex}.avatar{background:var(--member-bar);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.member-name{font-size:20px;font-weight:700}.trophy{font-size:22px}.progress-row{flex-direction:column;gap:4px;display:flex}.progress-bar{background:rgba(0,0,0,.08);border-radius:2px;height:12px;overflow:hidden}.progress-fill{background:var(--member-bar);height:100%;transition:width var(--transition-fast)}.progress-text{font-size:var(--font-min);font-weight:600}.done-count{font-size:16px;font-weight:600}.chore-list{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.chore-chip{min-height:var(--touch-min);background:var(--surface);border:1px solid var(--border);color:var(--text);text-align:left;width:100%;transition:background var(--transition-fast), border-color var(--transition-fast);align-items:center;gap:8px;padding:10px 14px;font-size:16px;display:flex}.chore-chip.done{background:var(--member-fill);border-color:var(--member-bar);color:var(--member-text)}.chore-chip .check{color:var(--member-bar);font-weight:700}.xp-badge{font-size:var(--font-min);color:var(--member-bar);margin-left:auto;font-weight:700}.bottom-row{flex-shrink:0;gap:12px;height:160px;display:flex}.bottom-card{background:var(--surface);border:1px solid var(--border);flex-direction:column;flex:1;min-width:0;padding:12px 16px;display:flex}.bottom-card h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:16px;font-weight:700}.dinner-text{cursor:pointer;font-size:20px;font-weight:600}.dinner-edit{gap:8px;display:flex}.dinner-edit input{border:1px solid var(--border);flex:1;padding:8px}.grocery-list{flex:1;list-style:none;overflow-y:auto}.grocery-list li{align-items:center;gap:8px;padding:4px 0;font-size:16px;display:flex}.grocery-list li.done span{color:var(--text-muted);text-decoration:line-through}.grocery-check,.grocery-remove{min-width:36px;min-height:36px;font-size:18px}.grocery-add{gap:8px;margin-top:auto;display:flex}.grocery-add input{border:1px solid var(--border);font-size:var(--font-min);flex:1;padding:8px}.placeholder-card p{color:var(--text-muted);font-size:16px}.modal-overlay{z-index:100;background:rgba(0,0,0,.4);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--surface);border:1px solid var(--border);width:90%;max-width:480px;max-height:80vh;padding:24px;overflow-y:auto}.pin-modal h2{text-align:center;margin-bottom:16px}.pin-dots{justify-content:center;gap:16px;margin-bottom:16px;display:flex}.pin-dot{border:2px solid var(--text);border-radius:50%;width:16px;height:16px}.pin-dot.filled{background:var(--text)}.pin-error{color:#d85a30;text-align:center;margin-bottom:12px}.pin-pad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pin-key{background:var(--bg);border:1px solid var(--border);font-size:24px;font-weight:600}.parent-panel{max-width:640px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-tabs{gap:8px;margin-bottom:16px;display:flex}.panel-tabs button{border:1px solid var(--border);font-size:var(--font-min);padding:8px 16px}.panel-tabs button.active{background:var(--bg);font-weight:700}.panel-list{font-size:var(--font-min);list-style:none}.panel-list li{border-bottom:1px solid var(--border);padding:6px 0}.reward-row{border-bottom:1px solid var(--border);font-size:var(--font-min);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;display:flex}.reward-row button{font-size:var(--font-min);border:1px solid var(--border);min-width:auto;min-height:auto;padding:6px 10px}@media (max-width:900px){.member-columns{flex-wrap:wrap;overflow-y:auto}.member-column{min-width:45%}.bottom-row{flex-direction:column;height:auto}}