*{box-sizing:border-box;margin:0}:root{--ink:#1f2937;--muted:#6b7280;--brand:#6d5ae8;--brand-dark:#5243c9;--bg:#f6f5fb;--card:#fff;--danger:#dc2626;--ok:#16a34a;--warn:#d97706;--radius:14px}body{color:var(--ink);background:var(--bg);font-family:-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer;border:none;border-radius:10px}input,select{font:inherit;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:10px 12px}input:focus,select:focus{outline:2px solid var(--brand);border-color:#0000}.page{flex-direction:column;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.card{background:var(--card);border-radius:var(--radius);width:100%;max-width:420px;padding:24px;box-shadow:0 1px 8px #1f293714}.wide{max-width:860px}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:10px;display:flex}.grow{flex:1}.title{font-size:26px;font-weight:700}.subtitle{color:var(--muted);font-size:14px}.error{color:var(--danger);font-size:14px}.notice{color:#92400e;background:#fef3c7;border-radius:10px;padding:10px 12px;font-size:14px}.btn{background:var(--brand);color:#fff;padding:11px 18px;font-weight:600}.btn:hover{background:var(--brand-dark)}.btn.ghost{color:var(--brand-dark);background:#eef2ff}.btn.small{padding:7px 12px;font-size:13px}.btn.ok{background:var(--ok)}.btn.danger{background:var(--danger)}.btn:disabled{opacity:.5;cursor:default}.tabs{gap:8px;margin:16px 0;display:flex}.tab{color:var(--brand-dark);background:#e9e7f6;border-radius:999px;padding:9px 16px;font-weight:600}.tab.active{background:var(--brand);color:#fff}.chip{color:var(--brand-dark);background:#eef2ff;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.chip button{color:inherit;background:0 0;padding:0;font-size:15px;line-height:1}.pill{text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.pill.low{color:#166534;background:#dcfce7}.pill.medium{color:#92400e;background:#fef3c7}.pill.high{color:#991b1b;background:#fee2e2}.pill.pending{color:#92400e;background:#fef3c7}.pill.approved{color:#166534;background:#dcfce7}.pill.blocked,.pill.expired{color:#991b1b;background:#fee2e2}.list-item{border-radius:var(--radius);border:1px solid #e5e7eb;padding:14px}.plan-banner{border-radius:var(--radius);background:#eef2ff;border:1px solid #dfe3ff;align-items:center;gap:12px;padding:14px 16px;display:flex}.plan-banner.premium{background:#fff7e6;border-color:#fde3b3}.referral-card{border:1px dashed var(--brand);border-radius:var(--radius);background:#faf9ff;padding:14px 16px}.kid{background:linear-gradient(160deg,#ffe9f2 0%,#e8f4ff 55%,#eafff3 100%)}.kid .card{border-radius:24px}.kid-header{align-items:center;gap:10px;width:100%;max-width:640px;padding:4px 4px 14px;display:flex}.kid-avatar{font-size:34px}.kid-name{font-size:20px;font-weight:800}.chat{flex-direction:column;flex:1;gap:10px;width:100%;max-width:640px;padding-bottom:90px;display:flex;overflow-y:auto}.bubble{white-space:pre-wrap;border-radius:20px;max-width:82%;padding:12px 16px;font-size:16px;line-height:1.45}.bubble.user{background:var(--brand);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.bubble.assistant{background:#fff;border-bottom-left-radius:6px;align-self:flex-start;box-shadow:0 1px 4px #1f293714}.bubble.system{color:#9a3412;background:#fff7ed;border:1px dashed #fdba74;align-self:flex-start;font-size:14px}.composer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.composer .inner{gap:8px;width:100%;max-width:640px;display:flex}.composer input{border-radius:999px;padding:12px 18px}.composer .btn{border-radius:999px}.mic{background:#eef2ff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;line-height:1;display:flex}.mic:hover{background:#e0e7ff}.mic:disabled{opacity:.5}.mic.listening{background:var(--danger);animation:1.2s ease-in-out infinite mic-pulse}@keyframes mic-pulse{0%,to{box-shadow:0 0 #dc262680}50%{box-shadow:0 0 0 8px #dc262600}}.composer-col{flex-direction:column;gap:8px;width:100%;max-width:640px;display:flex}.attach-preview{align-self:flex-start;position:relative}.attach-preview img{border-radius:12px;height:72px;display:block}.attach-preview button{background:var(--danger);color:#fff;border-radius:999px;width:24px;height:24px;font-size:15px;line-height:1;position:absolute;top:-8px;right:-8px}.bubble-img{border-radius:14px;width:260px;max-width:100%;margin-bottom:6px;display:block}.bubble.user .bubble-img{margin-left:auto}.mic.convo{background:var(--brand);color:#fff;animation:1.6s ease-in-out infinite mic-pulse}.read-btn{vertical-align:middle;background:#eef2ff;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;margin-left:8px;font-size:14px;display:inline-flex}.read-btn:hover{background:#e0e7ff}.jump-latest{z-index:5;background:var(--brand);color:#fff;border-radius:999px;padding:8px 16px;font-weight:600;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #1f293733}.jump-latest:hover{background:var(--brand-dark)}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.avatar-grid button{background:#f3f4f6;border-radius:14px;padding:10px;font-size:30px}.avatar-grid button.selected{outline:3px solid var(--brand);background:#eef2ff}