:root{--ink:#eef3f8;--muted:#a6b8c9;--line:#2b4055;--teal:#ffcf44;--teal-light:#162c43;--red:#ef3d38;--red-light:#2c202d;--amber:#ffcf44;--bg:#081626}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}.topbar{height:76px;background:#081626;color:#eef3f8;display:flex;align-items:center;justify-content:space-between;padding:0 3.6vw}.brand{display:flex;gap:14px;align-items:center;font-size:20px;font-weight:600}.brand-mark{background:#ef3d38;color:white;font-size:17px;padding:9px 12px;border-radius:5px;letter-spacing:-.5px}.brand small{display:block;letter-spacing:2.1px;font-size:9px;margin-top:3px;opacity:.65}.live{display:flex;gap:9px;align-items:center;font-size:10px;font-weight:650;letter-spacing:1.3px}.live #clock{margin-left:16px;opacity:.65;font-variant-numeric:tabular-nums}.dot{width:7px;height:7px;background:#2db691;border-radius:50%;display:inline-block;flex-shrink:0}main{max-width:1540px;margin:auto;padding:28px 3.6vw 30px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--teal);margin-bottom:9px}h1{font-size:34px;font-weight:620;letter-spacing:-1.2px;margin:0 0 8px}p{line-height:1.6}.intro p{margin:0;color:var(--muted);font-size:14px}h2{font-size:14px;font-weight:650;margin:0;letter-spacing:-.15px}button{font:inherit;cursor:pointer;border:0;border-radius:8px;transition:background .15s,box-shadow .15s}button:focus-visible,textarea:focus-visible{outline:3px solid #ffcf44;outline-offset:3px}button:disabled{opacity:.46;cursor:not-allowed}.primary{background:var(--teal);color:white;padding:11px 17px;font-weight:600}.primary:hover:not(:disabled){background:#ffe086}.secondary{background:var(--teal-light);color:var(--teal);padding:10px 13px;font-weight:650}.subtle{background:transparent;border:1px solid #39546c;padding:10px 13px;color:var(--ink);white-space:nowrap}.subtle:hover:not(:disabled){background:#152d43}.acts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.act{background:#0d2033;border:1px solid var(--line);text-align:left;padding:15px;display:flex;align-items:center;gap:12px;color:var(--ink)}.act:not(:disabled):hover{border-color:#ffcf44;box-shadow:0 3px 10px #15352c0a}.act-number{color:var(--teal);background:#142a3e;min-width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}.act strong{display:block;font-size:12px}.act small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.act-indicator{margin-left:auto;color:#7f98ad;font-size:18px}.act.complete{border-color:#ffcf44}.act.complete .act-indicator{color:var(--teal)}.act.danger{background:#2a202c;border-color:#7e383e}.act.danger .act-number{color:var(--red);background:#3b242f}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 354px;gap:20px;align-items:start}.panel{background:#0d2033;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 9px #173b2c03}.chat{display:flex;flex-direction:column;min-height:700px;height:calc(100vh - 290px);max-height:950px}.panel-head{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid var(--line)}.assistant-avatar{background:#142a3e;color:var(--teal);display:grid;place-items:center;border-radius:9px;font-size:23px;width:38px;height:38px;flex-shrink:0}.muted{color:var(--muted);font-size:11px}.panel-head .muted{display:block;margin-top:4px;font-size:10px}.badge{font-size:9px;font-weight:700;border-radius:30px;padding:6px 9px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.badge.neutral{background:#142a3e;color:#a6b8c9}.badge.success{background:#123936;color:#6ad9b0}.badge.warning{background:#3d331d;color:#ffcf44}.badge.danger{background:#38232b;color:#ff9790}#route-badge{margin-left:auto}.connection-banner{margin:14px 18px 0;padding:11px 13px;font-size:12px;line-height:1.5;color:#ffcf44;background:#302d23;border:1px solid #6f5d30;border-radius:8px}.messages{padding:22px;overflow:auto;flex:1;min-height:320px;scroll-behavior:smooth}.welcome{max-width:360px;text-align:center;margin:54px auto 45px}.welcome-orbit{width:61px;height:61px;display:grid;place-items:center;background:#142a3e;border:1px solid #2b4055;color:var(--teal);font-size:35px;border-radius:19px;margin:0 auto 22px}.welcome h2{font-size:24px;line-height:1.35;letter-spacing:-.6px;font-weight:580}.welcome p{font-size:12px;color:var(--muted);margin:17px 0 24px}.welcome small{display:block;font-size:10px;color:#a6b8c9;line-height:1.6;margin-top:14px}.message{max-width:88%;margin:0 0 22px}.message.user{margin-left:auto}.message-label{font-size:10px;color:var(--muted);margin:0 0 7px;display:flex;align-items:center;gap:8px}.message.user .message-label{justify-content:flex-end}.bubble{padding:15px 17px;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:13px;background:#10273b;border:1px solid #2b4055}.user .bubble{background:#1b3b59;color:#eef3f8;border:0;border-bottom-right-radius:3px}.assistant .bubble{border-bottom-left-radius:3px}.message-meta{display:flex;gap:8px;align-items:center;margin-top:7px;font-size:9px;color:var(--muted);flex-wrap:wrap}.message-meta .badge{font-size:8px;padding:4px 7px}form{margin:0 18px 12px;border:1px solid #39546c;border-radius:10px;padding:13px 13px 10px;background:#0d2033;box-shadow:0 2px 6px #19382f04}textarea{resize:vertical;max-height:180px;min-height:52px;width:100%;border:0;outline:0;font:inherit;font-size:12px;line-height:1.6;color:var(--ink);background:transparent}textarea::placeholder{color:#91a7bb}.composer-bottom{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:8px}.composer-bottom>span{font-size:9px;color:var(--muted);max-width:75%;line-height:1.5}#send{padding:9px 15px;font-size:11px}#send span{margin-left:14px;font-size:16px}.session-line{display:flex;gap:7px;align-items:center;padding:0 20px 15px;color:var(--muted);font-size:9px;overflow:hidden}.session-line code{font-size:9px}.session-tail{margin-left:auto;font-size:8px}.telemetry{display:flex;flex-direction:column;gap:14px}.telemetry>.panel{padding:17px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:15px}.tiny-label{letter-spacing:1.2px;color:#a6b8c9;font-size:8px;font-weight:750}.region-card{border:1px solid var(--line);border-radius:9px;padding:12px;margin-bottom:10px;border-left:3px solid #39546c}.region-card.up{border-left-color:#26a781}.region-card.down{border-color:#803c42;border-left-color:var(--red);background:#291e2a}.region-top{display:flex;align-items:center;gap:9px}.region-symbol{width:31px;height:31px;display:grid;place-items:center;background:#142a3e;border-radius:7px;font-size:10px;font-weight:700;color:#a6b8c9}.region-top strong{font-size:12px;display:block}.region-top code{font-size:9px;color:var(--muted);display:block;margin-top:3px}.region-health{margin-left:auto;font-size:8px}.region-meta{display:flex;justify-content:space-between;margin-top:12px;padding-top:9px;border-top:1px solid #2b4055;font-size:8px;color:#a6b8c9}.region-meta>span:first-child{font-size:7px;letter-spacing:1px;font-weight:700}.dns-line{display:flex;justify-content:space-between;font-size:10px;padding-top:5px}.dns-line span{color:var(--muted)}.dns-line code{font-size:10px}.source-note{font-size:9px;color:#91a7bb;line-height:1.6;margin:10px 0 0}.context-panel dl{margin:0}.context-panel dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #2b4055;font-size:11px}.context-panel dl>div:last-child{border:0}.context-panel dt{color:var(--muted)}.context-panel dd{margin:0;font-weight:600;text-align:right}.semantic{background:#123936;color:#6ad9b0;border-radius:7px;font-size:10px;line-height:1.6;padding:10px;margin-top:10px}.controls p{font-size:11px;color:var(--muted);margin:0 0 12px}.control-buttons{display:flex;gap:7px;flex-wrap:wrap}.control-buttons button{font-size:10px;padding:9px 11px}.events-panel{margin-top:20px;padding:18px 21px}.events-panel .section-head{margin-bottom:8px}.events{max-height:195px;overflow:auto}.event{display:grid;grid-template-columns:69px 8px minmax(0,1fr);gap:12px;align-items:start;padding:9px 0;border-bottom:1px solid #2b4055;font-size:10px}.event time{color:#91a7bb;font-variant-numeric:tabular-nums;font-size:9px}.event .dot{margin-top:3px;width:6px;height:6px;background:#91a7bb}.event.success .dot{background:#23a27d}.event.warning .dot{background:#dbab4f}.event.danger .dot{background:var(--red)}.event strong{font-size:10px;font-weight:650}.event p{margin:3px 0 0;color:var(--muted);font-size:9px}footer{display:flex;justify-content:space-between;gap:25px;align-items:start;margin-top:18px;color:#91a7bb;font-size:9px}footer p{margin:0;max-width:850px}footer summary{white-space:nowrap;cursor:pointer}footer details p{margin-top:8px;max-width:300px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(min-width:1600px){.chat{min-height:760px}.messages{padding:30px}.message .bubble{font-size:15px}.act strong{font-size:14px}}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 310px}main{padding:22px 20px}.topbar{padding:0 20px}.act{padding:12px 9px;gap:8px}.act small{font-size:9px}.act strong{font-size:10px}.panel-head{padding:15px 13px}#route-badge{font-size:8px}.panel-head .muted{font-size:8px}.session-tail{display:none}h1{font-size:29px}}@media(max-width:760px){.workspace{grid-template-columns:1fr}.acts{grid-template-columns:1fr}.act small{font-size:10px}.act strong{font-size:12px}.telemetry{display:grid;grid-template-columns:1fr}.chat{height:650px;min-height:650px}.intro{align-items:start}h1{font-size:27px}.intro p{font-size:12px}.intro>.subtle{font-size:10px}.live{font-size:8px}.live #clock{display:none}.brand{font-size:17px}footer{display:block}footer details{margin-top:12px}}
.region-card.failover-active{border-left-color:#ffcf44;background:#2b2b25}.region-card.down .region-symbol{color:#ef3d38;background:#38232b;animation:down-pulse 1.8s ease-in-out infinite}@keyframes down-pulse{50%{box-shadow:0 0 0 5px #ef3d3814}}@media(prefers-reduced-motion:reduce){.region-card.down .region-symbol{animation:none}}

/* Racing to AI template: navy, yellow and clean, square component surfaces. */
:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;--yellow:#ffcf44}
body{font-family:Arial,Helvetica,sans-serif;font-size:15px}.topbar{max-width:1540px;margin:auto;height:98px;background:transparent;border:0;padding:0 3.6vw}.wordmark{text-decoration:none;color:#fff;font-size:35px;letter-spacing:1px;font-weight:400}.wordmark span{font-size:14px;font-weight:bold;letter-spacing:1.8px;display:block;margin-top:3px}.event-title{font-size:12px;letter-spacing:2px;color:#a6b8c9;display:flex;align-items:center;gap:22px}.event-title b{color:#ffcf44}.event-title #clock{font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:0}
main{padding-top:12px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:30px 0 36px}.hero .eyebrow{font-size:11px;color:#ffcf44;letter-spacing:2.1px;margin:0 0 16px}.hero h1{font-size:54px;line-height:1.05;letter-spacing:-1.9px;font-weight:750;margin:0 0 18px}.hero .lead{font-size:17px;line-height:1.6;color:#c3d0dc;margin:0;max-width:500px}.hero-meta{display:flex;gap:25px;font-size:10px;letter-spacing:1px;color:#a6b8c9;margin-top:22px}.race-art{height:240px;overflow:hidden;border-radius:0 80px 0 0}.race-art img{width:100%;height:100%;object-fit:cover;object-position:83% center;display:block}.audience-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 20px}.tag{display:inline-block;color:#ffcf44;font-size:10px;letter-spacing:1px;padding:8px 10px;border:1px solid #39546c}.audience-row .muted{margin-left:9px;font-size:11px}.acts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.act,.panel,.region-card,form,.bubble,.assistant-avatar,.welcome-orbit,button,.semantic,.connection-banner{border-radius:3px}.act{padding:16px;background:#102338}.act-number{background:transparent;color:#ffcf44;border-radius:0}.act.complete{border-color:#857342}.act.complete .act-indicator{color:#ffcf44}.act:hover:not(:disabled){box-shadow:none}.primary{background:#ffcf44;color:#101b28}.primary:hover:not(:disabled){background:#ffe086}.secondary{color:#ffcf44}.subtle{color:#d2deea}.panel{background:#0b1e30;box-shadow:none}.chat{height:760px;min-height:700px}.panel-head{padding:19px 20px}.panel-head h2{font-size:16px}.assistant-avatar{color:#ffcf44;background:#142a3e}.bubble{font-size:14px}.user .bubble{background:#1b3b59}.message{max-width:92%}.badge{border-radius:3px}.welcome h2{font-size:25px}.context-panel h2,.regional h2,.controls h2,.events-panel h2{font-size:15px}.controls .danger{background:#5d252c;color:#ffe0df;border:1px solid #93414a;padding:10px 12px}.controls #logout{font-size:10px;margin-top:13px}.region-card.failover-active{background:#2b2b25}.region-card.down{background:#291e2a}.connection-banner{color:#ffcf44;background:#302d23}.semantic{color:#6ad9b0}.session-line{flex-wrap:wrap}.session-tail{font-size:9px}.source-note{color:#91a7bb}.composer-bottom>span{font-size:10px}.events-panel{padding:20px}.events{max-height:195px}.event-title{font-size:11px}.event strong{font-size:11px}.event p{font-size:10px}.event time{font-size:10px}footer{border-top:1px solid #2b4055;padding:25px 0;gap:30px;font-size:11px}footer b{color:#c6d4e0;letter-spacing:2px}footer p{margin-top:9px;max-width:1000px}a{color:#bdd0e2}footer>a{white-space:nowrap}.login-page{padding-top:70px}.login-page h1{font-size:54px}.login-page .lead{max-width:600px;font-size:18px;color:#c3d0dc}.login-page form{max-width:510px;margin:30px 0;padding:25px;border:1px solid #395169}.login-page label{display:block;margin-bottom:12px}.login-page input{width:100%;padding:14px;background:#081626;border:1px solid #395169;color:#eef3f8;font:inherit}.login-page button{margin-top:20px}.login-page #login-message{color:#ffcf44}
@media(max-width:1050px){.hero{gap:25px}.hero h1{font-size:42px}.race-art{height:210px}.hero .lead{font-size:15px}.event-title{gap:14px;font-size:10px}.audience-row .muted{display:block;margin:7px 0 0}.session-tail{display:none}}
@media(max-width:760px){.topbar{height:82px}.wordmark{font-size:29px}.wordmark span{font-size:11px}.event-title{display:none}.hero{grid-template-columns:1fr;padding:20px 0 25px;gap:20px}.hero h1{font-size:43px}.hero .race-art{height:160px;border-radius:0 55px 0 0}.hero-meta{font-size:9px}.audience-row{align-items:flex-start}.audience-row .muted{font-size:10px;max-width:250px}.audience-row button{font-size:10px}.acts{grid-template-columns:1fr 1fr}.act{padding:12px 8px;gap:5px}.act strong{font-size:11px}.act small{font-size:9px}.act-number{min-width:24px}.chat{height:680px;min-height:620px}.telemetry{grid-template-columns:1fr}.session-line{font-size:8px}.session-line code{font-size:8px}.login-page h1{font-size:43px}.login-page{padding-top:35px}footer>a{display:block;margin-top:18px}}

@media(max-width:950px){.workspace{grid-template-columns:1fr}.telemetry{display:grid;grid-template-columns:1fr 1fr}.controls{grid-column:1/-1}}
@media(max-width:620px){.telemetry{grid-template-columns:1fr}.hero .race-art{height:145px}.hero h1{font-size:38px}}