/* Conversation-first layout, inspired by the familiar ChatGPT workspace. */
:root{color-scheme:dark;--bg:#212121;--surface:#2f2f2f;--sidebar:#171717;--muted:#383838;--text:#ececec;--secondary:#b4b4b4;--accent:#8ab4f8;--line:#454545;--danger:#ffb4b4;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;color:inherit;background:transparent;border-radius:8px;padding:10px 14px;transition:background .15s ease-out}button:hover,summary:hover{background:var(--muted)}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible,label.upload-label:focus-within{outline:2px solid var(--accent);outline-offset:3px}input,textarea,select{background:var(--surface);color:inherit;border:1px solid var(--line);border-radius:10px;padding:12px;caret-color:var(--text)}input{width:100%}input::placeholder,textarea::placeholder{color:var(--secondary)}a{color:var(--accent);text-underline-offset:4px}::selection{background:#46628a;color:white}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#555;border-radius:6px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}p,h1,h2,h3{margin:0}p{line-height:1.6}h1,h2{letter-spacing:-.025em}.primary{background:var(--text);color:var(--sidebar)}.primary:hover{background:#d0d0d0}.icon-button{width:40px;height:40px;display:grid;place-items:center;padding:0;flex-shrink:0;border-radius:10px}.brand{font-size:22px;font-weight:650;letter-spacing:-.03em;color:var(--text);text-decoration:none;display:flex;align-items:baseline;gap:4px}.brand-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.workspace{height:100dvh;display:flex;overflow:hidden}.sidebar{width:260px;flex-shrink:0;background:var(--sidebar);padding:16px 12px;display:flex;flex-direction:column;gap:10px}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:0 8px 12px}.sidebar .icon-button{color:var(--secondary)}.nav-button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font-size:14px;min-height:44px}.nav-button.active{background:#303030}.nav-button:hover{background:#292929}.sidebar nav{display:grid;gap:4px;margin-top:16px}.count{margin-left:auto;color:var(--secondary);font-size:12px;font-variant-numeric:tabular-nums}.sidebar-context{margin:28px 12px;color:var(--secondary);font-size:12px;line-height:1.6}.sidebar-context p{color:var(--text);font-size:13px;margin-bottom:6px}.account{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 4px 0}.avatar{background:#3e5363;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:13px;flex-shrink:0}.account>div{min-width:0;flex:1;display:grid;gap:3px}.account strong{font-size:13px;font-weight:550}.account #account{font-size:12px;color:var(--secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-collapsed .sidebar{display:none}.shade{position:fixed;inset:0;background:#0009;z-index:25;border-radius:0}
main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0;position:relative}.chat-header{height:68px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.header-left{display:flex;align-items:center;gap:8px}.model-menu{position:relative}.model-menu summary{display:flex;gap:10px;align-items:center;font-size:19px;font-weight:600;padding:8px 12px;cursor:pointer;border-radius:8px;list-style:none}.model-menu summary::-webkit-details-marker,.attachment-menu summary::-webkit-details-marker{display:none}.model-menu summary svg{width:15px;color:var(--secondary)}.model-menu>div{position:absolute;top:48px;left:0;z-index:20;width:290px;background:var(--surface);padding:20px;border-radius:12px;box-shadow:0 8px 30px #0005;font-size:13px}.model-menu strong{font-weight:550}.model-menu p{margin-top:10px;color:var(--secondary);overflow-wrap:anywhere}.chat-layout{flex:1;min-height:0;display:flex}.conversation{flex:1;min-width:0;overflow:auto;padding:28px 24px 20px;scrollbar-gutter:stable}.conversation>div{max-width:760px;margin:0 auto}#welcome{text-align:center;min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:20px 0 70px}.welcome-mark{font-size:30px;font-weight:650;display:flex;align-items:baseline;justify-content:center;gap:3px;margin-bottom:24px}.welcome-mark span{width:5px;height:5px;border-radius:50%;background:var(--accent)}#welcome h1{font-size:clamp(26px,3vw,34px);font-weight:550;line-height:1.25}#welcome>p{margin-top:12px;color:var(--secondary);font-size:15px}.suggestions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:32px}.suggestions button{border:1px solid var(--line);border-radius:24px;display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:13px}.suggestions svg{width:16px;height:16px;color:var(--secondary)}.message{margin-bottom:32px}.author{font-size:13px;font-weight:600;margin-bottom:14px}.message.user{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:36px}.message.user .author{display:none}.message.user .content{background:var(--surface);border-radius:24px;padding:12px 20px;max-width:85%;white-space:pre-wrap}.message .content{overflow-wrap:anywhere;font-size:16px;line-height:1.8}.message .trace{font-size:12px;color:var(--secondary);margin-top:16px}.trace summary{cursor:pointer;display:flex;align-items:center;gap:6px;list-style:none}.trace p{margin-top:8px;overflow-wrap:anywhere}.response-actions{display:flex;gap:6px;margin-top:12px}.response-actions button{color:var(--secondary);font-size:12px;padding:6px 8px;display:flex;align-items:center;gap:6px}.response-actions svg{width:15px;height:15px}.thinking{display:flex;align-items:center;gap:10px;color:var(--secondary);font-size:14px;padding:12px 0}.thinking-dot{width:8px;height:8px;background:var(--text);border-radius:50%;animation:breathe 1.4s ease-out infinite}@keyframes breathe{50%{opacity:.35;transform:scale(.75)}}
.composer-area{padding:0 24px max(14px,env(safe-area-inset-bottom));flex-shrink:0}.composer-area>form,.composer-area>p{max-width:760px;margin:auto}#status{font-size:12px;color:var(--secondary);min-height:22px;line-height:1.5;padding:0 10px 5px;overflow-wrap:anywhere}#status:empty{min-height:10px;padding:0}#chat-form{background:var(--surface);border-radius:26px;padding:14px 12px 10px}#message{width:100%;display:block;border:0;background:transparent;padding:4px 8px 12px;resize:none;min-height:44px;max-height:180px;line-height:1.5;font-size:16px}#message:focus-visible{outline:0}.composer-area:focus-within #chat-form{box-shadow:0 0 0 1px #777}.composer-toolbar{display:flex;align-items:center;justify-content:space-between}.composer-right{display:flex;gap:8px;align-items:center}#send{border-radius:50%;width:36px;height:36px}.voice-button{display:flex;align-items:center;gap:8px;border:1px solid #555;border-radius:22px;font-size:12px;padding:8px 12px;min-height:36px}.voice-button svg{width:18px;height:18px}#voice[aria-pressed=true]{background:#ececec;color:#171717}.composer-note{font-size:12px;color:var(--secondary);text-align:center;padding-top:10px}.attachment-menu{position:relative}.attachment-menu summary{cursor:pointer;list-style:none}.attachment-controls{position:absolute;bottom:52px;left:0;background:var(--surface);width:280px;box-shadow:0 8px 30px #0006;border-radius:12px;padding:16px;z-index:20;display:grid;gap:10px;font-size:13px}.attachment-controls label{color:var(--secondary)}#upload-destination{width:100%;font-size:13px}.upload-label{display:block;text-align:center;border:1px solid var(--line);padding:10px;border-radius:8px;cursor:pointer;color:var(--text)!important}.upload-label:hover{background:var(--muted)}.attachment-controls p{font-size:12px;color:var(--secondary)}
.utility-panel{width:360px;flex-shrink:0;background:var(--sidebar);border-left:1px solid #333;padding:20px;overflow:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.panel-heading h2{font-size:19px;font-weight:550}.utility-panel>p{font-size:13px;color:var(--secondary);margin-bottom:24px}.tools{margin-top:18px}.tool-row{padding:16px 0;border-bottom:1px solid #333;font-size:12px}.tool-row strong{font-size:13px;overflow-wrap:anywhere;font-weight:550}.tool-row p{color:var(--secondary);margin-top:6px}.tool-row span{display:block;color:var(--accent);font-size:12px;margin-top:8px}.approval{padding:20px 0;border-top:1px solid #333}.approval h3{font-size:14px;font-weight:550;overflow-wrap:anywhere}.approval .outcome{font-size:12px;color:var(--secondary);margin:8px 0 14px;font-variant-numeric:tabular-nums}.approval details{font-size:12px;color:var(--secondary)}.approval summary{cursor:pointer}.approval pre{font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto}.approval button,.history-more{font-size:12px;border:1px solid var(--line);margin-top:16px;padding:8px 12px}.history-more{width:100%}.history-empty{color:var(--secondary);font-size:14px;padding-top:16px}
.login{min-height:100dvh;max-width:1060px;margin:auto;padding:60px 32px;display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:center}.login-intro h1{font-size:clamp(32px,4vw,52px);line-height:1.1;margin:55px 0 24px}.login-intro p{max-width:37ch;color:var(--secondary)}.login form{background:var(--surface);padding:32px;border-radius:16px;display:flex;flex-direction:column;gap:12px}.login form h2{font-size:22px}.login form p{font-size:14px;color:var(--secondary)}.login form label{margin-top:12px;font-size:14px}.login form button{margin-top:12px}#login-error{color:var(--danger)}
@media(max-width:1200px){.utility-panel{position:absolute;right:0;top:0;bottom:0;z-index:22;width:min(360px,100%);box-shadow:-12px 0 32px #0004}}
@media(max-width:760px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:30;width:280px;box-shadow:8px 0 30px #0005}.sidebar-collapsed .sidebar{display:none}.chat-header{height:60px;padding:10px 12px}.conversation{padding:24px 18px 8px}.message .content{font-size:15px}.message.user .content{max-width:92%;padding:10px 16px}.composer-area{padding:0 12px max(10px,env(safe-area-inset-bottom))}.composer-note{font-size:12px}.voice-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.voice-button{padding:8px}.suggestions{flex-direction:column;align-items:center;margin-top:24px;gap:8px}.suggestions button{font-size:13px}.utility-panel{width:100%;border:0}.login{display:flex;flex-direction:column;gap:35px;padding:32px 22px;align-items:stretch;justify-content:center}.login-intro h1{margin:28px 0 16px}.login form{padding:24px}#welcome{padding-bottom:20px}.welcome-mark{margin-bottom:16px}#welcome h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.message.assistant .content{white-space:normal}.message.assistant .content p{color:inherit;margin:0 0 1em;line-height:inherit}.message.assistant .content>:last-child{margin-bottom:0}.message.assistant .content strong{font-weight:700}.message.assistant .content ul,.message.assistant .content ol{padding-left:1.5em;margin:0 0 1em}.message.assistant .content li{padding-left:.2em;margin:.35em 0}.message.assistant .content li>p{margin:.35em 0}.message.assistant .content li ul,.message.assistant .content li ol{margin:.35em 0 .7em}.message.assistant .content h1,.message.assistant .content h2,.message.assistant .content h3{margin:1.3em 0 .5em;font-size:1.15em;line-height:1.4}.message.assistant .content code{font-size:.9em;background:var(--muted);padding:.15em .35em;border-radius:4px}.message.assistant .content pre{overflow:auto;background:var(--surface);padding:14px;border:1px solid var(--line);border-radius:8px;white-space:pre;margin:0 0 1em}.message.assistant .content pre code{padding:0;background:none}.message.assistant .content blockquote{margin:0 0 1em;padding-left:1em;border-left:1px solid var(--line);color:var(--secondary)}.message.assistant .content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;margin:0 0 1em}.message.assistant .content th,.message.assistant .content td{border:1px solid var(--line);padding:8px 12px;text-align:left}.message.assistant .content hr{border:0;border-top:1px solid var(--line);margin:1.3em 0}

/* A dedicated voice surface; orb intensity follows live input and output levels. */
.voice-dialog{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;padding:0;background:var(--bg);color:var(--text);overflow:auto}.voice-dialog::backdrop{background:var(--bg)}.voice-shell{min-height:100%;display:flex;flex-direction:column;max-width:1100px;margin:auto}.voice-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;flex-shrink:0}.voice-header>span{font-size:20px;font-weight:600;letter-spacing:-.02em}.voice-stage{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px 24px 24px;min-height:360px}.voice-orb{--voice-level:0;width:clamp(170px,25vw,260px);aspect-ratio:1;border-radius:50%;overflow:hidden;position:relative;background:#e7f4ff;transform:scale(calc(1 + var(--voice-level)*.1));transition:transform .12s ease-out;isolation:isolate;margin-bottom:44px}.orb-cloud{position:absolute;inset:-30%;background:radial-gradient(ellipse at 27% 26%,#fff 0%,#fff0 45%),radial-gradient(ellipse at 70% 63%,#237bd8 0%,#58b9f5 26%,#b6e7ff00 64%),radial-gradient(ellipse at 27% 80%,#0079bd 0%,#71c9fa 35%,#ddf3ff 68%);filter:blur(12px);animation:orb-drift 14s ease-in-out infinite;opacity:.95}.voice-orb[data-state=speaking] .orb-cloud{animation-duration:7s}.voice-orb[data-state=muted]{filter:saturate(.15);opacity:.7}.voice-orb[data-state=connecting] .orb-cloud{animation-play-state:paused}.voice-orb[data-state=error]{filter:saturate(.15)}@keyframes orb-drift{0%,100%{transform:rotate(-15deg) translate(-3%,2%) scale(1)}50%{transform:rotate(35deg) translate(3%,-2%) scale(1.08)}}.voice-stage h1{font-size:25px;font-weight:550;line-height:1.35}.voice-stage>p{color:var(--secondary);font-size:14px;max-width:45ch;margin-top:10px}.voice-caption{height:72px;overflow:auto;font-size:15px!important;color:var(--text)!important;margin-top:22px!important;line-height:1.6}.voice-caption:empty{visibility:hidden}.voice-footer{padding:20px 24px max(28px,env(safe-area-inset-bottom));flex-shrink:0;text-align:center}.voice-controls{display:flex;justify-content:center;gap:42px}.voice-controls>div{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:115px}.round-control{border-radius:50%;width:64px;height:64px;background:var(--surface);display:grid;place-items:center;padding:0}.round-control svg{width:25px;height:25px}.round-control[aria-pressed=true]{background:var(--text);color:var(--sidebar)}.mute-slash{display:none}.round-control[aria-pressed=true] .mute-slash{display:block}.end-control{background:#ececec;color:#212121}.end-control:hover{background:#ccc}.voice-controls span,.voice-language{font-size:12px;color:var(--secondary)}.voice-language{margin-top:30px}.voice-dialog button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:760px){.voice-header{padding:16px 18px}.voice-stage{padding-top:24px;min-height:330px}.voice-orb{width:200px;margin-bottom:36px}.voice-stage h1{font-size:23px}.voice-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}.voice-controls{gap:28px}}@media(max-height:600px){.voice-stage{min-height:240px;padding-top:10px}.voice-orb{width:120px;margin-bottom:20px}.voice-caption{height:40px}.voice-footer{padding-top:8px}.voice-language{margin-top:14px}}@media(prefers-reduced-motion:reduce){.orb-cloud{animation:none}.voice-orb{transform:none;transition:none}}

.voice-shell{height:100%}.voice-stage{min-height:0;padding:8px 24px}.voice-orb{width:clamp(140px,24vh,220px);margin-bottom:24px}.voice-caption{height:48px;margin-top:16px!important}@media(max-width:760px){.voice-stage{padding:20px 24px}.voice-orb{width:200px;margin-bottom:32px}}@media(max-height:600px){.voice-orb{width:120px;margin-bottom:16px}.voice-caption{height:40px}.voice-header{padding:12px 24px}.voice-footer{padding:8px 24px 16px}.voice-language{margin-top:12px}}