:root{color-scheme:dark;--bg:#070d16;--panel:#0c1420;--line:rgba(167,195,213,.13);--cyan:#75e4f0;--white:#edf4fa;--muted:#8797aa;--gold:#c9b788;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);min-height:100svh}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 18% 45%,#11304755,transparent 42%),radial-gradient(ellipse at 86% 0%,#20253e38,transparent 46%);z-index:-1}
.topbar{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:17px;font-weight:650;letter-spacing:4px}.brand-mark,.pair-mark{width:40px;height:44px;border:1px solid #77d3e757;display:grid;place-items:center;color:var(--cyan);border-radius:12px 4px;font-family:Georgia,serif;font-size:30px;font-style:italic;font-weight:400;letter-spacing:0;background:#102c3826}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:3.1px;color:var(--muted);margin-top:5px}.top-actions{display:flex;align-items:center;gap:23px}.connection{font-size:11px;letter-spacing:.3px;color:var(--muted);display:flex;align-items:center;gap:8px}.connection i,.state i{width:5px;height:5px;border-radius:50%;background:var(--muted);display:inline-block}.connection[data-ready="true"] i{background:var(--cyan);box-shadow:0 0 8px #73def088}.quiet{background:none;border:0;font-size:11px;color:var(--muted);padding:8px 0}.quiet:hover{color:var(--white)}
main{max-width:1510px;margin:0 auto;display:grid;grid-template-columns:47% 53%;padding:38px 5% 30px;gap:0;min-height:calc(100svh - 156px)}.presence{position:relative;display:flex;flex-direction:column;align-items:center;padding:8px 35px 0 0;text-align:center}.presence-caption{font-size:9px;letter-spacing:2.1px;color:var(--muted);display:flex;align-items:center;gap:12px}.caption-line{width:21px;height:1px;background:var(--gold)}.orb-scene{height:276px;width:350px;max-width:100%;position:relative;margin:16px auto 0;display:grid;place-items:center}.orb{position:relative;width:158px;height:158px;border-radius:50%;overflow:hidden;border:1px solid #a5f6ffbd;box-shadow:0 0 30px #53d6e738,0 0 80px #2b8bd229,inset 0 0 38px #76eaff44;background:radial-gradient(circle at 35% 27%,#b1ffff52,transparent 32%),radial-gradient(circle at 50% 60%,#226a8966,#071825 69%);animation:breathe 7s ease-in-out infinite}.orb-core{position:absolute;inset:12%;border-radius:50%;border:1px solid #80e3f349;box-shadow:inset 0 0 27px #70e4f51b;transform:rotate(-28deg)}.orb-grid{position:absolute;inset:-35%;background:repeating-linear-gradient(0deg,transparent,transparent 13px,#b9ffff0d 14px,#b9ffff0d 15px);transform:rotate(-23deg);border-radius:50%;animation:drift 18s linear infinite}.orb>span{position:absolute;inset:0;display:grid;place-items:center;font-family:Georgia,serif;font-style:italic;font-size:84px;font-weight:400;color:#c5f7ffa8;text-shadow:0 0 24px #51dfff77}.orbit{position:absolute;border-radius:50%;width:228px;height:228px;border:1px solid #6dc7e123;transform:rotate(-25deg)}.orbit-one:after{content:"";position:absolute;top:28px;right:24px;width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 14px var(--cyan)}.orbit-two{width:265px;height:265px;border-style:dashed;border-color:#87b7c31a;animation:spin 90s linear infinite}.orbit-three{width:296px;height:102px;border-color:#83d6e522;transform:rotate(-27deg)}.orb-floor{position:absolute;bottom:6px;width:135px;height:13px;filter:blur(10px);background:#34bfec29;border-radius:50%}.orb-coordinate{position:absolute;font-size:6px;letter-spacing:1.4px;color:#698395}.coordinate-one{left:2px;top:32%}.coordinate-two{right:0;bottom:23%}.orb-scene[data-state="listening"] .orb{box-shadow:0 0 50px #57daec60,inset 0 0 30px #6cdef955;animation:breathe 2s ease-in-out infinite}.orb-scene[data-state="thinking"] .orbit-one{animation:spin 4s linear infinite;border-top-color:var(--gold)}.orb-scene[data-state="speaking"] .orb{animation:breathe 1.6s ease-in-out infinite}.eyebrow{font-size:8px;letter-spacing:2.3px;color:var(--gold);margin:2px 0 13px}h1{font-weight:350;font-size:clamp(30px,3.25vw,46px);line-height:1.15;letter-spacing:-1.4px;margin:0}h1 em{font-style:normal;color:var(--cyan)}.greeting>p:last-child{font-size:12px;color:var(--muted);line-height:1.85;margin-top:16px}.voice-control{width:min(100%,310px);margin-top:19px}.state{font-size:10px;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;gap:8px;color:#bad0db;min-height:20px;margin-bottom:12px}.state i{background:var(--cyan)}.talk{width:100%;min-height:50px;background:linear-gradient(110deg,#6cd9e9,#a2ecf4);color:#081a25;border:1px solid #c3f7ff50;border-radius:12px;font-size:12px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 7px 30px #58dbeb14;transition:transform .2s,box-shadow .2s}.talk:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 30px #58dbeb2d}.talk[data-active="true"]{background:#102d39;color:var(--cyan);border-color:#68c6d670}.talk svg{width:17px;height:20px;stroke:currentColor;stroke-width:1.65}.voice-note{color:#718495;font-size:9px;line-height:1.65;margin:10px 0}.presence-footer{font-size:7px;letter-spacing:1.6px;color:#586a7a;display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:26px}.tiny-diamond{color:var(--gold);font-size:15px}
.conversation-panel{border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,#111c2980,#0c1420b0);display:flex;flex-direction:column;min-width:0;overflow:hidden;box-shadow:0 20px 70px #00000017;max-height:830px}.panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:25px 28px}.panel-kicker{font-size:8px;letter-spacing:2px;color:var(--cyan)}h2{font-size:16px;font-weight:450;letter-spacing:-.2px;margin:7px 0 0}.private-badge{font-size:8px;color:var(--muted);display:flex;align-items:center;gap:6px;border:1px solid var(--line);padding:7px 9px;border-radius:20px}.private-badge svg{width:11px;height:11px;stroke:var(--gold);stroke-width:1.5}.messages{min-height:300px;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#294353 transparent;padding:26px 28px;display:flex;flex-direction:column;gap:24px}.empty{margin:auto;text-align:center;width:100%;padding:16px 0}.empty-symbol{width:48px;height:48px;border:1px solid #86d6e21f;border-radius:16px;display:grid;place-items:center;margin:0 auto 22px;font-size:28px;color:var(--cyan);background:#102a342b}.empty h3{font-size:17px;font-weight:420;margin:0 0 12px;letter-spacing:-.3px}.empty>p{color:var(--muted);font-size:11px;line-height:1.9;margin:0}.suggestions{display:grid;gap:8px;max-width:330px;margin:28px auto 4px}.suggestions button{border:1px solid var(--line);border-radius:9px;background:#0d182482;text-align:left;color:#a5b9c9;padding:13px 15px;font-size:10px;display:flex;justify-content:space-between;transition:border .2s,background .2s}.suggestions button:hover{border-color:#73d6eb55;background:#18303b77}.suggestions span{color:var(--gold)}.message{max-width:94%;animation:appear .25s ease-out}.message .author{display:flex;align-items:center;gap:7px;color:var(--cyan);font-size:8px;letter-spacing:1.4px;margin-bottom:9px}.message .content{font-size:13px;font-weight:350;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#d6e4ee}.message.user{align-self:flex-end;background:#142737;border:1px solid #6799b521;padding:13px 16px;border-radius:14px 14px 3px 14px;max-width:86%}.message.user .author{color:var(--muted)}.message.user .content{font-size:12px}.message.streaming .author:after{content:"";width:4px;height:4px;border-radius:50%;background:var(--cyan);animation:breathe 1s ease-in-out infinite}.message.interrupted .author:after{content:" · interrompida";letter-spacing:0;color:var(--muted)}.composer{margin:12px 22px 0;border:1px solid #97bcd325;display:flex;align-items:flex-end;gap:12px;background:#08131fd9;border-radius:13px;padding:12px 12px 12px 17px}.composer:focus-within{border-color:#6bc3d865}.composer textarea{background:transparent;border:0;outline:none;resize:vertical;min-height:26px;max-height:150px;width:100%;color:var(--white);font-size:12px;line-height:1.8}.composer textarea::placeholder{color:#677d90}.composer textarea:focus-visible{outline:none}.composer button{width:33px;height:33px;flex-shrink:0;border:1px solid #8ce8f052;background:#213b48;border-radius:9px;display:grid;place-items:center;color:var(--cyan)}.composer svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7}.composer-footer{padding:11px 27px 17px;display:flex;justify-content:space-between;align-items:center;color:#607387;font-size:8px;min-height:38px}.stop-text{color:var(--cyan);font-size:9px;padding:0}.notice{margin:14px 22px 0;padding:12px 14px;border:1px solid #bcab8142;border-radius:10px;color:#e0cea0;background:#382d162f;font-size:11px;line-height:1.6}.bottom-bar{max-width:1510px;padding:0 5% 18px;margin:auto;display:flex;justify-content:space-between;color:#586a7a;font-size:8px;letter-spacing:1.2px}.bottom-bar span:nth-child(2){letter-spacing:.2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
dialog{border:1px solid #81c7dc30;background:linear-gradient(145deg,#132333,#09121f);color:var(--white);padding:35px;width:min(430px,calc(100% - 32px));border-radius:22px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#03070eca;backdrop-filter:blur(9px)}.pair-mark{margin-bottom:24px}dialog h2{font-size:30px;line-height:1.2;font-weight:350;margin:14px 0}dialog form>p:not(.panel-kicker){font-size:12px;line-height:1.8;color:var(--muted)}dialog label{display:block;font-size:10px;margin:24px 0 8px}dialog input{width:100%;background:#08131f;border:1px solid var(--line);border-radius:10px;padding:14px;color:var(--white);font-size:14px;letter-spacing:1px}dialog .pair-error{color:#e4b092!important;min-height:18px;margin:8px 0}dialog .pair-footnote{font-size:9px!important;margin-bottom:0}
@keyframes breathe{0%,100%{filter:brightness(.9);transform:scale(.985)}50%{filter:brightness(1.15);transform:scale(1.015)}}@keyframes spin{to{transform:rotate(335deg)}}@keyframes drift{to{transform:rotate(337deg)}}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){main{padding-top:55px}.orb-scene{height:320px;margin-top:30px}.orb{width:186px;height:186px}.orbit-one{width:260px;height:260px}.orbit-two{width:300px;height:300px}.greeting>p:last-child{font-size:14px}.conversation-panel{min-height:710px}}
@media(max-width:900px){.topbar{height:78px;padding:0 5%}.top-actions{gap:14px}.connection{font-size:9px}.brand{font-size:14px}.brand-mark{width:33px;height:37px}.brand small{font-size:7px}main{grid-template-columns:1fr;padding:20px 5%;gap:23px}.presence{padding:0}.presence-caption{font-size:8px}.orb-scene{height:200px;width:270px;margin:4px auto}.orb{width:124px;height:124px}.orb span{font-size:64px}.orbit-one{width:166px;height:166px}.orbit-two{width:191px;height:191px}.orbit-three{width:217px;height:80px}.orb-coordinate{display:none}.greeting h1{font-size:30px}.greeting h1 br{display:none}.greeting h1 em{margin-left:5px}.greeting .eyebrow{display:none}.greeting>p:last-child{margin:9px 0 0;font-size:11px}.greeting>p:last-child br{display:none}.voice-control{margin-top:15px}.presence-footer{display:none}.conversation-panel{height:560px;min-height:440px;max-height:70svh}.bottom-bar{padding:0 5% 20px;font-size:7px}.bottom-bar span:nth-child(2){display:none}.panel-header{padding:21px}.messages{padding:23px 21px}.top-actions .quiet{font-size:9px}.connection{max-width:100px}.private-badge{font-size:7px}.talk{min-height:48px}.empty h3{font-size:16px}.composer-footer>span{font-size:7px}}
@media(max-width:420px){.topbar{padding:0 18px;gap:12px}.top-actions{gap:9px}.connection{display:none}main{padding:17px 15px}.panel-header{padding:19px 17px}.panel-header h2{font-size:15px}.messages{padding:22px 17px}.composer{margin:10px 13px 0}.composer-footer{padding-left:17px;padding-right:17px}.conversation-panel{border-radius:18px}.voice-note{max-width:270px;margin:9px auto}.bottom-bar{padding-left:18px;padding-right:18px}.notice{margin-left:13px;margin-right:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}