:root{color:#1d2b3a;font-synthesis:none;text-rendering:optimizelegibility;background:radial-gradient(circle at 12% 8%,#ffc4788c,#0000 28%),radial-gradient(circle at 90% 0,#8ed6ffb3,#0000 32%),linear-gradient(#fff8ee 0%,#e7f7ff 100%);font-family:Nunito,Avenir Next,Trebuchet MS,Segoe UI,sans-serif;font-size:18px;line-height:1.45}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline-offset:3px;outline:3px solid #0b5c52}main{place-items:center;min-height:100vh;padding:24px 16px 40px;display:grid}.screen{width:min(760px,100%)}.eyebrow{color:#0f7b6c;letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;font-weight:800}h1{margin:0;font-size:clamp(2rem,5vw,3.4rem);line-height:1.05}.lede,.consent p,.grownup p,.detail{color:#3d4d61}.lede{max-width:38rem;margin:12px 0 24px}.character-grid{gap:16px;display:grid}.character-card{text-align:left;width:100%;color:inherit;background:#ffffffeb;border:3px solid #0000;border-radius:28px;grid-template-columns:148px 1fr;align-items:center;gap:18px;padding:16px;display:grid;box-shadow:0 16px 40px #24324a14}.character-card.selected{border-color:#0f7b6c}.stage{background:radial-gradient(circle at 50% 42%,#fff 0%,#ffe7b8 46%,#c8f1ea 100%);border-radius:50%;place-items:center;width:148px;height:148px;display:grid}.stage svg{width:118px;height:auto}.character-copy{gap:4px;display:grid}.role{color:#c47e00;font-weight:800}.name{font-size:2rem;font-weight:800;line-height:1}.description{color:#3d4d61}.consent{background:#ffffffe0;border-radius:24px;margin-top:22px;padding:18px}.consent-check{align-items:flex-start;gap:12px;font-weight:800;display:flex}.consent-check input{accent-color:#0f7b6c;width:1.4rem;height:1.4rem;margin-top:.15rem}.primary,.control{border:0;border-radius:18px;min-height:64px;font-weight:800}.primary{color:#fff;background:#0f7b6c;width:100%;margin-top:18px}.primary:hover:not(:disabled){background:#0b5c52}.primary:disabled{background:#9aabb8}.setup-note{color:#3d4d61;margin:12px 0 0}.field{gap:6px;margin:0 0 14px;font-weight:800;display:grid}.field input,.field select{color:#1d2b3a;background:#fff;border:2px solid #d5e4ea;border-radius:14px;min-height:52px;padding:0 12px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:#fff;border:2px solid #d5e4ea;border-radius:999px;min-height:44px;padding:0 14px;font-weight:800}.chip[aria-pressed=true]{background:#dff6f1;border-color:#0f7b6c}.choice-row{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}label.consent{align-items:flex-start;gap:12px;font-weight:800;display:flex}label.consent input{accent-color:#0f7b6c;width:1.4rem;height:1.4rem;margin-top:.2rem}.heard{margin:0;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800}.portrait{width:min(240px,70vw)}.portrait svg{width:100%;height:auto}.friend-grid{grid-template-columns:1fr 1fr;gap:12px;width:min(560px,100%);display:grid}.friend-card{color:inherit;background:#fff;border:3px solid #0000;border-radius:22px;justify-items:center;gap:2px;padding:10px;display:grid;box-shadow:0 10px 24px #24324a14}.friend-card svg,.friend-card .friend-photo{width:96px;height:auto}.friend-photo{aspect-ratio:1;object-fit:cover;background:#fff6e4;border-radius:50%;width:78%}.friend-card span{font-weight:800}.friend-card small{color:#3d4d61}.friend-card.selected{background:#dff6f1;border-color:#0f7b6c}.call-screen .primary,.call-screen .choice-row,.call-screen .banner{width:min(560px,100%)}.text-button{color:#0f7b6c;background:0 0;border:0;min-height:44px;padding:0;font-weight:800}fieldset.field{border:0;padding:0}.banner,.detail{color:#8a2b2b;background:#fff1f0;border-radius:16px;margin:14px 0 0;padding:12px 14px}.grownup{color:#3d4d61;margin-top:18px}.grownup summary{cursor:pointer;font-weight:800}.call-screen{text-align:center;justify-items:center;display:grid}.call-stage{width:min(240px,70vw);height:min(240px,70vw);margin:12px 0;transition:transform .24s,box-shadow .24s}.call-stage svg{width:78%}.call-stage.listening{box-shadow:inset 0 0 0 8px #0f7b6c2e}.call-stage.thinking{box-shadow:inset 0 0 0 8px #2f6db040}.call-stage.speaking{transform:translateY(-4px);box-shadow:0 0 0 10px #ffb70359}.call-stage.connecting{box-shadow:inset 0 0 0 8px #3d4d6129}.call-stage.error{box-shadow:inset 0 0 0 8px #d6454547}.status{gap:4px;margin:8px 0 18px;display:grid}.status-label{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800}.status-hint{color:#3d4d61}.captions{text-align:left;background:#ffffffe6;border-radius:18px;width:min(560px,100%);min-height:92px;margin-bottom:18px;padding:12px 14px}.caption{margin:0 0 8px}.caption span{color:#0f7b6c;margin-right:8px;font-weight:800;display:inline-block}.caption.child span{color:#2f6db0}.caption.partial{opacity:.75}.caption.empty{color:#6b7c8f}.call-controls{grid-template-columns:1fr 1fr;gap:12px;width:min(560px,100%);display:grid}.control{color:#1d2b3a;background:#fff;box-shadow:0 8px 20px #24324a14}.control[aria-pressed=true]{background:#dff6f1}.control:disabled{opacity:.55}.end-call{color:#fff;background:#d64545;grid-column:1/-1}@media (width<=640px){.character-card{text-align:center;grid-template-columns:1fr;justify-items:center}.character-copy{justify-items:center}}@media (width>=800px){.call-controls{grid-template-columns:repeat(4,1fr)}.end-call{grid-column:auto}}@media (prefers-reduced-motion:reduce){.call-stage{transition:none;transform:none}}