:root{color:#f5f2fa;font-synthesis:none;--surface:#151024;--line:#312849;--muted:#b7aec5;--cyan:#00e5ff;--purple:#7851a9;--danger:#ffadb5;background:#090714;font-family:Geist,Inter,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#7851a945,#0000 34rem),#090714;min-width:320px;margin:0}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}header{border-bottom:1px solid var(--line);background:#090714d6;justify-content:space-between;align-items:center;min-height:70px;padding:0 clamp(1rem,5vw,5rem);display:flex}header p,footer,.privacy,.empty{color:var(--muted)}.brand{color:#fff;align-items:center;gap:.65rem;text-decoration:none;display:flex}.brand span{background:linear-gradient(135deg,var(--cyan),var(--purple));color:#090714;border-radius:.6rem;place-items:center;width:2rem;height:2rem;font-weight:900;display:grid}.intro{max-width:76rem;margin:auto;padding:clamp(3rem,8vw,7rem) clamp(1rem,5vw,5rem) 2.5rem}.eyebrow{color:var(--cyan);letter-spacing:.13em;text-transform:uppercase;margin:0 0 .5rem;font-size:.72rem;font-weight:800}h1{letter-spacing:-.065em;max-width:11ch;margin:.3rem 0 1rem;font-size:clamp(2.8rem,7vw,6rem);line-height:.94}h2{margin:.1rem 0 .4rem;font-size:1.35rem}.intro>p:not(.eyebrow){max-width:65ch;color:var(--muted);font-size:1.1rem}.boundary{color:#d8f8fb;background:#0b2029;border:1px solid #335365;border-radius:.9rem;flex-wrap:wrap;gap:.7rem 1.5rem;max-width:65rem;margin-top:2rem;padding:1rem 1.2rem;display:flex}.workspace{grid-template-columns:minmax(0,1.6fr) minmax(18rem,.8fr);gap:1rem;max-width:92rem;margin:auto;padding:0 clamp(1rem,4vw,4rem) 4rem;display:grid}.panel{border:1px solid var(--line);background:#151024e6;border-radius:1.25rem;padding:1.35rem;box-shadow:0 24px 70px #00000040}.panel-head{justify-content:space-between;gap:1rem;display:flex}.live,.idle{border-radius:999px;align-self:start;padding:.3rem .65rem;font-size:.75rem;font-weight:800}.live{color:var(--cyan);background:#163d48}.idle{color:#d5c6ee;background:#29213c}.messages{gap:1rem;min-height:25rem;max-height:36rem;margin:1.25rem 0;display:grid;overflow:auto}.message{background:#211a31;border-radius:1rem;max-width:90%;padding:1rem 1.1rem}.message.user{background:#203d56;justify-self:end}.message strong{color:var(--cyan);font-size:.78rem}.message p{white-space:pre-wrap;margin:.4rem 0 0}.citations{gap:.45rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.citations li{border-left:2px solid var(--cyan);background:#120f20;padding:.6rem;font-size:.82rem}.citations small{color:var(--muted);margin-top:.15rem;display:block}.starters{flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem;display:flex}.starters button{color:#dfd8e8;background:#1b1529;border:1px solid #44375d;border-radius:999px;padding:.45rem .7rem;font-size:.8rem}.chat form{grid-template-columns:1fr auto;gap:.7rem;display:grid}textarea{resize:vertical;color:#fff;background:#0e0b18;border:1px solid #4a3a66;border-radius:.8rem;width:100%;min-height:3.2rem;max-height:10rem;padding:.85rem}textarea::placeholder{color:#81778f}.primary{background:var(--cyan);color:#08202b;border:0;border-radius:.8rem;align-self:end;min-height:3.2rem;padding:.7rem 1.2rem;font-weight:850}.trace ol{gap:1rem;margin:1.2rem 0;padding:0;list-style:none;display:grid}.trace li{grid-template-columns:auto 1fr;gap:.65rem;display:grid}.trace p{color:var(--muted);margin:.15rem 0;font-size:.85rem}.dot{background:#806a9d;border-radius:50%;width:.65rem;height:.65rem;margin-top:.4rem}.dot.agent{background:var(--purple)}.dot.tool{background:var(--cyan)}.dot.final{background:#6be8b4}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.4rem clamp(1rem,5vw,5rem);font-size:.82rem;display:flex}@media (max-width:850px){.workspace{grid-template-columns:1fr}.messages{min-height:18rem}}@media (max-width:560px){header{align-items:flex-start;padding-block:1rem}header p{text-align:right;max-width:11rem}.chat form{grid-template-columns:1fr}.primary{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}