*{box-sizing:border-box} :root{color-scheme:dark;--ice:#8feaff;--blue:#2478ff;--muted:#92aacb;--text:#edf6ff;--panel:rgba(6,17,35,.95)} html,body{margin:0;width:100%;height:100%;overflow:hidden;background:transparent;font-family:'Segoe UI Variable','Segoe UI',sans-serif;color:var(--text)}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ice);outline-offset:3px}[hidden]{display:none!important}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button{border:0;background:none}#app{height:100%;padding:12px 28px 20px;display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse at 50% 43%,rgba(7,25,57,.16),transparent 53%);border-radius:30px}body.focus #app{background:radial-gradient(ellipse at 50% 35%,#0b2547 0,#040b18 55%,#030711 100%);border:1px solid #244363}.topbar{display:flex;align-items:center;height:35px;gap:2px;flex-shrink:0;background:rgba(3,7,17,.8);border:1px solid #24364d;border-radius:12px;padding:0 4px;color:#b5cdec}.dragRegion{flex:1;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2px;-webkit-app-region:drag;height:100%;padding:0 8px;user-select:none}.version{font-size:8px;letter-spacing:1.4px;color:#6f87a6;margin-left:8px}.tinyOrbit{width:14px;height:14px;border:1px solid var(--ice);border-radius:50%;box-shadow:0 0 7px #2478ff}.iconButton{display:inline-grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;color:#a4c8eb;transition:background .16s,color .16s}.iconButton:hover{background:#19314c;color:white}.topbar .iconButton{height:28px;width:28px}.topbar svg{width:15px;height:15px}.identity{text-align:center;user-select:none;flex-shrink:0;padding-top:13px;pointer-events:none}.brandMark{width:63px;height:42px;stroke:none;filter:drop-shadow(0 0 6px #2b8fff)}h1{margin:-2px 0 0;font-weight:400;font-size:24px;letter-spacing:12px;padding-left:12px;text-shadow:0 0 16px #2478ff,0 1px 2px black}.identity p{margin:8px 0 0;font-size:8px;font-weight:600;letter-spacing:3px;color:#8dadce;text-shadow:0 1px 4px #000}.orbStage{min-height:170px;flex:1;position:relative;max-height:370px}#orb{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.orbCaption{position:absolute;bottom:4px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:9px;font-size:14px;letter-spacing:1px;color:#c1e2ff;text-shadow:0 1px 5px black}#stateDot{height:4px;width:4px;background:var(--ice);border-radius:50%;box-shadow:0 0 8px #71e1ff}.expandButton{position:absolute;right:23px;top:50%;background:#09182ee8;border:1px solid #497292;width:40px;height:40px;box-shadow:0 0 15px #0a2f5b}.glass{background:linear-gradient(120deg,rgba(34,68,103,.75),rgba(6,17,35,.94) 25%,rgba(8,21,43,.95) 75%,rgba(19,53,88,.85));border:1px solid #517ca9;box-shadow:inset 0 1px 1px #b1ddff30,0 8px 28px #0006,0 0 22px #2478ff13;backdrop-filter:blur(24px)}.composer{display:flex;align-items:flex-end;padding:10px 11px;border-radius:30px;gap:8px;min-height:67px;flex-shrink:0;margin:13px 15px 0;box-shadow:inset 0 1px 2px #b1ddff45,0 6px 24px #0008,0 0 24px #2478ff26}.composer .iconButton{margin-bottom:3px}.composer textarea{background:transparent;border:0;color:#edf6ff;outline:none;resize:none;min-height:39px;max-height:100px;flex:1;padding:10px 0 5px;line-height:22px;font-size:15px;width:100%;scrollbar-width:thin}.composer textarea::placeholder{color:#96abc8}.composer textarea:focus-visible{outline:none}.sendButton{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#54ceff,#0885fa 55%,#1e46b9);border:1px solid #91daff;box-shadow:0 0 17px #0a88ff9c,inset 0 1px 3px #fff9;display:grid;place-items:center;flex-shrink:0}.sendButton svg{width:22px;height:22px;stroke:white}.sendButton:hover{filter:brightness(1.17)}.controls{display:flex;justify-content:center;gap:9px;margin:14px 0 10px;flex-shrink:0;align-items:center;font-size:11px}.pill,.modeChip{height:34px;border:1px solid #354e6b;border-radius:20px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;background:#061225ed;color:#bdd8f4}.modeChip{color:#a8caeb}.pill:hover{border-color:#8feaff;background:#14283f}.controls svg{width:15px;height:15px}.controls [data-icon]{display:flex}.autoSpeak{font-size:10px;color:#91aac7}.toggleDot{height:6px;width:6px;border-radius:50%;background:#58708f}.autoSpeak[aria-pressed=true] .toggleDot{background:var(--ice);box-shadow:0 0 5px var(--ice)}footer{display:flex;align-items:center;justify-content:center;gap:13px;flex-shrink:0;font-size:9px;color:#8aa0bc}.connection{display:flex;align-items:center;gap:5px;font-size:9px;color:#bed6f3;text-shadow:0 1px 5px black;padding:4px}.connectionDot{width:4px;height:4px;border-radius:50%;background:#7993b0}.connection.online .connectionDot{background:#8feaff;box-shadow:0 0 7px #63ceff}.quietHint{text-shadow:0 1px 4px black}.chatPanel{flex:1;min-height:130px;display:flex;flex-direction:column;border-radius:20px;margin:10px 15px 0;overflow:hidden}.panelHeading{display:flex;align-items:center;justify-content:space-between;min-height:49px;padding:6px 15px;border-bottom:1px solid #59708b3d;font-size:12px;color:#c5def8;flex-shrink:0}.panelHeading>span{display:flex;align-items:center;gap:9px}.panelHeading>div{display:flex}.panelHeading .iconButton{width:30px;height:30px}.panelHeading svg{width:16px;height:16px}.miniDot{width:6px;height:6px;border-radius:50%;background:#78deff;box-shadow:0 0 8px #2478ff}.messages{padding:15px;overflow:auto;scrollbar-width:thin;scrollbar-color:#395574 transparent;flex:1}.emptyState{text-align:center;color:#c0d8ed;padding:20px 0;font-size:13px}.emptyState p{font-size:11px;color:#8ca8c5}.message{margin:0 0 15px;line-height:1.6;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.messageLabel{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.6px;color:#8feaff;margin-bottom:6px;font-weight:600}.message.user{background:#204b7b66;padding:10px 14px;border:1px solid #47638366;border-radius:14px;margin-left:32px;color:#e5f3ff}.message.user .messageLabel{color:#90afd0}.message.assistant{padding:3px 5px}.message.error{color:#efc5c5;font-size:12px;border-left:2px solid #ab7676;padding-left:10px}.messageActions{display:flex;gap:8px;margin-top:7px}.messageActions button{font-size:10px;color:#9abada;display:flex;align-items:center;gap:5px;border-radius:5px;padding:3px 5px}.messageActions button:hover{background:#27425c}.messageActions svg{width:12px;height:12px}.streaming:after{content:' ▎';color:var(--ice);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.expanded .identity{padding-top:5px}.expanded .brandMark{display:none}.expanded h1{font-size:17px;letter-spacing:8px;margin-top:7px}.expanded .identity p{display:none}.expanded .orbStage{height:190px;flex:none;min-height:155px}.expanded .orbCaption{font-size:11px}.expanded .expandButton{display:none}.attachmentRow{display:flex;gap:6px;flex-wrap:wrap;margin:8px 24px -5px}.attachmentChip{border:1px solid #456889;border-radius:10px;background:#08172dea;font-size:10px;display:flex;align-items:center;gap:8px;padding:5px 8px}.attachmentChip button{padding:0;color:#d7e8ff}.toast{position:absolute;bottom:119px;left:45px;right:45px;border-radius:12px;padding:13px 17px;font-size:12px;line-height:1.5;z-index:30}.overlay{position:absolute;inset:61px 32px 33px;border-radius:22px;z-index:20;display:flex;flex-direction:column;background:linear-gradient(145deg,#122940fa,#050e1cfc 40%,#0a1930fc);box-shadow:0 16px 65px #000b}.overlay .panelHeading{padding:12px 20px;font-size:17px}.settingsContent{padding:4px 22px 24px;overflow:auto;scrollbar-width:thin;scrollbar-color:#45617b transparent;font-size:12px}.sectionLabel{font-size:9px;letter-spacing:2px;color:#8feaff;margin:22px 0 12px}.settingsContent label{display:block;color:#c0d5eb;font-size:11px;margin:12px 0}.settingsContent input:not([type=checkbox]):not([type=range]),.settingsContent select{margin-top:7px;display:block;width:100%;background:#05101f;border:1px solid #344c69;border-radius:8px;padding:9px 11px;color:#e5efff;font-size:12px}.settingsContent input[type=range]{width:100%;margin-top:12px;accent-color:#6dd8ff}.settingsContent input[type=checkbox]{accent-color:#4dbeff;width:17px;height:17px}.keyRow{display:flex;align-items:center;gap:7px}.keyRow input{flex:1;min-width:0}.keyRow button{margin-top:7px}.smallButton{font-size:11px;padding:8px 12px;border:1px solid #3e6087;border-radius:8px;background:#17334d;color:#d6ebff}.smallButton:hover{background:#254b6b}.settingHint{color:#9eb4cc;font-size:11px;line-height:1.6}.settingRow{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #45627b30;padding:2px 0}.accountBox{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.accountBox>div{flex:1;min-width:190px}.accountBox p{color:#96b3ce;font-size:11px;margin:4px 0}#keyStatus{display:block;margin-top:6px;color:#8fc2d8}.danger{color:#eac3c3}.historyNew{margin:17px;width:max-content}#historyList{padding:0 17px 20px;overflow:auto}.historyItem{display:block;text-align:left;width:100%;padding:15px;margin:0 0 8px;background:#132b44;border:1px solid #345272;border-radius:12px;color:#d9eafa}.historyItem small{display:block;font-size:10px;color:#87a8c9;margin-top:6px}.recording #micBtn{background:#1e6299;border:1px solid var(--ice);color:white;box-shadow:0 0 18px #248fff}.busy .sendButton{background:#1f3c62}.busy .sendButton svg{width:17px;height:17px}.reduced *{animation:none!important;transition:none!important}@media(max-height:720px){.expanded .orbStage{height:140px;min-height:140px}.expanded .identity{display:none}.identity{padding-top:7px}.identity p{display:none}.controls{margin-top:10px;margin-bottom:7px}.quietHint{display:none}.composer{margin-top:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.composer{position:relative}.composer.fileDrop{border-color:#9cefff;box-shadow:inset 0 0 25px #2478ff40,0 0 28px #33bdff66}.dropHint{position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;background:#081d35ed;color:#b5f2ff;font-size:14px;letter-spacing:.5px;pointer-events:none;z-index:2}.attachmentChip{max-width:100%;min-width:0}.attachmentChip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachmentChip button{flex-shrink:0}
/* The model indicator uses the existing workspace palette and footer space. */
.modelStatus{color:var(--workspace-accent,#8feaff);font-size:9px;padding:4px 6px;border:1px solid #6284a440;border-radius:7px;background:#07111b80;max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.modelStatus:hover{background:#20364b80}.modelStatus:focus-visible{outline:1px solid var(--workspace-accent,#8feaff)}
@media(max-width:650px){footer .quietHint{display:none}footer{gap:8px}}

/* A small workspace-coloured input meter, shared by normal and cinematic mode. */
#micBtn[aria-pressed="true"]{position:relative;color:var(--workspace-accent,#8feaff)}
#micBtn[aria-pressed="true"]::after{content:"";position:absolute;bottom:3px;left:8px;right:8px;height:3px;border-radius:4px;background:var(--workspace-accent,#8feaff);transform:scaleX(var(--mic-level,0));transform-origin:left;transition:transform .08s linear;pointer-events:none}