:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;background:#0b1423;color:#f1f5ff;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;overflow-x:hidden}button,input,select{font:inherit}
.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.35;pointer-events:none;z-index:-1}.ambient-one{width:350px;height:350px;background:#315dba;top:-130px;right:-130px}.ambient-two{width:380px;height:380px;background:#174b66;bottom:-180px;left:-180px}
.shell{max-width:560px;min-height:100svh;margin:0 auto;padding:calc(23px + env(safe-area-inset-top)) 23px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:11px}.brand strong{font-size:20px;letter-spacing:-.7px}.brand em{font-style:normal;color:#81b7ff}.brand small{display:block;font-size:9px;color:#93a4c1;letter-spacing:2px;margin-top:2px;font-weight:700}
.logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(140deg,#4f8af6,#1754bc);display:grid;place-items:center;font-size:26px;font-weight:750;box-shadow:0 4px 28px #235ebd65}.privacy{font-size:10px;letter-spacing:.8px;color:#9eb3d2;white-space:nowrap}.privacy-dot{display:inline-block;height:7px;width:7px;background:#7bbda8;border-radius:50%;margin-right:5px}
main{flex:1}.hero{margin:54px 0 35px}.eyebrow{font-size:10px;font-weight:800;color:#8cbaff;letter-spacing:2.4px;margin:0 0 12px}.hero h1{font-size:clamp(35px,9vw,49px);line-height:1.08;letter-spacing:-2.5px;margin:0;font-weight:760}.hero h1 span{color:#91baff}.intro{color:#b1bfd4;font-size:15px;line-height:1.65;max-width:380px;margin:17px 0 0}
.panel{background:linear-gradient(145deg,#17273e,#111e32);border:1px solid #30415d;border-radius:24px;padding:27px 23px 22px;box-shadow:0 19px 75px #01081145}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:26px}.section-heading .eyebrow{margin-bottom:6px}.section-heading h2{font-size:22px;letter-spacing:-.6px;margin:0;font-weight:700}.mini-icon{font-size:23px;color:#91baff}.panel label{display:block;font-size:12px;color:#b3c4dc;margin:0 0 10px;font-weight:600}
input,select{width:100%;border-radius:13px;border:1px solid #38516f;background:#0d1b2f;color:#eef4ff;padding:14px 15px;outline:none;font-size:16px}
input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid #9ac6ff;outline-offset:3px}
.primary{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 19px;border:0;border-radius:14px;background:linear-gradient(110deg,#538de9,#3169ca);color:white;font-weight:700;letter-spacing:.1px;margin-top:21px;cursor:pointer;min-height:55px}
.primary:disabled{opacity:.5;cursor:wait}.primary span{font-size:22px;font-weight:400}.hint{font-size:11px;line-height:1.65;color:#8e9eb9;margin:17px 0 0}.centered{text-align:center}
.text-button{border:none;background:none;color:#a9caff;padding:10px;font-size:12px;cursor:pointer}
.orb-wrap{display:flex;justify-content:center;align-items:center;height:235px}.orb{height:160px;width:160px;border:1px solid #658aca75;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#5098f9,#1b4f93 58%,#122845 90%);box-shadow:0 0 0 15px #426ba81b,0 0 0 33px #426ba812,0 18px 70px #3a7fe75c;transition:transform .4s ease}.orb-center{width:60px;height:60px;border-radius:50%;border:2px solid #aad0ff70;box-shadow:inset 0 0 28px #d4eaff55}.orb.active{animation:breathe 2.2s ease-in-out infinite}.orb.connecting{animation:breathe 1.1s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.09);box-shadow:0 0 0 18px #426ba82a,0 0 0 36px #426ba814,0 16px 75px #4b91ed83}}
.state{font-size:19px;text-align:center;font-weight:700;margin:2px 0 8px}.state-detail{text-align:center;color:#a7b5ca;font-size:13px;min-height:35px;margin:0}.start{margin-top:18px}.stop{width:100%;margin-top:18px;min-height:54px;border:1px solid #aa7084;background:#492936;color:#ffdce6;border-radius:14px;font-weight:700;cursor:pointer}.speaker{display:block;margin:12px auto 0;background:none;color:#acd0ff;border:0;text-decoration:underline;cursor:pointer}
.transcript{margin-top:19px;border:1px solid #2b3b51;border-radius:19px;padding:22px;background:#111e30}.transcript .section-heading{margin-bottom:12px}.transcript h2{font-size:15px}.tag{color:#95a9c4;font-size:9px;letter-spacing:1px}.messages{max-height:260px;overflow-y:auto;color:#cedbf0;font-size:14px;line-height:1.6}.bubble{margin:12px 0;padding:11px 13px;border-radius:11px;background:#1b304d}.bubble.user{background:#223750}.bubble strong{display:block;font-size:10px;color:#8db9fc;letter-spacing:1px;margin-bottom:4px}
.notice{min-height:19px;margin:16px 2px;color:#ffb9b9;font-size:13px;line-height:1.5}
footer{display:flex;justify-content:space-between;gap:12px;color:#7586a4;font-size:9px;letter-spacing:.3px;margin-top:35px;border-top:1px solid #253951;padding-top:20px}
.is-hidden{display:none!important}
@media(max-width:390px){.shell{padding-left:17px;padding-right:17px}.privacy{font-size:9px}.hero{margin-top:35px}.orb-wrap{height:205px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}