:root{color-scheme:dark;--bg:#0b1218;--panel:#10191f;--line:#243039;--muted:#8c9ba5;--text:#e9efee;--mint:#a9e4d4;--amp:1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.layout{min-height:100dvh;display:grid;grid-template-columns:246px 1fr}.sidebar{background:#0e171e;border-right:1px solid var(--line);padding:35px 22px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:650;letter-spacing:2px;margin-bottom:42px}.brand>div:last-child>span{display:block;font-size:10px;color:var(--muted);letter-spacing:4.2px;margin-top:5px}.brand-mark{font-size:29px;letter-spacing:-5px;width:40px;height:40px;color:var(--mint);border:1px solid #3a5555;border-radius:12px;text-align:center;padding-right:5px;line-height:37px}.brand-mark span{font-size:32px}.new-chat{display:flex;align-items:center;gap:10px;background:#1a2c31;border:1px solid #345052;border-radius:9px;padding:13px 11px;color:#d8f2eb;font-size:12px;min-height:46px}.key{margin-left:auto;color:#809f9b;border:1px solid #3a5154;border-radius:4px;padding:1px 5px;font-size:10px}.section-label{letter-spacing:1.6px;color:#81929d;font-size:10px;font-weight:650;margin:32px 0 14px;display:flex;justify-content:space-between}.section-label span{color:#67827e}#history{overflow:auto;flex:1}.history-item{display:block;text-align:left;width:100%;background:transparent;color:#9fafba;border-radius:7px;padding:13px 10px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;min-height:44px}.history-item::before{content:'◷';margin-right:9px;color:#73928c}.history-item.active{background:#1a272e;color:#e6f1ec}.history-item:hover{background:#18242c}.history-empty{color:#61737f;font-size:12px;line-height:1.8;padding:8px}.sidebar-bottom{padding-top:20px;border-top:1px solid var(--line)}.private-note{display:flex;gap:12px;align-items:center;font-size:12px}.private-note small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.shield{color:var(--mint);font-size:26px}.text-button{padding:14px 0 0;background:none;color:var(--muted);font-size:11px;width:100%;text-align:left}.text-button span{float:right}main{min-width:0}.topbar{height:85px;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between}.top-left{display:flex;align-items:center;gap:14px}.breadcrumb{color:var(--muted);font-size:12px}.breadcrumb span{margin:0 15px;color:#4e626e}.breadcrumb strong{color:#d4dfdf;font-weight:450}.connection{font-size:11px;color:#b1c6c3;display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;background:#a0d8c8;border-radius:50%;box-shadow:0 0 12px #a0d8c84a}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;max-width:1550px;margin:auto}.conversation-panel{padding:48px 44px 22px;display:flex;flex-direction:column;min-height:calc(100dvh - 85px);min-width:0}.eyebrow{font-size:9px;letter-spacing:2px;color:#9ab6b0;font-weight:600;margin:0 0 20px}.intro h1{font-size:clamp(32px,3.4vw,50px);line-height:1.16;letter-spacing:-1.8px;font-weight:450;margin:0 0 17px}.intro h1 span{color:#8ba49e}.intro>p:last-child{color:var(--muted);line-height:1.8;font-size:13px;margin:0}.demo-banner{margin-top:26px;display:flex;gap:10px;padding:12px 14px;border:1px solid #344443;border-radius:8px;background:#18242180;color:#a9c4b9;font-size:11px}.demo-banner>span{padding-top:2px}.demo-banner strong{font-weight:500;display:block}.demo-banner div>span{display:block;color:#819b94;font-size:10px;margin-top:4px}.empty{margin:auto 0;padding:34px 0}.start-label{display:flex;gap:12px;align-items:center;font-size:8px;letter-spacing:2px;color:#6e838d;margin-bottom:18px}.start-label span{height:1px;background:var(--line);flex:1}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.suggestions button{text-align:left;padding:17px 13px;border:1px solid var(--line);border-radius:10px;background:#111b22;position:relative;transition:border-color .2s,transform .2s}.suggestions button:hover{border-color:#53786c;transform:translateY(-2px)}.suggestion-icon{display:block;color:#a3c7bc;font-size:20px;margin-bottom:18px}.suggestions strong{font-size:11px;display:block;font-weight:500;margin-bottom:6px}.suggestions button>span:not(.suggestion-icon){font-size:9px;color:var(--muted);line-height:1.5;display:block}.suggestions b{position:absolute;right:13px;top:19px;font-size:13px;color:#718a87;font-weight:400}.composer-area{margin-top:auto;padding-top:18px}.composer{border:1px solid #3b4d55;border-radius:12px;background:#152028;padding:15px 16px 11px;box-shadow:0 8px 30px #00000012}.composer:focus-within{border-color:#69958a}textarea{width:100%;resize:vertical;max-height:180px;min-height:55px;background:none;color:var(--text);border:0;outline:0;line-height:1.6;font-size:13px}textarea::placeholder{color:#82959f}.composer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.composer-bottom>div{display:flex;align-items:center;gap:10px}#input-hint,.enter-hint{font-size:9px;color:#7d929d}.icon-button{background:transparent;color:#a1b8bc;min-width:44px;min-height:44px;border-radius:6px;font-size:20px}.icon-button:hover:not(:disabled){background:#22343b}.send-button{background:var(--mint);color:#15362d;width:38px;height:38px;border-radius:8px;font-size:23px}.stop-button{background:#493435;border:1px solid #815654;border-radius:7px;padding:12px;color:#ffd6ce;font-size:11px}.composer-foot{display:flex;justify-content:space-between;gap:12px;font-size:8px;color:#667e89;margin-top:12px;line-height:1.6}.agent-panel{border-left:1px solid var(--line);padding:0 27px;background:linear-gradient(160deg,#14202655,transparent 55%)}.agent-panel>.section-label{margin-top:35px}.orb-scene{position:relative;height:230px;display:flex;align-items:center;justify-content:center;isolation:isolate}.orb{width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 34% 26%,#d7fff3 0%,#91d7c0 15%,#4a9f8c 35%,#265b53 60%,#153b3b 80%);box-shadow:inset -14px -13px 20px #071c29,inset 6px 5px 14px #d4fff050,0 0 35px #5ba58a25;position:relative;transform:scale(var(--amp));transition:transform .08s;overflow:hidden}.orb::before{content:'';position:absolute;inset:-25%;border:25px solid #e0fff81a;border-radius:45%;transform:rotate(-35deg) scaleY(.48);filter:blur(2px)}.orb::after{content:'';position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,#eefff92b,transparent 50%);border-top:1px solid #effff730}.orb-core{position:absolute;width:80%;height:120%;left:50%;top:-30%;border:2px solid #96ecd449;border-radius:50%;transform:rotate(-40deg);filter:blur(3px)}.orb-halo{position:absolute;width:210px;height:210px;background:radial-gradient(circle,#4e8b6f1c,transparent 68%);border-radius:50%}.orbit{position:absolute;width:220px;height:185px;border:1px solid #7dbea91b;border-radius:50%;transform:rotate(-35deg);z-index:-1}.orbit-two{width:190px;height:205px;transform:rotate(40deg);border-color:#7dbea90c}.orb-floor{position:absolute;bottom:23px;width:90px;height:8px;background:#5ca48c20;filter:blur(9px);border-radius:50%}[data-state=thinking] .orb{animation:breathe 2s ease-in-out infinite}[data-state=listening] .orb{box-shadow:0 0 45px #a9e4d460}[data-state=error] .orb{filter:saturate(.3)}.agent-name{text-align:center;margin-top:-10px}.agent-name h2{font-size:22px;letter-spacing:-.5px;font-weight:500;margin:0 0 8px}.agent-name p{font-size:11px;color:#a2bcb1;margin:0}.agent-tags{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:22px 0 29px}.agent-tags span{font-size:8px;padding:6px 8px;border:1px solid #33443f;border-radius:20px;color:#94b6a7}.agent-divider{height:1px;background:var(--line);margin-bottom:23px}.session-detail{display:flex;align-items:start;justify-content:space-between;gap:10px;font-size:10px;margin-bottom:18px;color:var(--muted)}.session-detail strong{font-weight:400;color:#c3d0cd;text-align:right;overflow-wrap:anywhere;max-width:130px}.budget-card{margin-top:27px;padding:15px 13px;background:#152128;border:1px solid var(--line);border-radius:9px}.budget-card>div{display:flex;justify-content:space-between;font-size:9px;color:#a3b6bb;gap:8px}.budget-card strong{color:#d5e6df;font-weight:400}.budget-card progress{width:100%;height:4px;appearance:none;border:0;display:block;margin:13px 0 9px;background:#2a3a40;border-radius:3px}.budget-card progress::-webkit-progress-bar{background:#2a3a40;border-radius:3px}.budget-card progress::-webkit-progress-value{background:var(--mint);border-radius:3px}.budget-card p{font-size:8px;color:#718a93;line-height:1.7;margin:0}.voice-note{display:flex;gap:9px;align-items:start;margin-top:20px;color:#6d8790}.voice-note>span{font-size:20px}.voice-note p{font-size:9px;line-height:1.7;margin:3px 0}.messages{padding-top:22px}.message{padding:17px 0;border-bottom:1px solid #21303980}.message-heading{font-size:10px;color:#98c4b3;letter-spacing:.6px;margin-bottom:10px;display:flex;gap:10px;align-items:center}.message.user .message-heading{color:#a0adbd}.message-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:13px;color:#cad6d9}.message-content:empty::after{content:'Thinking…';color:var(--muted)}.message.error .message-content{color:#d5a09b}.read-aloud{margin-left:auto;font-size:10px;color:#9db7b0;background:transparent;min-height:30px}.notice{color:#d9be91;font-size:11px;line-height:1.6;margin:0 0 10px;min-height:0}.notice:empty{display:none}.has-messages .intro h1{font-size:25px;line-height:1.2}.has-messages .intro h1 br{display:none}.has-messages .intro h1 span{margin-left:7px}.has-messages .intro>p:last-child{display:none}.has-messages .intro .eyebrow{margin-bottom:10px}.has-messages .demo-banner{margin-top:12px}.has-messages .conversation-panel{padding-top:28px}#menu{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.login{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#18332e,transparent 65%)}.login-card{max-width:370px;width:100%}.login-card>.brand-mark{margin-bottom:38px}.login-card h1{font-size:36px;font-weight:450;letter-spacing:-1px;margin:0}.login-card>p:not(.eyebrow){color:var(--muted);line-height:1.7}.login-card label{display:block;color:#a9bdb9;margin:30px 0 9px;font-size:12px}.login-card input{width:100%;padding:13px;background:#14252a;border:1px solid #436157;border-radius:7px;color:white}.primary{margin-top:18px;border-radius:7px;background:var(--mint);padding:14px;color:#15362c;width:100%;text-align:left}.primary span{float:right}@keyframes breathe{50%{transform:scale(1.06);filter:brightness(1.15)}}
@media(min-width:1500px){.conversation-panel{padding-left:70px;padding-right:70px}.main-grid{grid-template-columns:minmax(0,1fr) 325px}}
@media(max-width:1150px){.layout{grid-template-columns:210px 1fr}.sidebar{padding:28px 15px}.main-grid{grid-template-columns:minmax(0,1fr) 245px}.conversation-panel{padding:35px 25px 20px}.agent-panel{padding:0 18px}.suggestions{gap:7px}.suggestions button{padding:13px 10px}.suggestions button>span:not(.suggestion-icon){font-size:8px}.orb-scene{height:210px}.orb{width:120px;height:120px}.orbit{width:185px}.topbar{padding:0 25px}.composer-foot>span:last-child{display:none}}
@media(max-width:850px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;z-index:10;width:260px;box-shadow:30px 0 100px #0008;transform:translateX(-140%);transition:transform .2s}.sidebar.open{transform:translateX(0)}#menu{display:block}.topbar{height:66px;padding:0 15px}.main-grid{grid-template-columns:minmax(0,1fr) 240px}.conversation-panel{min-height:calc(100dvh - 66px)}.breadcrumb{font-size:11px}.breadcrumb span{margin:0 8px}.agent-panel>.section-label{margin-top:26px}}
@media(max-width:600px){.main-grid{display:flex;flex-direction:column}.agent-panel{order:-1;border-left:0;border-bottom:1px solid var(--line);padding:12px 22px;display:grid;grid-template-columns:80px 1fr;column-gap:14px;align-items:center;background:linear-gradient(100deg,#132b25aa,transparent)}.agent-panel>.section-label,.agent-tags,.agent-divider,.session-detail,.budget-card,.voice-note{display:none}.orb-scene{height:80px;grid-row:1/3}.orb{width:61px;height:61px}.orb-halo{width:95px;height:95px}.orbit{width:78px;height:68px}.orbit-two{width:70px;height:76px}.orb-floor{display:none}.agent-name{text-align:left;margin:0}.agent-name h2{font-size:18px}.agent-name p{font-size:10px}.agent-panel .agent-tags{display:flex;justify-content:start;margin:8px 0 0}.agent-tags span{font-size:7px;padding:4px 7px}.conversation-panel{padding:27px 20px 18px;min-height:calc(100dvh - 171px)}.intro h1{font-size:36px;letter-spacing:-1.3px}.intro .eyebrow{font-size:8px;margin-bottom:15px}.intro>p:last-child{font-size:12px}.empty{padding:25px 0}.suggestions{grid-template-columns:1fr}.suggestions button{padding:13px 14px;min-height:61px}.suggestion-icon{float:left;margin:4px 14px 0 0;font-size:23px;width:24px;text-align:center}.suggestions strong{font-size:12px;margin-bottom:4px}.suggestions button>span:not(.suggestion-icon){font-size:10px}.suggestions b{top:21px}.composer-area{padding-top:10px;padding-bottom:env(safe-area-inset-bottom)}.composer{padding:12px}.composer textarea{font-size:16px;min-height:48px}.composer-foot{font-size:8px}.enter-hint{display:none}.demo-banner{margin-top:20px}.connection{font-size:9px;white-space:nowrap}.breadcrumb{font-size:10px}.top-left{gap:3px}.topbar{padding:0 10px}.has-messages .intro{display:none}.has-messages .conversation-panel{padding-top:10px}.has-messages .messages{padding-top:5px}.message-content{font-size:14px}.send-button{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.orb{transform:none!important}}