:root{--red:#b3001b;--amber-bg:#fff4d6;--amber-border:#c98a00;--ink:#1b1f24;--muted:#5a6470;--brand:#005a8c;color:var(--ink);background:#f5f7fa;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}.safety-framing{z-index:10;position:sticky;top:0}.emergency-banner{background:var(--red);color:#fff;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.6rem 1rem;font-size:1.05rem;display:flex}.emergency-call{color:var(--red);background:#fff;border-radius:4px;margin-left:auto;padding:.25rem .75rem;font-weight:700;text-decoration:none}.demo-notice{background:var(--amber-bg);border-bottom:2px solid var(--amber-border);padding:.5rem 1rem;font-size:.95rem}.content{max-width:48rem;margin:2rem auto;padding:0 1rem}.card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:.6rem 1.4rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.button:disabled{opacity:.5;cursor:not-allowed}.link-button{color:var(--brand);cursor:pointer;background:0 0;border:0;font-size:1rem;text-decoration:underline}.hint,.empty{color:var(--muted)}.status{border-left:4px solid var(--brand);background:#eef5fa;padding:.5rem .75rem}.chat{flex-direction:column;gap:1rem;display:flex}.chat-header{justify-content:space-between;align-items:center;display:flex}.conversation{background:#fff;border-radius:8px;flex-direction:column;gap:.75rem;min-height:20rem;padding:1rem;display:flex;box-shadow:0 1px 3px #0000001a}.turn{white-space:pre-wrap;border-radius:8px;max-width:85%;padding:.6rem .9rem;line-height:1.45}.turn-user{background:#e3eef6;align-self:flex-end}.turn-agent{background:#f3f5f8;align-self:flex-start}.turn-failed{border-left:4px solid var(--red)}.turn-agent{white-space:normal}.turn-text>:first-child{margin-top:0}.turn-text>:last-child{margin-bottom:0}.turn-text p,.turn-text ul,.turn-text ol{margin:.5rem 0}.turn-text ul,.turn-text ol{padding-left:1.25rem}.turn-summary{border-top:1px solid #d8dee6;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.75rem;padding-top:.6rem;font-size:.9rem;display:flex}.care-level{background:var(--brand);color:#fff;border-radius:999px;align-items:center;gap:.4rem;margin:0;padding:.2rem .7rem;display:inline-flex}.care-level-name{text-transform:uppercase;letter-spacing:.04em;opacity:.85;font-size:.8rem}.care-level.red-flag{background:var(--red);font-size:1rem}.sources{color:var(--muted);flex-wrap:wrap;gap:.25rem .5rem;display:flex}.sources-name{font-weight:600}.sources ul{list-style:none;display:contents}.composer{align-items:flex-end;gap:.5rem;display:flex}.composer textarea{font:inherit;border:1px solid #c4ccd6;border-radius:6px;flex:1;padding:.5rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.channel-toggle{border:2px solid var(--brand);border-radius:6px;margin:0 0 1rem;padding:0;display:inline-flex;overflow:hidden}.channel-toggle legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.channel-toggle label{cursor:pointer;color:var(--brand);padding:.4rem 1rem;font-weight:600}.channel-toggle label.selected{background:var(--brand);color:#fff}.channel-toggle input{opacity:0;position:absolute}.channel-toggle label:has(input:focus-visible){outline:3px solid var(--amber-border);outline-offset:-3px}.voice-controls{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:1rem;display:flex}.voice-status{color:var(--muted);margin:0}.voice-red-flag{border:3px solid var(--red);color:var(--red);border-radius:6px;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:1.25rem;display:flex}.voice-guardrail{background:var(--amber-bg);border-left:4px solid var(--amber-border);padding:.5rem .75rem}.voice-interrupted{color:var(--muted);margin:.25rem 0 0;font-size:.9rem}body.red-flag-alert .emergency-banner{outline-offset:-4px;outline:4px solid #ffd400;font-size:1.25rem;animation:1s ease-in-out 3 red-flag-pulse}@keyframes red-flag-pulse{50%{filter:brightness(1.3)}}@media (prefers-reduced-motion:reduce){body.red-flag-alert .emergency-banner{animation:none}}body:has(.conversation-shell){grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100dvh;display:grid}body:has(.conversation-shell) .content{width:100%;min-width:0;max-width:64rem;min-height:0;margin:0 auto;padding:1rem}.chat{gap:.5rem;height:100%;min-height:0}.chat-header{flex-wrap:wrap;gap:.5rem;font-size:.9rem}.chat-header p{margin:0}.conversation-shell{flex-direction:column;flex:1;gap:.65rem;min-height:0;display:flex}.conversation-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.conversation-heading>div{min-width:0}.conversation-heading h1{margin:0;font-size:clamp(1.25rem,3vw,1.65rem);line-height:1.2}.conversation-heading p{margin:.35rem 0 0;font-size:.85rem}.stage{color:var(--brand);white-space:nowrap;font-size:.85rem;font-weight:650}.conversation-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;display:flex}.channel-toggle{flex-shrink:0;margin:0}.channel-toggle label{align-items:center;min-height:44px;display:flex}.channel-toggle:disabled{opacity:.65}.summary-actions{flex-wrap:wrap;gap:.25rem;display:flex}.summary-actions .link-button{min-height:44px;padding:.5rem;font-size:.85rem}.link-button:disabled{color:var(--muted);cursor:not-allowed;opacity:.65;text-decoration:none}.summary-status{color:var(--brand);margin:0;font-size:.85rem}.timeline-wrap{flex:1;min-height:8rem;position:relative}.conversation{overscroll-behavior-y:contain;scrollbar-gutter:stable;height:100%;min-height:0;padding:1.25rem;overflow-y:auto}.turn{overflow-wrap:anywhere;flex-shrink:0;max-width:90%;padding:.85rem 1rem}.turn-agent{background:#f6f8fa;border:1px solid #dde4eb}.turn-user{background:#e3eef6}.turn-red-flag{border:2px solid var(--red);background:#fff3f4}.turn-speaker{color:var(--muted);margin:0 0 .5rem;font-size:.75rem;font-weight:650}.retry-context{color:var(--muted);margin:0 0 .65rem;font-size:.85rem}.care-card{border-left:4px solid var(--brand);background:#e8f2f8;border-radius:5px;margin-bottom:.8rem;padding:.65rem}.care-card-urgent{border-color:var(--red);background:#fce5e8}.care-card-title{margin-bottom:.3rem;font-size:.85rem;font-weight:650;display:block}.care-level{color:var(--brand);background:0 0;border-radius:0;flex-direction:column;align-items:flex-start;gap:.2rem;padding:0;display:flex}.care-level.red-flag{color:var(--red);background:0 0}.care-level strong{font-size:1.1rem}.care-level-name{font-size:.7rem}.care-card .emergency-call{background:var(--red);color:#fff;min-height:44px;margin:.5rem 0 0;padding:.6rem 1rem;display:inline-block}.turn-summary{display:block}.turn-summary:empty{display:none}.personalization{color:var(--muted);margin:0 0 .5rem;font-size:.85rem}.sources{font-size:.85rem;display:block}.sources summary,.speech-transcript summary{cursor:pointer;padding:.4rem 0}.sources p{margin:.25rem 0}.sources ul{margin:.5rem 0;padding-left:1.25rem;list-style:outside;display:block}.sources li:not(:last-child):after{content:none}.source-file{margin-bottom:.5rem;font-family:monospace;font-size:.8rem;display:block}.speech-transcript{color:var(--muted);border-top:1px solid #d8dee6;margin-top:.5rem;font-size:.85rem}.welcome{max-width:30rem;margin:auto;padding:1rem 0;line-height:1.5}.welcome h2{margin:.5rem 0;font-size:1.5rem}.welcome-icon{color:var(--brand);background:#e8f2f8;border-radius:12px;padding:0 .7rem;font-size:2rem}.examples{flex-wrap:wrap;gap:.5rem;display:flex}.example{color:var(--brand);min-height:44px;font:inherit;cursor:pointer;text-align:left;background:#fff;border:1px solid #a8bfce;border-radius:8px;padding:.6rem .8rem}.welcome .hint{font-size:.85rem}.new-reply{white-space:nowrap;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}.composer{background:#fff;border:1px solid #d8dee6;border-radius:8px;padding:.6rem .75rem;display:block}.composer label{margin-bottom:.4rem;font-size:.9rem;font-weight:650;display:block}.composer-input{align-items:flex-end;gap:.5rem;display:flex}.composer textarea{resize:vertical;min-width:0;max-height:10rem;font-size:1rem}.composer .button{min-height:44px}.composer-hint{color:var(--muted);margin:.4rem 0 0;font-size:.8rem}.voice{background:#fff;border:1px solid #d8dee6;border-radius:8px;padding:.75rem}.voice-controls{margin:0}.voice-red-flag{margin:0;padding:.5rem .75rem;font-size:1rem}.voice-red-flag .emergency-call{align-items:center;min-height:44px;display:flex}.preview-tools{border:1px dashed #a8bfce;border-radius:8px;flex-shrink:0;padding:.5rem .75rem;font-size:.85rem}.preview-tools>summary{cursor:pointer;color:var(--brand);font-weight:650}.preview-tools p{margin:.4rem 0}.preview-options{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.preview-options select{min-height:44px;font:inherit;max-width:100%;padding:.5rem}.branding-preview{margin-top:.5rem}.branding-preview img{margin-top:.5rem;display:block}:focus-visible{outline-offset:3px;outline:3px solid #9c6900}[hidden]{display:none!important}@media (max-width:600px){body:has(.conversation-shell) .content{padding:.5rem}.emergency-banner{gap:.25rem .5rem;padding:.45rem .75rem;font-size:.95rem}.emergency-detail{flex-basis:100%;order:3;font-size:.8rem}.demo-notice{padding:.4rem .75rem;font-size:.8rem}.conversation{padding:.75rem}.turn{max-width:100%;padding:.75rem}.stage,.welcome-icon{display:none}.welcome{padding:0}.composer .button{padding:.6rem .8rem}.summary-actions .link-button{padding:.3rem}}@media (max-height:650px){.conversation-heading .hint{display:none}.conversation-shell{gap:.35rem}.composer-hint{font-size:.75rem}}
