:root{color-scheme:dark;--bg:#0c0c0d;--panel:#121214;--gold:#ffba66;--muted:#92918e;--line:#ffffff12;--text:#eeece8;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100dvh;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 32% 35%,#72401b0c,transparent 50%),linear-gradient(90deg,#ffffff02 1px,transparent 1px),linear-gradient(#ffffff02 1px,transparent 1px);background-size:auto,64px 64px,64px 64px;mask-image:linear-gradient(#000,transparent)}header{height:100px;display:flex;justify-content:space-between;align-items:center;margin:0 4%;border-bottom:1px solid var(--line);position:relative}.brand{display:flex;align-items:center;gap:14px;letter-spacing:.23em;font-size:18px;font-weight:600;color:var(--text);text-decoration:none}.brand small{display:block;font-size:8px;letter-spacing:.2em;font-weight:400;color:var(--muted);margin-top:1px}.brand-icon,.mini-brand{display:grid;place-items:center;border:1px solid #af7f4755;color:var(--gold);width:38px;height:42px;border-radius:13px 3px 13px 3px;font-size:25px;font-weight:300;letter-spacing:0;background:linear-gradient(140deg,#83542122,transparent)}.top-right{display:flex;align-items:center;gap:18px}.connection{font-size:11px;color:#aeaba5}.connection:before{content:'';display:inline-block;width:5px;height:5px;background:#b7bc9d;margin-right:8px;border-radius:100%;box-shadow:0 0 8px #b7bc9d55}.quiet{background:transparent;color:#c2bcb3;border:1px solid var(--line);padding:9px 15px;border-radius:8px;font-size:12px}.quiet:hover{background:#ffffff08}.icon-button{border:1px solid var(--line);border-radius:50%;width:35px;height:35px;color:#c9c3ba;background:#ffffff03;font-size:20px}.gold-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px #ffa22e88;margin-right:7px}.eyebrow{font-size:9px;letter-spacing:.23em;font-weight:500;color:#a49a89;margin:0}main{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,345px);gap:4%;max-width:1550px;margin:auto;padding:36px 4% 20px;min-height:calc(100dvh - 155px)}body:not(.authenticated) main{grid-template-columns:1fr}.stage{text-align:center;display:flex;align-items:center;flex-direction:column;position:relative;min-width:0}.stage>.eyebrow{margin:0 0 10px}.reactor{position:relative;width:min(41vw,480px);height:min(41vw,480px);min-width:280px;min-height:280px;margin:0 auto;flex-shrink:0;--speed:28s}.halo{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle,#ff922622 0,#ff9e1a11 30%,#ff801408 52%,transparent 72%);filter:blur(10px);animation:breathe 5s ease-in-out infinite}.orbit{position:absolute;border-radius:50%;border:1px solid #fda84420}.orbit-outer{inset:4%;border:1px solid #f4b36e15;transform:rotate(-20deg)}.orbit-outer:before{content:'';position:absolute;inset:10px;border-radius:50%;background:repeating-conic-gradient(#e2a15166 0deg 0.2deg,transparent .2deg 5deg);mask:radial-gradient(transparent 68%,#000 68.4% 70%,transparent 70.5%);animation:rotate 100s linear infinite}.orbit-middle{inset:15%;border:1px solid #df9f5566;box-shadow:0 0 16px #de8c2022,inset 0 0 15px #de8c2011;animation:rotate var(--speed) linear infinite}.orbit-middle:before,.orbit-middle:after{content:'';position:absolute;inset:-4px;border:3px solid transparent;border-top-color:#e4a556;border-bottom-color:#8a551a;border-radius:50%;transform:rotate(-20deg);filter:drop-shadow(0 0 4px #d4842d)}.orbit-middle:after{inset:8px;border-width:1px;border-top-color:#ffcb89;border-bottom-color:transparent;transform:rotate(65deg)}.orbit-inner{inset:23%;border:1px dashed #ffd19155;animation:rotate 50s linear infinite reverse}.filament{position:absolute;inset:27%;border-radius:42% 58% 46% 54%;border:1px solid #ffcb87aa;box-shadow:0 0 9px #f98b1644;animation:rotate 13s linear infinite}.filament-two{inset:30%;border-color:#ffb93e;animation-duration:17s;animation-direction:reverse;transform:rotate(60deg)}.sun{position:absolute;inset:33%;border-radius:50%;background:radial-gradient(circle at 42% 40%,#ffdeb0 0,#ffbb62 7%,#ce6a16 28%,#71350d 49%,#dd8d28 54%,#4a220a 63%,transparent 71%);box-shadow:0 0 35px #ee941e6e,0 0 80px #f18b1224,inset 0 0 30px #f5a85b8a;animation:breathe 4.5s ease-in-out infinite}.sun-inner{position:absolute;inset:12%;border-radius:50%;background:conic-gradient(from 90deg,transparent,#ffcf7899,transparent,#ee780b66,transparent);mix-blend-mode:screen;filter:blur(7px);animation:rotate 9s linear infinite}.satellite{position:absolute;inset:4%;border-radius:50%;animation:rotate 44s linear infinite}.satellite:after{content:'';display:block;position:absolute;top:50%;left:-2px;width:5px;height:5px;border-radius:50%;background:#f5ba6a;box-shadow:0 0 10px #ffd08c}.satellite-two{inset:15%;animation-duration:20s;animation-direction:reverse}.satellite-two:after{width:3px;height:3px}.reactor.listening{--speed:12s}.reactor.listening .halo{background:radial-gradient(circle,#ffac3933,transparent 68%)}.reactor.speaking .sun{animation:breathe .65s ease-in-out infinite}.reactor.thinking .orbit-middle{animation-duration:5s}.stage-copy{margin-top:-5px}.stage-copy h1{font-size:clamp(26px,2.6vw,38px);font-weight:400;letter-spacing:-.035em;line-height:1.3;margin:12px 0 10px}.stage-copy>p:last-child{font-size:12px;color:var(--muted);margin:0}.capabilities{display:flex;gap:8px;margin:28px 0 12px}.capabilities button{border:1px solid var(--line);border-radius:7px;background:linear-gradient(#ffffff04,#ffffff01);color:#bbb6ae;padding:9px 13px;font-size:11px;display:flex;align-items:center;gap:7px}.capabilities button>span{color:#c29761;font-size:15px}.capabilities small{font-size:8px;color:#6e6d66;padding-left:5px}.conversation-controls{margin-top:auto;padding-top:28px;width:100%}.voice-control{display:flex;gap:10px;justify-content:center}.gold-button{border:1px solid #ffce8caa;color:#271505;background:linear-gradient(125deg,#ffcb8a,#e9a653);border-radius:9px;padding:12px 19px;font-size:12px;font-weight:600;box-shadow:0 3px 28px #e29a3620}.gold-button:hover{filter:brightness(1.1)}.mic-symbol{margin-right:6px}.stop-button{width:44px;color:#c6b5a0;border:1px solid #b28b5844;border-radius:9px;background:#34271930;font-size:14px}.conversation-controls p{font-size:10px;color:var(--muted);margin:11px 0 0}.conversation-controls small{font-size:9px;color:#706c66}.chat-panel{display:flex;flex-direction:column;align-self:stretch;min-height:540px;max-height:calc(100dvh - 177px);background:linear-gradient(160deg,#171718ee,#111113ee);border:1px solid var(--line);border-radius:15px;overflow:hidden}.chat-heading{padding:25px 23px 21px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.chat-heading h2{font-size:14px;font-weight:400;letter-spacing:-.02em;margin:7px 0 0}.tiny-orbit{width:20px;height:20px;border:1px solid #af8248;border-radius:50%;box-shadow:inset 0 0 5px #af824855}.messages{flex:1;overflow:auto;min-height:170px;padding:24px 20px;scrollbar-width:thin;scrollbar-color:#4c4133 transparent}.welcome{padding-top:35%;text-align:center;color:#bab2a7}.welcome .mini-brand{margin:auto;width:30px;height:33px;font-size:21px}.welcome p{font-size:13px;margin:16px 0 4px}.welcome small{font-size:10px;color:#76716a}.bubble{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 20px;max-width:100%}.bubble.user{background:#262421;padding:12px 14px;border:1px solid #ffffff06;border-radius:12px 12px 2px 12px;color:#d2cbc1;margin-left:24px}.bubble.assistant{border-left:1px solid #d79b4755;padding-left:14px;color:#c5bfb5}.bubble-label{font-size:8px;letter-spacing:.18em;color:#c99c62;display:block;margin-bottom:6px}.chat-input{margin:0 16px 8px;border:1px solid #ffffff12;background:#0e0e10;border-radius:10px;display:flex;align-items:center;padding:10px}.chat-input textarea{border:0;resize:none;background:none;color:var(--text);font-size:12px;flex:1;min-width:0;max-height:100px;padding:0 6px;outline:none}.chat-input button{border:0;background:#dca35f;color:#20170c;width:30px;height:30px;border-radius:7px;font-size:22px;line-height:1}.chat-foot{display:flex;justify-content:space-between;font-size:7px;color:#6d6a64;padding:3px 18px 14px;letter-spacing:.01em}.proposals{max-height:190px;overflow:auto;padding:0 16px}.proposal{border:1px solid #b4864255;background:#b4864208;border-radius:9px;padding:10px;margin-bottom:10px;font-size:11px}.proposal p{margin:3px 0;overflow-wrap:anywhere}.proposal-actions{display:flex;gap:7px;margin-top:8px}.proposal button{font-size:10px;padding:7px 9px}.proposal a{color:var(--gold)}.error{font-size:12px;color:#f1b093;min-height:0;white-space:pre-wrap}.chat-panel>.error{margin:5px 20px}.error:empty{display:none}.login-card{margin:28px auto 10px;width:min(400px,100%);text-align:left;padding:20px;border:1px solid var(--line);border-radius:12px;background:#15151566}.login-card label{font-size:11px;color:#b6ada0}.login-row{display:flex;gap:8px;margin-top:8px}.login-row input{min-width:0;flex:1}.login-card small{display:block;color:#716c64;font-size:9px;margin-top:12px}input,select{border:1px solid #ffffff20;border-radius:7px;background:#101012;color:var(--text);padding:11px 12px;font-size:12px}footer{position:relative;margin:0 4%;height:55px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:#64615c;font-size:8px;letter-spacing:.13em}.separator{margin:0 9px;color:#9e743e}footer .gold-dot{width:3px;height:3px;margin:0 0 0 7px}dialog{color:var(--text);background:#171719;border:1px solid #51402a;border-radius:16px;width:min(560px,94vw);max-height:85dvh;padding:28px;box-shadow:0 30px 120px #000a}dialog::backdrop{background:#060606cc;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}dialog h2{font-weight:400;font-size:25px;margin:4px 0 16px}dialog h3{font-size:14px;font-weight:500}dialog p{font-size:12px;color:#9f998f}dialog section{border-top:1px solid var(--line);padding:12px 0}dialog label{display:block;font-size:11px;color:#aaa094;margin:9px 0 5px}dialog input,dialog select{width:100%}dialog form button{margin-top:13px}dialog .hint{font-size:10px}dialog a{color:var(--gold)}#voice-test{margin-top:10px}#mail-code{font-size:13px;white-space:pre-wrap;padding:10px 0}.status-message{color:var(--gold)}#approval-content{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 -apple-system,sans-serif;background:#0e0e10;padding:16px;border-radius:8px;max-height:48vh;overflow:auto}.approval-buttons{display:flex;gap:10px;justify-content:flex-end}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.7;transform:scale(.96)}}@media(min-height:900px) and (min-width:850px){main{padding-top:55px}.reactor{width:490px;height:490px}.stage-copy{margin-top:8px}}@media(max-width:1050px){main{grid-template-columns:minmax(0,1fr) 290px;gap:25px}.reactor{min-width:250px;min-height:250px}.capabilities{gap:5px}.capabilities button{padding:8px}.capabilities small{display:none}.stage-copy>p:last-child{max-width:280px;margin:auto}}@media(max-width:760px){header{height:77px;margin:0 6%}.brand{font-size:15px}.brand small{font-size:7px}.brand-icon{width:30px;height:35px}.top-right{gap:8px}.connection{display:none}#logout{font-size:10px;padding:6px 9px}main{display:flex;flex-direction:column;padding:25px 6% 100px;gap:30px;min-height:auto}.stage>.eyebrow{font-size:8px}.reactor{width:300px;height:300px;min-width:0;min-height:0;margin:-7px auto}.stage-copy h1{font-size:28px}.stage-copy>.eyebrow{font-size:8px}.stage-copy>p:last-child{font-size:11px;max-width:300px}.capabilities{margin:20px 0 0}.capabilities button{font-size:10px;padding:8px 12px}.conversation-controls{position:fixed;bottom:0;left:0;right:0;z-index:4;background:linear-gradient(#0b0b0bf5,#0b0b0b);border-top:1px solid #ffffff0d;padding:14px 15px max(14px,env(safe-area-inset-bottom));backdrop-filter:blur(15px)}.conversation-controls p{font-size:9px;margin-top:6px}.conversation-controls small{display:none}.chat-panel{min-height:420px;max-height:600px;border-radius:13px}.chat-heading{padding:20px}.messages{max-height:330px}.welcome{padding-top:15%}footer{margin:0 6%;padding-bottom:95px;height:auto;min-height:130px;font-size:6px}body:not(.authenticated) main{padding-bottom:20px}body:not(.authenticated) footer{padding-bottom:0;min-height:50px}dialog{padding:22px}.login-row{flex-direction:column}.login-card{max-width:330px}.login-card small{text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;scroll-behavior:auto!important}}
@media(min-width:761px) and (max-height:800px){header{height:76px}main{padding-top:22px;padding-bottom:18px;min-height:calc(100dvh - 125px)}.reactor{width:min(35vw,400px,40dvh);height:min(35vw,400px,40dvh);min-width:240px;min-height:240px}.stage-copy h1{font-size:29px;margin:8px 0}.capabilities{margin:18px 0 8px}.conversation-controls{padding-top:14px}.chat-panel{min-height:490px;max-height:calc(100dvh - 166px)}footer{height:49px}.login-card{margin-top:20px;padding:16px}}
