:root{color-scheme:dark;--bg:#0a0c10;--panel:#11151d;--line:#293142;--ink:#f2f5fb;--muted:#8994a7;--blue:#7cb8ff;--pink:#ff80c8;--red:#ff746c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#20254b 0,transparent 34rem),var(--bg);color:var(--ink);font:15px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}main{width:min(960px,calc(100% - 32px));margin:0 auto;min-height:100vh;padding:48px 0 28px;display:grid;grid-template-rows:auto auto auto 1fr auto auto;gap:18px}header{display:flex;align-items:end;justify-content:space-between;gap:24px}h1{font:600 clamp(28px,6vw,54px)/1.03 system-ui,sans-serif;letter-spacing:-.045em;margin:5px 0}.eyebrow{color:var(--blue);font-size:12px;letter-spacing:.14em;margin:0}.pill{border:1px solid var(--line);border-radius:99px;padding:7px 11px;color:var(--muted);white-space:nowrap}.pill[data-tone=ok]{border-color:#385b83;color:var(--blue)}.pill[data-tone=bad],[data-bad=true]{color:var(--red)}.pill[data-tone=warn]{color:#ffd580}.setup{display:grid;grid-template-columns:minmax(210px,1fr) minmax(180px,1fr) auto auto auto;gap:8px;align-items:end}.setup label{display:grid;gap:5px;color:var(--muted);font-size:12px}input,textarea,button{font:inherit}input,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#0c0f15;color:var(--ink);padding:11px 12px;outline:none}input:focus,textarea:focus{border-color:#5377a7;box-shadow:0 0 0 3px #7cb8ff17}button{border:1px solid var(--blue);border-radius:8px;background:var(--blue);color:#0b111a;padding:11px 14px;font-weight:700;cursor:pointer}button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.meta{color:var(--muted);font-size:12px;margin:0}.meta code{color:var(--ink);word-break:break-all}.transcript{min-height:280px;max-height:56vh;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#0f131bd9;padding:14px}.transcript article{max-width:86%;padding:12px 14px;margin:8px 0;border-radius:9px;white-space:pre-wrap;overflow-wrap:anywhere}.transcript strong{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.transcript .you{margin-left:auto;background:#1d2940}.transcript .agent{background:#171b24;border:1px solid var(--line)}.transcript .system{color:var(--muted);font-style:italic}.transcript .error{border:1px solid #5b302d;color:#ffc0bb}form{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:stretch}textarea{resize:vertical;min-height:78px}footer{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:11px}@media(max-width:850px){.setup{grid-template-columns:1fr 1fr}.setup button{width:100%}}@media(max-width:620px){main{padding-top:24px}header{display:block}.pill{display:inline-block;margin-top:10px}.setup,form{grid-template-columns:1fr}footer{display:grid}.transcript article{max-width:96%}}