:root{color-scheme:dark;--bg:#070b13;--panel:#0d1422;--line:#233147;--text:#f4f8ff;--muted:#8f9bb0;--cyan:#5ce1e6;--cyan2:#1d7180;--danger:#ff667d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 10%,#142238 0,#090e18 38%,var(--bg) 80%);color:var(--text)}button,select,input{font:inherit}.shell{min-height:100vh}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,72px);border-bottom:1px solid #192436;background:#080d16cc;backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand-mark,.response-heading>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);box-shadow:0 0 20px #5ce1e633}.brand strong,.brand small{display:block;letter-spacing:.18em}.brand small{font-size:9px;color:var(--muted);margin-top:3px}.icon-button{border:1px solid var(--line);background:#101827;color:#b8c3d6;border-radius:10px;width:42px;height:42px;font-size:20px;cursor:pointer}main{width:min(100% - 36px,960px);margin:auto;padding:70px 0}.hero{text-align:center}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--cyan);font-weight:750}.hero h1{font-size:clamp(38px,6vw,70px);line-height:1.02;letter-spacing:-.045em;margin:18px 0}.hero h1 span{color:var(--cyan)}.intro{color:#a2aec0;line-height:1.7;max-width:650px;margin:0 auto 48px}.console,.response-panel,.privacy{border:1px solid var(--line);background:linear-gradient(145deg,#101827e8,#0b111de8);border-radius:24px}.console{padding:24px clamp(20px,5vw,50px) 32px;box-shadow:0 35px 80px #0008}.status-row{display:flex;align-items:center;gap:10px;color:#aab6c8;font-size:13px}.status-dot{width:8px;height:8px;background:#56e9b1;border-radius:50%;box-shadow:0 0 12px #56e9b1}.text-button{margin-left:auto;border:0;background:none;color:var(--muted);cursor:pointer}.orb-wrap{height:300px;display:grid;place-items:center;position:relative}.talk-button{z-index:2;width:188px;height:188px;border-radius:50%;border:1px solid #75f2f8;background:radial-gradient(circle at 50% 35%,#173d4b,#0c1d29 62%,#09111b);color:white;box-shadow:0 0 0 12px #4ed7e008,0 0 48px #34d6df36,inset 0 0 35px #3edce021;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transition:.2s}.talk-button:hover{transform:scale(1.025);box-shadow:0 0 65px #34d6df55}.talk-button.listening{animation:pulse 1.3s infinite;background:radial-gradient(circle at 50% 35%,#285d69,#0d2834)}.talk-button .mic-icon{font-size:20px;color:var(--cyan)}.talk-button strong{font-size:13px;letter-spacing:.13em}.talk-button small{font-size:10px;color:#91a5b8}.orbit{position:absolute;border:1px solid #4bd7e626;border-radius:50%;pointer-events:none}.orbit-one{width:245px;height:245px}.orbit-two{width:290px;height:290px;border-style:dashed;animation:spin 24s linear infinite}.transcript{text-align:center;min-height:48px;margin:0 auto 24px;color:#c3cedd;font-style:italic;max-width:680px}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.controls label,.settings-panel label{font-size:11px;letter-spacing:.08em;color:#8f9bb0;text-transform:uppercase}.controls select{width:100%;margin-top:8px;background:#0b121e;border:1px solid var(--line);border-radius:10px;color:#eaf2ff;padding:12px;outline:none}.controls select:focus{border-color:var(--cyan)}.response-panel{margin-top:20px;padding:28px}.response-heading{display:flex;align-items:center;gap:12px}.response-heading p,.response-heading strong,.response-heading small{display:block;margin:0}.response-heading small{font-size:9px;color:var(--cyan);letter-spacing:.18em}.response-heading strong{margin-top:2px}.response{padding:22px 0 0 50px;color:#d5dfed;line-height:1.75;white-space:pre-wrap}.privacy{margin-top:20px;padding:18px 24px;display:flex;gap:14px;align-items:center;background:#0b151b}.privacy>span{font-size:25px;color:#56e9b1}.privacy p,.privacy strong{display:block;margin:0}.privacy p{color:var(--muted);font-size:12px;line-height:1.6}.privacy strong{color:#cce8de;font-size:13px}.settings-panel{position:fixed;z-index:20;top:0;right:0;height:100vh;width:min(420px,90vw);background:#0c1320;border-left:1px solid var(--line);padding:30px;transform:translateX(105%);transition:.25s;box-shadow:-20px 0 60px #0008}.settings-panel.open{transform:none}.settings-panel>div{display:flex;align-items:center;justify-content:space-between}.settings-panel h2{font-size:30px;margin:30px 0}.settings-panel label{display:block;margin:25px 0}.settings-panel output{float:right;color:var(--cyan)}.settings-panel input[type=range]{width:100%;margin-top:15px;accent-color:var(--cyan)}.toggle{display:flex!important;align-items:center;gap:12px;text-transform:none!important;font-size:14px!important}.toggle input{accent-color:var(--cyan)}.settings-panel hr{border:0;border-top:1px solid var(--line);margin:35px 0}.settings-panel p{color:var(--muted);line-height:1.7}.danger-button{margin-top:28px;width:100%;padding:13px;border:1px solid #633343;color:#ff9bae;background:#21121a;border-radius:10px;cursor:pointer}.scrim{display:none;position:fixed;inset:0;z-index:10;background:#0009}.scrim.open{display:block}@keyframes pulse{50%{box-shadow:0 0 0 18px #4ed7e00c,0 0 80px #34d6df77}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:700px){.topbar{height:68px}.brand small{display:none}main{padding:42px 0}.hero h1 br{display:none}.controls{grid-template-columns:1fr}.orb-wrap{height:260px}.response{padding-left:0}.privacy{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.voice-note{padding:12px 14px;border:1px solid #214253;border-radius:10px;background:#0b1a23;color:#a9cad1!important;font-size:12px}
.usage-row{display:flex;align-items:center;gap:10px;margin:18px 0 -8px;font-size:11px;color:var(--muted)}.usage-row span:first-child{padding:4px 8px;border:1px solid #5ce1e655;border-radius:20px;color:var(--cyan);font-weight:800;letter-spacing:.1em}.usage-row strong{margin-left:auto;color:#d9e6f5;font-variant-numeric:tabular-nums}.premium-panel{margin-top:20px;padding:28px;border:1px solid #5ce1e63d;border-radius:24px;background:linear-gradient(135deg,#0d1724,#0b2024);display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.premium-panel h2{margin:4px 0 8px}.premium-panel p{margin:0;color:var(--muted);line-height:1.6;max-width:650px}.premium-button{padding:13px 18px;border:1px solid #68e5e9;background:#12323a;color:#eaffff;border-radius:11px;font-weight:750;cursor:pointer}.custom-result{grid-column:1/-1;padding:14px;border-radius:10px;background:#0a121c;color:#bce8e8}.upgrade-dialog{width:min(520px,calc(100% - 32px));padding:32px;border:1px solid #31526a;border-radius:20px;background:#0d1522;color:var(--text);box-shadow:0 30px 100px #000}.upgrade-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.upgrade-dialog h2{font-size:28px}.upgrade-dialog li{margin:12px 0;color:#c6d2e2}.dialog-close{float:right;border:0;background:none;color:#9eabbc;font-size:28px;cursor:pointer}.consent-check{display:flex;gap:10px;align-items:flex-start;margin:24px 0;color:#b9c6d7;line-height:1.5}.consent-check input{margin-top:4px;accent-color:var(--cyan)}.billing-note{font-size:12px;color:#9aa9bc}.premium-button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:700px){.premium-panel{grid-template-columns:1fr}.premium-button{width:100%}}