.ot-root{--ot-bg:#0e0e10;--ot-panel:#141416;--ot-border:#2a2a2e;--ot-text:#ececec;--ot-muted:#8a8a92;--ot-faint:#5c5c64;--ot-accent:#d97757;--ot-green:#5cb88a;--ot-mono:ui-monospace,"JetBrains Mono",SFMono-Regular,Menlo,monospace;--ot-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100dvh;display:flex;flex-direction:column;background:var(--ot-bg);color:var(--ot-text);font-family:var(--ot-sans)}.ot-top{flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.25rem;padding:.85rem 1.15rem;border-bottom:1px solid var(--ot-border);background:var(--ot-panel)}.ot-brand,.ot-top{display:flex;align-items:center}.ot-brand{gap:.75rem}.ot-dot{width:10px;height:10px;border-radius:999px;background:var(--ot-accent);box-shadow:0 0 12px rgba(217,119,87,.55)}.ot-title{font-weight:650;font-size:.95rem;letter-spacing:-.02em}.ot-sub{font-size:.7rem;color:var(--ot-muted);font-family:var(--ot-mono)}.ot-status{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem}.ot-pill{font-size:.65rem;font-weight:600;letter-spacing:.08em;padding:.25rem .55rem;border-radius:999px;border:1px solid var(--ot-border);color:var(--ot-muted);font-family:var(--ot-mono)}.ot-pill-live{border-color:rgba(92,184,138,.45);color:var(--ot-green);background:rgba(92,184,138,.08)}.ot-pill-demo{border-color:rgba(217,119,87,.35);color:var(--ot-accent);background:rgba(217,119,87,.08)}.ot-link{font-size:.75rem;color:var(--ot-muted);text-decoration:none}.ot-link:hover{color:var(--ot-text)}.ot-body{flex:1;overflow-y:auto;padding:1.25rem 1.15rem 1.5rem;max-width:880px;width:100%;margin:0 auto}.ot-line{display:grid;grid-template-columns:2.5rem 1fr;gap:.75rem;margin-bottom:1.1rem}.ot-role{font-family:var(--ot-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ot-faint);padding-top:.2rem}.ot-user .ot-role{color:var(--ot-accent)}.ot-assistant .ot-role{color:var(--ot-green)}.ot-text{white-space:pre-wrap;word-break:break-word;font-size:.92rem;line-height:1.55;color:var(--ot-text)}.ot-system .ot-text{color:var(--ot-muted);line-height:1.5}.ot-code,.ot-system .ot-text{font-family:var(--ot-mono);font-size:.8rem}.ot-code{margin:.55rem 0;padding:.75rem .9rem;background:#0a0a0c;border:1px solid var(--ot-border);border-radius:8px;overflow-x:auto;line-height:1.45}.ot-inline{font-family:var(--ot-mono);font-size:.85em;background:rgba(255,255,255,.06);padding:.1em .35em;border-radius:4px}.ot-strong{color:#fff;font-weight:600}.ot-cursor{display:inline-block;width:.5ch;height:1em;margin-left:1px;vertical-align:text-bottom;background:var(--ot-accent);animation:ot-blink 1s step-end infinite}@keyframes ot-blink{50%{opacity:0}}.ot-foot{border-top:1px solid var(--ot-border);background:var(--ot-panel);padding:.85rem 1.15rem 1rem}.ot-prompt-row{display:flex;align-items:flex-end;gap:.55rem;max-width:880px;margin:0 auto}.ot-prompt-mark{color:var(--ot-accent);font-size:1.15rem;line-height:2.4rem;font-weight:600}.ot-input,.ot-prompt-mark{font-family:var(--ot-mono)}.ot-input{flex:1;resize:none;min-height:2.5rem;max-height:8rem;padding:.65rem .85rem;border-radius:10px;border:1px solid var(--ot-border);background:#0a0a0c;color:var(--ot-text);font-size:.85rem;line-height:1.4;outline:none}.ot-input:focus{border-color:rgba(217,119,87,.55);box-shadow:0 0 0 3px rgba(217,119,87,.12)}.ot-input:disabled{opacity:.7}.ot-send{flex-shrink:0;border:none;border-radius:10px;padding:.65rem 1.1rem;font-weight:600;font-size:.85rem;background:var(--ot-accent);color:#1a0f0c;cursor:pointer;min-height:2.5rem}.ot-send:disabled{opacity:.45;cursor:not-allowed}.ot-send:not(:disabled):hover{filter:brightness(1.06)}.ot-hint{max-width:880px;margin:.55rem auto 0;font-size:.7rem;color:var(--ot-faint);text-align:center}.ot-hint a{color:var(--ot-muted)}.ot-hint a:hover{color:var(--ot-text)}.ot-starters{display:flex;flex-wrap:wrap;gap:.45rem;margin:.25rem 0 1rem 2.5rem}.ot-chip{border:1px solid var(--ot-border);background:rgba(255,255,255,.03);color:var(--ot-muted);font-size:.75rem;padding:.4rem .7rem;border-radius:999px;cursor:pointer;font-family:var(--ot-sans);text-align:left;transition:border-color .15s,color .15s,background .15s}.ot-chip:hover{border-color:rgba(217,119,87,.45);color:var(--ot-text);background:rgba(217,119,87,.08)}.ot-stop{background:#3a3030!important;color:#f0d0c0!important;border:1px solid rgba(217,119,87,.35)}.ot-clear{background:none;border:none;color:var(--ot-muted);font:inherit;text-decoration:underline;cursor:pointer;padding:0}.ot-clear:hover{color:var(--ot-text)}