*{box-sizing:border-box}:root{--bg:#f4f1ea;--surface:#fbf9f3;--text:#1f1d18;--muted:#6a6358;--border:#e3ddcf;--accent:#07876d;--accent-strong:#00d4aa}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}button,select{font:inherit}.container{flex-direction:column;min-height:100vh;display:flex}.hero{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:28px;display:grid}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:12px;font-weight:700}h1{max-width:760px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,4vw,52px);font-weight:600;line-height:1.05}.subhead{max-width:720px;color:var(--muted);margin:12px 0 0;font-size:16px;line-height:1.55}.controls{align-items:end;gap:10px;display:flex}.language-switch{border:1px solid var(--border);background:var(--bg);border-radius:8px;align-items:center;min-height:42px;display:inline-flex;overflow:hidden}.language-switch a{min-width:44px;min-height:40px;color:var(--muted);justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.language-switch a+a{border-left:1px solid var(--border)}.language-switch a.active{color:var(--surface);background:var(--text)}.transport-selector{flex-direction:column;gap:5px;display:flex}.transport-selector label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}#transport-select,.control-btn,.connect-btn{border:1px solid var(--border);white-space:nowrap;border-radius:8px;min-height:42px}#transport-select{background:var(--bg);color:var(--text);padding:0 12px}.control-btn,.connect-btn{cursor:pointer;padding:0 16px;font-weight:650}.control-btn{background:var(--bg);color:var(--text)}.control-btn:disabled{opacity:.48;cursor:not-allowed}.control-btn[data-enabled=true]{color:#06362b;background:var(--accent-strong);border-color:var(--accent-strong)}.connect-btn{background:var(--text);color:var(--surface);border-color:var(--text)}.connect-btn.disconnect{color:#fff;background:#8f1d1d;border-color:#8f1d1d}.demo-grid{background:var(--border);flex:1;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:1px;display:grid}.conversation-panel,.events-panel{background:var(--bg);flex-direction:column;min-height:0;display:flex}.panel-head{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:0 22px;display:flex}.panel-head h2{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:14px;font-weight:750}.panel-head a,.limit{color:var(--muted);font-size:13px}#conversation-log,#events-log{flex:1;padding:22px;overflow-y:auto}#conversation-log{flex-direction:column;gap:14px;display:flex}.conversation-message{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:fit-content;max-width:min(720px,86%);padding:12px 14px;font-size:15px;line-height:1.55}.conversation-message.user{color:#fff;background:var(--accent);border-color:var(--accent);margin-left:auto}.conversation-message.bot{background:#fff}.conversation-message.placeholder{color:var(--muted);background:0 0;border-style:dashed}.conversation-message.notice{background:#fff;border-color:#07876d59;max-width:min(680px,92%)}.conversation-message.notice strong{margin-bottom:6px;font-size:16px;display:block}.notice-text{color:var(--muted)}.notice-action{background:var(--text);min-height:38px;color:var(--surface);border-radius:8px;justify-content:center;align-items:center;margin-top:12px;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.conversation-message .role{letter-spacing:.05em;text-transform:uppercase;opacity:.78;margin-bottom:3px;font-size:11px;font-weight:750}#events-log{color:var(--muted);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55}.event-entry{border-bottom:1px solid #6a635824;grid-template-columns:72px minmax(86px,auto) minmax(0,1fr);gap:8px;padding:8px 0;display:grid}.event-name{color:var(--accent);font-weight:700}.event-data{overflow-wrap:anywhere;min-width:0}@media (width<=820px){.hero,.demo-grid{grid-template-columns:1fr}.hero{align-items:stretch;padding:22px 18px}.controls{flex-wrap:wrap;align-items:stretch}.language-switch{flex:none}.connect-btn{flex:180px}.events-panel{min-height:240px}}