@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0c1112;--panel:#111819;--line:#263032;--muted:#9aa8a6;--text:#edf4ef;--mint:#b9efcf}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{color:inherit}a{color:inherit;text-decoration:none}.app{max-width:1500px;margin:auto;padding:0 5%}header{height:104px;display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:2px}.brand b{font-weight:400;color:var(--muted)}.brand-icon{background:var(--mint);color:#142a21;width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-size:23px;letter-spacing:-3px;padding-right:3px}.workspace{font-size:14px;color:var(--muted);border-left:1px solid var(--line);padding-left:30px}.connection{margin-left:auto;display:flex;align-items:center;gap:10px;background:#17201e;border:1px solid #35443d;border-radius:100px;padding:12px 17px;font-size:14px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d6b67f;flex-shrink:0}.connection.connected .dot{background:var(--mint)}main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,1fr);min-height:780px}.voice-space{position:relative;padding:42px 30px 30px 0;border-right:1px solid var(--line);text-align:center}.eyebrow{display:flex;align-items:center;gap:10px;text-align:left;letter-spacing:2px;font-size:12px;color:var(--muted)}.tiny-line{width:20px;height:1px;background:var(--mint)}.heading{margin-top:30px}.heading h1{font-family:Manrope,sans-serif;font-size:clamp(38px,4.2vw,60px);line-height:1.14;letter-spacing:-2.5px;font-weight:500;margin:0}.heading h1 span{color:var(--mint)}.heading p{color:var(--muted);font-size:15px;margin:18px 0}.visual{width:262px;height:244px;margin:16px auto 4px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #2e493e;border-radius:50%;width:214px;height:214px}.orbit-two{width:252px;height:252px;border-color:#1d2d27}.core{width:174px;height:174px;border:1px solid #749b82;border-radius:50%;background:radial-gradient(circle at 33% 25%,#506a54,#1f382b 48%,#101c17 85%);box-shadow:inset 0 0 24px #82bf6326,0 0 75px #81bb6020;display:grid;place-items:center}.orbit-mark{position:absolute;right:30px;top:27px;color:var(--mint);background:var(--bg);padding:3px;font-size:20px}.wave{display:flex;gap:6px;align-items:center;height:65px}.wave i{display:block;width:4px;height:14px;background:#d4ffdf;border-radius:4px}.wave i:nth-child(2n){height:30px}.wave i:nth-child(3n){height:49px}.wave i:nth-child(5){height:63px}.active .wave i{animation:wave .7s ease-in-out infinite alternate}.active .wave i:nth-child(2n){animation-delay:-.4s}.active .core{box-shadow:0 0 85px #81bb6045}.state-tag{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--mint)}.voice-state h2{font-family:Manrope,sans-serif;font-size:25px;font-weight:500;letter-spacing:-.7px;margin:12px 0 8px}.voice-state p{font-size:14px;color:var(--muted);margin:0 auto;max-width:390px;min-height:38px;line-height:1.5}.mic-row{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:13px}.round{background:#182020;border:1px solid var(--line);border-radius:50%;width:44px;height:44px;font-size:17px;color:#adb9b5}.round[aria-pressed=true]{color:#f4bcab;border-color:#946052}.mic{display:grid;place-items:center;width:76px;height:76px;background:var(--mint);color:#12301f;border:0;border-radius:50%;box-shadow:0 0 0 7px #b9efcf0a;transition:transform .2s}.mic:hover{transform:scale(1.05)}.mic svg{width:29px;height:29px}.mic-note{font-size:12px;color:var(--muted);margin:18px 0 24px}.privacy{color:#82948a;font-size:12px;line-height:1.7}.privacy span{margin-right:6px}.privacy small{font-size:12px;color:#82918d}aside{padding:42px 0 30px 38px;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{font-family:Manrope,sans-serif;font-size:17px;font-weight:600;margin:0}.text-button{border:0;background:none;color:var(--muted);font-size:13px;padding:4px}.text-button:hover{color:var(--mint)}.chat{height:335px;overflow:auto;padding:24px 0 16px;scroll-behavior:smooth}.empty{text-align:center;padding:22px 10px}.quote{display:block;font-family:Georgia,serif;color:#6c8a78;font-size:60px;line-height:50px}.empty h3{font-size:17px;font-weight:500;margin:14px 0 9px}.empty p{font-size:14px;color:var(--muted);line-height:1.7}.notice{color:#b5bdb3;font-size:12px;line-height:1.8;margin-top:28px}.notice .dot{margin-right:6px}.message{margin:0 0 18px;font-size:15px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.message-label{font-size:11px;color:var(--muted);letter-spacing:1.5px;margin-bottom:5px}.message.nova .message-body{color:var(--mint)}.message.system .message-body{color:#d8bc94;font-size:14px}#composer{display:flex;align-items:center;border:1px solid #35403c;background:#17201d;border-radius:14px;padding:7px 8px 7px 14px;gap:8px}#message{width:100%;min-width:0;background:none;border:0;padding:8px 0;color:var(--text);outline-offset:0}#composer button{background:var(--mint);border:0;border-radius:9px;width:35px;height:35px;color:#173325;font-size:23px;flex-shrink:0}.session-note{font-size:11px;color:#8b9a94;text-align:center;margin:10px 0 26px}.settings{border-top:1px solid var(--line);padding-top:25px}.small-label{color:#8f9e98;font-size:10px;letter-spacing:1.5px}.settings label,dialog label{display:block;font-size:14px;color:#b8c4bc;margin:24px 0 9px}select,dialog input{width:100%;background:#17201e;color:var(--text);border:1px solid #303d36;border-radius:9px;padding:11px 12px;font-size:14px}.voice-label,.speed-label{display:flex;justify-content:space-between;align-items:center;gap:15px}.voice-label{margin-top:18px}.voice-label label{margin:0 0 9px}.voice-label button{margin-bottom:9px;color:var(--mint)}.helper{font-size:12px;color:#92a098;line-height:1.6}.speed-label label{margin:12px 0}.speed-label output{font-size:12px;color:var(--mint)}#speed{width:100%;accent-color:var(--mint);height:3px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:9px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;padding:23px 0;font-size:11px;color:#89978e;letter-spacing:.5px}.footer-sep{padding:0 12px}dialog{background:#14201a;color:var(--text);border:1px solid #4b6657;border-radius:20px;width:min(500px,90vw);padding:28px}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog p{color:var(--muted);font-size:14px;line-height:1.6}#close-dialog{border:0;background:none;font-size:20px}.primary,.secondary{width:100%;padding:12px;border-radius:9px;margin-top:12px;border:1px solid #425e4d;background:var(--mint);color:#12301f}.secondary{background:transparent;color:var(--text)}#connection-error{color:#edbaa2}.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 wave{to{transform:scaleY(.35)}}@media(min-width:1300px){main{grid-template-columns:1.5fr 1fr}aside{padding-left:50px;padding-right:10px}.voice-space{padding-right:50px}}@media(max-width:760px){.app{padding:0 6%}header{height:82px;gap:10px}.workspace{display:none}.brand{font-size:16px;gap:9px;letter-spacing:1px}.connection{padding:9px 12px;font-size:12px;gap:7px}main{display:block}.voice-space{border-right:0;padding:28px 0 32px}.heading{margin-top:22px}.heading h1{font-size:45px}.visual{margin-top:24px}aside{border-top:1px solid var(--line);padding:28px 0 35px}.chat{height:290px}.settings{margin-top:25px}.small-label{font-size:10px}footer{font-size:10px}footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}