:root{--bg: #f7f8fb;--surface: #ffffff;--surface-2: #f1f3f8;--border: #e5e7eb;--text: #111827;--text-muted: #6b7280;--text-faint: #9ca3af;--accent: #16a34a;--accent-600: #15803d;--danger: #dc2626;--warn: #d97706;--info: #2563eb;--purple: #7c3aed;--shadow-sm: 0 1px 2px rgba(17,24,39,.04);--shadow: 0 1px 3px rgba(17,24,39,.06), 0 1px 2px rgba(17,24,39,.04);--shadow-md: 0 4px 12px rgba(17,24,39,.06), 0 2px 4px rgba(17,24,39,.04);--shadow-lg: 0 20px 40px rgba(17,24,39,.12), 0 6px 12px rgba(17,24,39,.06);--radius-sm: 6px;--radius: 10px;--radius-md: 12px;--radius-lg: 16px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s6: 24px;--s8: 32px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}button,input,select,textarea{font-family:inherit}.online-dot{position:relative;display:inline-block;width:10px;height:10px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 2px #fff}.online-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:#22c55e;opacity:.4;animation:pulse 1.8s ease-out infinite}@keyframes pulse{0%{transform:scale(.6);opacity:.5}70%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}.chore-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;cursor:pointer;transition:background .15s ease;font-size:14px;color:var(--text)}.chore-row:hover{background:var(--surface-2)}.chore-row.done{color:var(--text-faint)}.chore-row.done .chore-text{text-decoration:line-through}.chore-check{width:18px;height:18px;border:1.5px solid #d1d5db;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;transition:all .18s ease}.chore-row.done .chore-check{background:var(--accent);border-color:var(--accent)}.chore-check svg{width:12px;height:12px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.6);transition:all .18s ease}.chore-row.done .chore-check svg{opacity:1;transform:scale(1)}.tabs-scroll::-webkit-scrollbar{height:4px}.tabs-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.kid-card{transition:transform .15s ease,box-shadow .15s ease}.kid-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #11182714,0 2px 4px #1118270a}.tab-item{transition:color .15s ease,border-color .15s ease}.tab-item:hover{color:var(--text)!important}.btn{transition:filter .15s ease,transform .08s ease,box-shadow .15s ease}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn-ghost:hover{background:var(--surface-2)!important}@media (max-width: 420px){.header-avatars{gap:6px!important}}.skeleton{background:linear-gradient(90deg,#eef0f5 25%,#f7f8fb,#eef0f5 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;display:block}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-host{position:fixed;z-index:10000;pointer-events:none;bottom:20px;right:20px;display:flex;flex-direction:column-reverse;gap:8px;align-items:flex-end;max-width:360px}@media (max-width: 768px){.toast-host{left:10px;right:10px;bottom:80px;align-items:center;max-width:none}}.toast{pointer-events:auto;background:var(--text);color:#fff;padding:10px 14px;border-radius:10px;box-shadow:var(--shadow-lg);font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px;min-width:220px;animation:toast-slide-in .25s cubic-bezier(.2,.9,.3,1.2)}.toast-icon{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0;background:#ffffff26}.toast-success{background:#166534}.toast-error{background:#991b1b}.toast-info{background:#1e40af}@keyframes toast-slide-in{0%{transform:translate(calc(100% + 20px));opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){@keyframes toast-slide-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}}.ring-pulse{animation:ring-pulse 1.2s ease-out 1}@keyframes ring-pulse{0%{transform:scale(1)}30%{transform:scale(1.08);filter:drop-shadow(0 0 6px rgba(34,197,94,.6))}to{transform:scale(1);filter:none}}body.kiosk-mode{font-size:18px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:manipulation}body.kiosk-mode button,body.kiosk-mode .btn{touch-action:manipulation;min-height:48px;font-size:1.05rem}body.kiosk-mode .chore-row{min-height:56px;font-size:1.1rem;padding:12px 10px}body.kiosk-mode .chore-check{width:26px;height:26px;border-width:2px;border-radius:7px}body.kiosk-mode .chore-check svg{width:18px;height:18px}body.kiosk-mode .tabs-scroll,body.kiosk-mode .kiosk-hidden{display:none!important}.kiosk-container{max-width:1200px;margin:0 auto;padding:24px;min-height:100vh}.kiosk-picker-wrap{padding:20px 8px 40px}.kiosk-picker-hero{font-size:34px;font-weight:800;text-align:center;margin:8px 0 6px;color:var(--text)}.kiosk-picker-sub{text-align:center;color:var(--text-muted);font-size:15px;margin-bottom:28px}.kiosk-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 900px){.kiosk-picker-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (max-width: 560px){.kiosk-picker-grid{grid-template-columns:1fr}}body.kiosk-mode .kid-picker-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:230px;padding:22px 14px;border-radius:20px;cursor:pointer;font-size:1.5rem;transition:transform .12s ease,filter .12s ease,box-shadow .15s ease;box-shadow:0 4px 12px #1118270f}body.kiosk-mode .kid-picker-tile:active{transform:scale(.97);filter:brightness(1.05)}.kid-picker-tile-name{font-size:28px;font-weight:900;letter-spacing:1px}.kid-picker-tile-label{font-size:14px;color:var(--text-muted);font-weight:600}.kiosk-dashboard{display:flex;flex-direction:column;gap:18px;padding-top:6px}.kiosk-hello{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow)}.kiosk-hello-name{font-size:28px;font-weight:900;line-height:1.1}.kiosk-hello-date{font-size:14px;color:var(--text-muted);margin-top:4px}.kiosk-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kiosk-stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;text-align:center;box-shadow:var(--shadow)}.kiosk-stat-num{font-size:26px;font-weight:800;color:var(--text)}.kiosk-stat-lbl{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-weight:600}.celebration-banner{animation:celeb-bounce .5s cubic-bezier(.2,1.5,.5,1);cursor:pointer}@keyframes celeb-bounce{0%{transform:translate(-50%,-80px) scale(.9);opacity:0}60%{transform:translate(-50%,10px) scale(1.05);opacity:1}to{transform:translate(-50%) scale(1);opacity:1}}