:root{--qf-red:#e0001b;--qf-red-dark:#b00016;--charcoal:#2b2b2b;--ink:#1c1c1e;--muted:#6b7280;--line:#e6e6e9;--bg:#f5f6f8;--card:#ffffff;--ok:#1a8754;--flag:#b88300;--redact:#2563eb;--block:#d6263b;--radius:14px;--shadow:0 1px 3px rgba(0,0,0,0.06),0 8px 24px rgba(0,0,0,0.05)}:root[data-persona=nicole]{--qf-red:#0e7c6f;--qf-red-dark:#0a5f55;--bg:#f2f6f5}:root[data-persona=nicole] .demo-banner{background:#e9f5f2;border-color:#bfe3db;color:#0a5e54}:root[data-persona=nicole] .brand-mark{border-radius:50%}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:760px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:0 16px 24px}.demo-banner{margin:14px 0 0;padding:10px 14px;background:#fff7e6;border:1px solid #f0d089;color:#7a5b00;border-radius:10px;font-size:12.5px;line-height:1.4;text-align:center}.header{padding:18px 4px 10px;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand,.header{display:flex;align-items:center}.brand{gap:14px}.speak-toggle{font-size:12.5px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--charcoal);cursor:pointer;transition:all .15s;white-space:nowrap}.speak-toggle:hover{border-color:var(--qf-red)}.speak-toggle.on{border-color:var(--qf-red)}.brand-mark,.speak-toggle.on{background:var(--qf-red);color:#fff}.brand-mark{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-weight:800;letter-spacing:.5px;box-shadow:var(--shadow)}.header h1{margin:0;font-size:20px;letter-spacing:-.2px}.header p{margin:2px 0 0;color:var(--muted);font-size:13px}.chat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.chat,.messages{flex:1 1;display:flex;flex-direction:column}.messages{overflow-y:auto;padding:18px;gap:14px;min-height:320px;max-height:56vh}.msg{display:flex;flex-direction:column;max-width:86%}.msg-user{align-self:flex-end;align-items:flex-end}.msg-assistant{align-self:flex-start}.bubble{padding:11px 14px;border-radius:14px;font-size:14.5px;line-height:1.5}.msg-user .bubble{background:var(--qf-red);color:#fff;border-bottom-right-radius:4px}.msg-assistant .bubble{background:#f1f2f5;color:var(--ink);border-bottom-left-radius:4px}.bubble strong{font-weight:700}.replay{align-self:flex-start;margin-top:6px;font-size:11.5px;padding:4px 9px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer;transition:all .15s}.replay:hover{border-color:var(--qf-red);color:var(--qf-red)}.typing{display:inline-flex;gap:4px;align-items:center}.typing span{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:blink 1.2s infinite both}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.examples{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 16px;border-top:1px solid var(--line);background:#fafbfc}.examples-label{font-size:12px;color:var(--muted);margin-right:2px}.chip{font-size:12.5px;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--charcoal);cursor:pointer;transition:all .15s}.chip:hover:not(:disabled){border-color:var(--qf-red);color:var(--qf-red)}.chip-adversarial{border-style:dashed;border-color:#d9b3b8;background:#fff5f6;color:#9a2230}.chip:disabled{opacity:.5;cursor:default}.composer{display:flex;gap:8px;padding:12px 16px 16px;border-top:1px solid var(--line)}.composer input{flex:1 1;padding:11px 14px;border:1px solid var(--line);border-radius:12px;font-size:14.5px;outline:none}.composer input:focus{border-color:var(--qf-red);box-shadow:0 0 0 3px rgba(224,0,27,.1)}.composer button[type=submit]{padding:11px 20px;border:none;border-radius:12px;background:var(--qf-red);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:background .15s}.composer button[type=submit]:hover:not(:disabled){background:var(--qf-red-dark)}.composer button:disabled{opacity:.5;cursor:default}.mic{width:44px;flex:none;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:16px;cursor:pointer;transition:all .15s}.mic-on,.mic:hover:not(:disabled){border-color:var(--qf-red)}.mic-on{background:var(--qf-red);color:#fff;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(224,0,27,.45)}50%{box-shadow:0 0 0 6px rgba(224,0,27,0)}}.footer{margin-top:14px;padding:0 6px;font-size:12px;color:var(--muted);line-height:1.5;text-align:center}.gt{margin-top:8px;width:100%}.gt-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:12px;color:var(--charcoal);background:#fbfbfc;border:1px solid var(--line);border-radius:9px;cursor:pointer}.gt-dot{width:8px;height:8px;border-radius:50%}.gt-dot-ok{background:var(--ok)}.gt-dot-blocked{background:var(--block)}.gt-caret,.gt-summary{color:var(--muted)}.gt-caret{margin-left:auto}.gt-panel{border:1px solid var(--line);border-top:none;border-radius:0 0 9px 9px;padding:10px;background:#fff}.gt-section-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:4px 2px 6px;font-weight:700}.gt-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}.gt-row{display:flex;gap:9px;align-items:flex-start;font-size:12px}.gt-badge{flex:none;font-size:9.5px;font-weight:800;letter-spacing:.4px;padding:2px 6px;border-radius:5px;margin-top:1px;min-width:52px;text-align:center;color:#fff}.gt-allow{background:var(--ok)}.gt-flag{background:var(--flag)}.gt-redact{background:var(--redact)}.gt-block{background:var(--block)}.gt-row-body{display:flex;flex-direction:column;flex:1 1}.gt-name{font-weight:600;color:var(--ink)}.gt-detail{color:var(--muted);line-height:1.4}.gt-latency{flex:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gt-latency,.gt-meta{color:var(--muted);font-size:11px}.gt-meta{display:flex;flex-wrap:wrap;gap:12px;padding-top:8px;border-top:1px dashed var(--line)}.gt-meta code{background:#f1f2f5;padding:1px 5px;border-radius:4px;font-size:10.5px}