:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#16312e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface:#fffcf6d1;--surface-strong:#fffaf1f2;--surface-accent:#fff4e1bf;--line:#16312e17;--brand:#10403b;--warm:#c6772b;--warm-deep:#a8541a;--copy-soft:#526762;--danger:#b42318;--success:#155c4e;--shadow:0 32px 80px #292e2514;background:radial-gradient(circle at 0 0,#e5ac5a38,#0000 28%),radial-gradient(circle at 100% 0,#307a7224,#0000 26%),linear-gradient(#f5f0e4 0%,#f0eadb 58%,#efe5d4 100%);font-family:Aptos,Segoe UI,Trebuchet MS,sans-serif;font-weight:400;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}img,video{max-width:100%;display:block}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.surface-card{background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffff80}.app-shell{grid-template-columns:minmax(290px,340px) minmax(0,1fr) minmax(280px,340px);gap:24px;width:min(1440px,100vw - 28px);min-height:100vh;margin:0 auto;padding:24px 0;display:grid}.sidebar,.chat-stage,.inspector,.auth-card,.auth-hero{border-radius:28px}.sidebar,.inspector{flex-direction:column;gap:18px;padding:24px;display:flex}.chat-stage{flex-direction:column;min-height:calc(100vh - 48px);display:flex;overflow:hidden}.brand-lockup{align-items:flex-start;gap:16px;display:flex}.brand-mark{background:linear-gradient(145deg, var(--brand), var(--warm));color:#fff;border-radius:18px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 12px 32px #10403b33}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--warm-deep);margin:0 0 4px;font-size:.73rem;font-weight:700}h1,h2,h3,p{margin:0}h1,h2,h3,strong{color:var(--brand)}h1{letter-spacing:-.03em;font-family:Trebuchet MS,Segoe UI Variable Display,sans-serif;font-size:clamp(1.8rem,1.1rem + 1.4vw,2.65rem);line-height:1.02}h2{letter-spacing:-.02em;font-size:1.3rem;line-height:1.12}h3{font-size:1.08rem}.hero-copy,.header-subcopy,.conversation-copy p,.identity-card p,.inspector-copy,.feature-list,.footnote,.empty-state p,.field span,.feedback,.status-tile span,.message-author,.message-body,.message-meta,.feature-callout p{color:var(--copy-soft)}.badge-row,.action-row,.toggle-row,.header-actions{flex-wrap:wrap;gap:10px;display:flex}.mode-pill{color:var(--brand);background:#10403b0f;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.92rem;font-weight:600;display:inline-flex}.mode-pill.is-secure{background:#10403b1f}.identity-card{background:var(--surface-accent);border:1px solid #c6772b24;border-radius:22px;align-items:center;gap:14px;padding:16px;display:flex}.avatar{color:#fff;border-radius:16px;place-items:center;width:52px;height:52px;font-weight:800;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.mini{border-radius:12px;width:36px;height:36px;font-size:.84rem}.section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--copy-soft);font-size:.83rem;font-weight:700}.profile-pill-list{flex-wrap:wrap;gap:8px;display:flex}.profile-pill,.toggle-button,.secondary-button,.ghost-button,.primary-button,.icon-button,.record-button,.send-button{transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.profile-pill,.toggle-button,.secondary-button,.ghost-button{border:1px solid var(--line);color:var(--brand);background:#fff9}.profile-pill{border-radius:999px;padding:10px 14px;font-weight:600}.profile-pill.is-active,.toggle-button.is-active{background:#10403b1f}.secondary-button,.ghost-button,.primary-button,.wide{border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:14px 16px;font-weight:700;text-decoration:none;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--brand), var(--warm));color:#fff;border:none}.ghost-button{justify-content:flex-start;width:100%}.secondary-button.wide{width:100%}.secondary-button:hover,.ghost-button:hover,.primary-button:hover,.toggle-button:hover,.profile-pill:hover,.icon-button:hover,.record-button:hover,.send-button:hover,.conversation-card:hover{transform:translateY(-1px)}.search-shell,.field{gap:8px;display:grid}.search-shell{border:1px solid var(--line);background:#fff9;border-radius:18px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px}.search-shell input,.field input,.field select,.composer-row textarea{color:var(--brand);background:0 0;border:none;outline:none}.conversation-list{flex-direction:column;gap:10px;display:flex}.conversation-card{text-align:left;background:#ffffff9e;border:1px solid #0000;border-radius:22px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:14px;display:grid}.conversation-card.is-active{background:#fffffff0;border-color:#10403b3d}.conversation-avatar{color:#fff;background:linear-gradient(145deg,#10403be6,#c6772be6);border-radius:16px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.conversation-topline{justify-content:space-between;gap:10px;margin-bottom:4px;display:flex}.conversation-copy{min-width:0}.conversation-copy p{white-space:nowrap;text-overflow:ellipsis;font-size:.93rem;overflow:hidden}.conversation-topline span{color:var(--copy-soft);font-size:.8rem}.unread-pill{background:linear-gradient(135deg, var(--warm), var(--warm-deep));color:#fff;border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 9px;font-size:.78rem;font-weight:800;display:inline-grid}.chat-header{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:24px 24px 18px;display:flex}.messages-panel{background:radial-gradient(circle at 100% 0,#c6772b1a,#0000 30%),linear-gradient(#fffcf638,#ffffff05);flex-direction:column;flex:1;gap:14px;padding:24px;display:flex;overflow-y:auto}.message-row{align-items:flex-end;gap:10px;max-width:min(78%,680px);display:flex}.message-row.is-mine{margin-left:auto}.message-bubble{background:#ffffffe0;border:1px solid #10403b14;border-radius:22px 22px 22px 8px;gap:8px;padding:14px 16px;display:grid}.message-bubble.is-mine{background:linear-gradient(145deg,#10403be6,#266e63eb);border:none;border-radius:22px 22px 8px}.message-bubble.is-mine .message-body,.message-bubble.is-mine .message-meta,.message-bubble.is-mine .message-author{color:#ffffffe6}.message-author{font-size:.8rem;font-weight:700}.message-body{white-space:pre-wrap;overflow-wrap:anywhere}.message-media{object-fit:cover;border-radius:18px;max-height:320px}.message-audio{width:min(320px,100%)}.message-meta{justify-content:flex-end;gap:10px;font-size:.77rem;display:flex}.composer-card{border-top:1px solid var(--line);background:#fffbf4d1;padding:16px 20px 22px}.composer-row{grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:end;gap:12px;display:grid}.composer-row textarea{resize:none;border:1px solid var(--line);background:#ffffffd9;border-radius:18px;min-height:54px;max-height:180px;padding:15px 16px}.icon-button,.record-button,.send-button{border:1px solid var(--line);width:48px;height:48px;color:var(--brand);background:#ffffffbf;border-radius:16px;place-items:center;display:grid}.record-button.is-active,.send-button{color:#fff;background:linear-gradient(135deg, var(--brand), var(--warm));border:none}.recording-banner{color:var(--danger);background:#b4231814;border-radius:999px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;font-weight:700;display:inline-flex}.recording-dot{background:var(--danger);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 8px #b4231829}.empty-state{text-align:center;place-items:center;gap:10px;min-height:100%;padding:32px;display:grid}.empty-state svg{color:var(--warm)}.inspector{gap:16px}.inspector-card{border:1px solid var(--line);background:#ffffff9e;border-radius:22px;gap:16px;padding:18px;display:grid}.card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.feature-list{padding-left:1.15rem}.feature-list.compact{font-size:.95rem}.feature-list li+li{margin-top:8px}.status-grid{gap:12px;display:grid}.status-tile{background:#fff4e18f;border:1px solid #c6772b24;border-radius:18px;gap:6px;padding:14px;display:grid}.check-row{border-bottom:1px dashed #10403b1f;justify-content:space-between;gap:14px;padding-bottom:10px;font-size:.95rem;display:flex}.feedback{border:1px solid #0000;border-radius:16px;padding:12px 14px;font-size:.94rem}.feedback.error{color:var(--danger);background:#b4231814;border-color:#b423182e}.feedback.success{color:var(--success);background:#155c4e14;border-color:#155c4e2e}.feedback.note{color:var(--brand);background:#10403b14;border-color:#10403b24}.kid-shell{width:min(760px,100vw - 20px);min-height:100vh;margin:0 auto;padding:12px 0}.kid-stage{grid-template-rows:auto auto auto 1fr auto;min-height:calc(100vh - 24px);display:grid;overflow:hidden}.kid-header{border-bottom:1px solid var(--line);padding:20px 20px 12px}.kid-conversations{gap:10px;padding:14px 20px 0;display:flex;overflow-x:auto}.kid-conversation,.emoji-chip{border:1px solid var(--line);color:var(--brand);background:#ffffffd1}.kid-conversation{white-space:nowrap;border-radius:999px;min-height:44px;padding:10px 16px;font-weight:700}.kid-conversation.is-active{background:#10403b1f}.kid-messages{padding-top:18px}.kid-composer{background:#fffbf4f0}.kid-composer-row{grid-template-columns:auto minmax(0,1fr) auto auto}.emoji-row{gap:10px;margin-bottom:14px;display:flex;overflow-x:auto}.emoji-chip{border-radius:16px;min-width:48px;height:48px;font-size:1.4rem}.kid-feedback{margin:12px 20px 0}.auth-screen{grid-template-columns:minmax(0,1fr) minmax(360px,430px);gap:24px;width:min(1180px,100vw - 28px);min-height:100vh;margin:0 auto;padding:24px 0;display:grid}.auth-hero,.auth-card{gap:20px;padding:32px;display:grid}.auth-hero{background:linear-gradient(160deg,#ffffffeb,#f7fcfad1),radial-gradient(circle at 100% 0,#10403b1f,#0000 32%);align-content:start}.auth-subcopy{color:var(--copy-soft);margin-top:8px;font-size:.96rem}.auth-steps{gap:12px;display:grid}.auth-step{background:#ffffffbd;border:1px solid #10403b14;border-radius:20px;gap:6px;padding:16px 18px;display:grid}.auth-step strong{font-size:.98rem}.auth-step span{color:var(--copy-soft);font-size:.94rem}.setup-banner{background:#10403b14;border:1px solid #10403b1f;border-radius:18px;gap:4px;padding:16px 18px;display:grid}.setup-banner span{color:var(--copy-soft);word-break:break-word}.auth-actions{gap:12px;display:grid}.auth-ghost{justify-content:center}.invite-list{gap:12px;display:grid}.invite-card{border:1px solid var(--line);background:#ffffffb8;border-radius:18px;gap:10px;padding:14px;display:grid}.invite-card p{color:var(--copy-soft);margin-top:4px}.invite-card code{width:fit-content;color:var(--brand);letter-spacing:.05em;background:#10403b14;border-radius:12px;padding:10px 12px;font-size:1rem;font-weight:700;display:inline-flex}.hero-grid{flex-wrap:wrap;gap:12px;display:flex}.hero-chip{color:var(--brand);background:#fff4e1c7;border:1px solid #c6772b29;border-radius:999px;align-items:center;gap:10px;padding:12px 14px;font-weight:600;display:inline-flex}.feature-callout{color:#fffffff5;background:linear-gradient(145deg,#10403bf5,#185c53f0);border-radius:24px;gap:10px;padding:20px;display:grid}.feature-callout h2,.feature-callout p{color:inherit}.toggle-row{background:#10403b0f;border-radius:18px;padding:6px}.toggle-button{border-radius:14px;flex:1;min-height:48px}.field input,.field select{border:1px solid var(--line);background:#ffffffd6;border-radius:16px;min-height:52px;padding:0 16px}@media (width<=1160px){.app-shell{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}.inspector{grid-column:1/-1}.auth-screen{grid-template-columns:1fr}}@media (width<=860px){.app-shell,.auth-screen{width:min(100vw - 20px,960px);padding:10px 0 18px}.app-shell{grid-template-columns:1fr}.sidebar,.chat-stage,.inspector,.auth-card,.auth-hero{border-radius:24px}.chat-stage{min-height:72vh}.message-row{max-width:100%}}@media (width<=620px){.sidebar,.inspector,.auth-card,.auth-hero{padding:18px}.chat-header,.messages-panel,.composer-card{padding-inline:16px}.chat-header{padding-top:18px}.composer-row{grid-template-columns:auto minmax(0,1fr) auto auto}.composer-row .icon-button:nth-of-type(2){display:none}.conversation-card{grid-template-columns:42px minmax(0,1fr) auto;gap:12px}}