:root{color-scheme:dark;--bg:#040b15;--panel:#081a2a;--cyan:#72efff;--bright:#a2f7ff;--blue:#00b6e8;--dim:#6b91a5;--border:rgba(76,206,244,.19);--font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{height:100%;background:var(--bg)}body{margin:0;min-height:100%;font-family:var(--font);color:#dceefa;background:radial-gradient(ellipse at 50% 32%,#102f47 0%,#071a2b 29%,#040b15 67%);overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #78f0ff;outline-offset:3px}button:disabled{cursor:default;opacity:.6}::selection{background:#1e6e8e;color:#fff}
.background-grid{position:fixed;inset:0;z-index:-1;opacity:.24;background-image:linear-gradient(rgba(54,170,213,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(54,170,213,.10) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(0deg,transparent,black 22%,black 76%,transparent);pointer-events:none}.ambient{position:fixed;width:380px;height:380px;border:1px solid rgba(4,172,255,.06);border-radius:50%;pointer-events:none;z-index:-1}.ambient-a{top:-230px;left:-160px;box-shadow:0 0 90px #12658d18}.ambient-b{bottom:-250px;right:-230px;box-shadow:0 0 90px #12658d18}
.app-shell{position:relative;width:min(100%,580px);min-height:100vh;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;padding:env(safe-area-inset-top) clamp(15px,4vw,26px) env(safe-area-inset-bottom);background:linear-gradient(90deg,transparent 0%,#071c2e09 50%,transparent 100%)}.topbar{height:65px;flex:none;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;gap:9px;align-items:center;color:#acd0df;font-size:10px;font-weight:600;letter-spacing:2px}.brand strong{color:#54d9f7;font-weight:750}.brand-symbol{font-size:27px;color:#6ae9ff;text-shadow:0 0 18px #00d6ff}.top-actions{display:flex;align-items:center;gap:12px}.live-indicator{display:flex;align-items:center;gap:6px;color:#83bbc9;font-size:9px;letter-spacing:1.1px}.live-indicator i{width:5px;height:5px;border-radius:50%;background:#62ffb7;box-shadow:0 0 9px #62ffb7}.icon-button{display:grid;place-items:center;color:#94d2e2;background:#0c2535;border:1px solid var(--border);border-radius:8px;width:35px;height:35px}.icon-button svg{width:18px;height:18px}
.workspace{display:flex;flex:1;flex-direction:column;min-height:0}.hero{text-align:center;padding-top:22px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;color:#539eb5;letter-spacing:2.2px;font-size:9px;font-weight:700;white-space:nowrap}.eyebrow-line{height:1px;width:21px;background:#377d91}.hero h1{font-size:clamp(34px,9vw,48px);margin:9px 0 0;color:#d0fbff;font-weight:300;letter-spacing:10px;padding-left:10px;text-shadow:0 0 18px #48dfff5c}.hero-subtitle{font-size:9px;letter-spacing:2.7px;margin:9px 0 0;color:#729aac}
.reactor-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;margin:7px 0 0}.reactor{width:min(80vw,350px);aspect-ratio:1/1;position:relative;display:grid;place-items:center;filter:drop-shadow(0 0 19px #00c8ff2b)}.reactor:before{content:"";position:absolute;inset:11%;border-radius:50%;background:radial-gradient(circle,#00d9ff14,transparent 65%);animation:pulsate 3.8s ease-in-out infinite}.reactor-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ring{transform-origin:180px 180px;transform-box:view-box}.rotate-cw{animation:rotate 37s linear infinite}.rotate-ccw{animation:rotate 28s linear infinite reverse}.slow{animation-duration:65s}.radar-scanner{transform-origin:180px 180px;animation:rotate 10s linear infinite}.core-button{position:relative;z-index:2;width:34%;aspect-ratio:1;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#a2f3ff;background:radial-gradient(circle,#104464a8,#071e2d30 72%,transparent 78%);text-shadow:0 0 15px #24dcff;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 0 31px #00c9ff14}.core-button:active{transform:scale(.94)}.core-button-icon svg{width:21px;height:21px}.core-button-title{font-size:18px;letter-spacing:2px;font-weight:700}.core-button-hint{font-size:7px;letter-spacing:1px;color:#93bfd0;white-space:nowrap}.reactor.listening .core-button{box-shadow:0 0 40px #00d9ff68;animation:listenPulse .95s ease-in-out infinite}.reactor.listening .rotate-cw{animation-duration:7s}.reactor.listening .rotate-ccw{animation-duration:5s}.reactor.speaking .core-button{box-shadow:0 0 48px #50f4ff66;animation:listenPulse 1.4s ease-in-out infinite}.reactor.thinking .core-button-icon{animation:rotate 2s linear infinite}.vertical-caption{position:absolute;top:47%;color:#4e8297;letter-spacing:2.1px;font-size:8px;white-space:nowrap;writing-mode:vertical-rl}.vertical-caption span{color:#1fc8e8}.caption-left{left:1px;transform:translateY(-50%) rotate(180deg)}.caption-right{right:1px;transform:translateY(-50%)}.listening-caption{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:-9px;color:#7bd5e9;font-size:9px;letter-spacing:2px}.thin-pulse{height:5px;width:5px;border-radius:50%;background:#58daf4;box-shadow:0 0 11px #00dfff;animation:pulsate 2s infinite}
.telemetry{display:flex;justify-content:space-around;align-items:center;margin:18px 0 19px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#0a20300a;min-height:52px}.telemetry>div:not(.telemetry-divider){display:flex;flex-direction:column;align-items:center;gap:6px;min-width:25%}.telemetry-label{font-size:8px;color:#6395ad;letter-spacing:1.4px}.telemetry strong{font-size:10px;color:#75e7f6;letter-spacing:1px;font-weight:650}.telemetry-divider{height:20px;width:1px;background:var(--border)}
.chat-section{display:flex;min-height:0;flex:1;flex-direction:column}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.section-title-row h2{font-size:10px;color:#91bbc9;letter-spacing:1.7px;margin:0;font-weight:750}.section-title-row h2 span{color:#57daed;font-size:15px;margin-right:5px}.text-button{border:none;background:none;color:#4b8a9f;font-size:9px;letter-spacing:1.5px;padding:8px}.messages{min-height:84px;max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#28708a transparent;display:flex;flex-direction:column;gap:11px;padding:9px 4px 12px 1px}.message{display:flex;align-items:flex-start;gap:10px;animation:messageIn .2s ease-out}.message-avatar{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border:1px solid #237d9b;background:#06293a;color:#90f4ff;font-weight:750;font-size:12px;clip-path:polygon(15% 0,85% 0,100% 50%,85% 100%,15% 100%,0 50%)}.message.user .message-avatar{color:#bdd1df;background:#14273b;border-color:#30576d}.message-content{min-width:0;flex:1}.message-label{font-size:9px;color:#4ac9e8;letter-spacing:1.6px;font-weight:800;margin:1px 0 5px}.message.user .message-label{color:#8fa6b9}.message-text{font-size:12px;line-height:1.52;color:#c0d9e7;white-space:pre-wrap;overflow-wrap:anywhere}.message.user .message-text{color:#e1eaf1}.quick-actions{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:8px 0 11px;flex:none}.quick-actions::-webkit-scrollbar{display:none}.quick-actions button{background:rgba(9,39,60,.7);border:1px solid rgba(53,159,194,.26);color:#75c5d9;padding:9px 10px;font-size:9px;letter-spacing:1.1px;border-radius:4px;white-space:nowrap}.quick-actions button:active{background:#174560}.composer{display:flex;align-items:center;gap:9px;background:#081b2a;border:1px solid #276079;box-shadow:0 0 15px #00a4e00e;padding:6px;border-radius:9px;min-height:51px;flex:none}.composer input{flex:1;min-width:0;border:0;outline:0;color:#e4f7ff;background:transparent;font-size:13px}.composer input::placeholder{color:#537d93}.mic-button{background:#0b3146;color:#79e5f9;border:1px solid #235772;width:35px;height:35px;border-radius:6px;display:grid;place-items:center}.mic-button svg,.send-button svg{height:19px;width:19px}.mic-button.active{background:#115d76;box-shadow:0 0 12px #2af2ff6b}.send-button{background:linear-gradient(135deg,#44edff,#0da8d4);color:#063146;border:none;width:36px;height:36px;border-radius:6px;display:grid;place-items:center}.footer{display:flex;justify-content:space-between;color:#3f7086;font-size:8px;letter-spacing:1.6px;padding:17px 1px 13px;flex:none}
.settings-dialog{width:min(92vw,440px);max-height:min(90dvh,700px);overflow:auto;border:1px solid #29647d;border-radius:12px;padding:0;color:#d7f0fd;background:linear-gradient(160deg,#102b3d,#061420 75%);box-shadow:0 15px 70px #000c,0 0 45px #03789f33}.settings-dialog::backdrop{background:#01070dd6;backdrop-filter:blur(8px)}.dialog-inner{padding:24px}.dialog-header{display:flex;justify-content:space-between;align-items:start}.dialog-header h2{margin:4px 0 0;font-size:18px;letter-spacing:3px;font-weight:600}.dialog-eyebrow{margin:0;color:#5abbcd;font-size:9px;letter-spacing:2px}.settings-intro{color:#97b2c3;line-height:1.5;font-size:12px;margin:16px 0 21px}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;cursor:pointer}.toggle-row>span:first-child{display:flex;flex-direction:column;gap:5px}.toggle-row strong{font-weight:600;font-size:13px}.toggle-row small{font-size:11px;color:#7f9bae}.toggle-row input{position:absolute;opacity:0;width:1px;height:1px}.toggle-switch{height:24px;width:42px;border-radius:20px;background:#2f4657;border:1px solid #446579;position:relative;transition:background .2s}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#b3c8cf;border-radius:50%;transition:transform .2s}.toggle-row input:checked+.toggle-switch{background:#086884;border-color:#13c7e4}.toggle-row input:checked+.toggle-switch:after{background:#a3f7ff;transform:translateX(17px)}.toggle-row input:focus-visible+.toggle-switch{outline:2px solid #fff;outline-offset:3px}.settings-divider{height:1px;background:#22526a;margin:23px 0}.field-label{display:block;color:#76cada;font-size:10px;letter-spacing:2px;margin-bottom:11px}.secret-field{display:flex;border:1px solid #2b6780;border-radius:5px;overflow:hidden}.secret-field input{flex:1;min-width:0;border:0;background:#071d2d;color:#ddfaff;padding:12px;font-size:13px;outline:none}.secret-field button{border:0;border-left:1px solid #2b6780;padding:0 12px;color:#76d8eb;background:#092738;font-size:9px;letter-spacing:1px}.field-note,.dialog-footnote{font-size:11px;line-height:1.5;color:#7297a8}.primary-settings{width:100%;height:46px;border:1px solid #66eaff;background:linear-gradient(135deg,#2accf5,#037fad);border-radius:5px;font-size:11px;letter-spacing:2px;color:white;font-weight:700;margin:12px 0 15px}.settings-note{padding:12px;font-size:11px;line-height:1.5;border:1px solid #24546a;background:#092336;color:#9ec5d3;border-radius:5px}.dialog-footnote{margin-top:17px;margin-bottom:0}.toast{position:fixed;z-index:20;left:50%;bottom:calc(25px + env(safe-area-inset-bottom));transform:translate(-50%,20px);max-width:90vw;background:#0e3144;border:1px solid #267da0;color:#d0f7ff;padding:12px 17px;border-radius:7px;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;font-size:12px;box-shadow:0 10px 40px #0009}.toast.visible{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes rotate{to{transform:rotate(360deg)}}@keyframes pulsate{50%{opacity:.45;transform:scale(1.04)}}@keyframes listenPulse{50%{box-shadow:0 0 65px #34e8ffab;transform:scale(1.02)}}@keyframes messageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:375px){.hero{padding-top:16px}.hero h1{letter-spacing:8px;padding-left:8px}.reactor{width:min(80vw,300px)}.telemetry{margin:12px 0}.vertical-caption{font-size:7px;letter-spacing:1px}.eyebrow{font-size:8px;letter-spacing:1.5px}.brand{letter-spacing:1px}.live-indicator{font-size:8px}.messages{max-height:210px}}@media(min-height:850px){.hero{padding-top:28px}.reactor{width:min(83vw,360px)}.telemetry{margin:21px 0 22px}.messages{min-height:115px}.footer{padding:22px 1px 17px}}@media(max-height:725px){.topbar{height:52px}.hero{padding-top:10px}.hero h1{font-size:32px;margin-top:5px}.hero-subtitle{margin-top:4px}.reactor{width:min(68vw,268px)}.listening-caption{margin-top:-4px}.telemetry{margin:8px 0;min-height:43px}.messages{min-height:60px;max-height:160px;gap:8px}.footer{padding:9px 1px}.quick-actions{padding:5px 0 7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}