*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0a1820;color:#f2f8f8;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100svh}main{width:min(100%,520px);margin:auto;padding:calc(24px + env(safe-area-inset-top)) 26px calc(25px + env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:center}.brand{font-size:17px;letter-spacing:2px;font-weight:750}.plus{color:#65e5c6}.badge{font-size:9px;letter-spacing:1.5px;border:1px solid #35505b;border-radius:25px;padding:7px 10px;color:#a4bbc4}.intro{margin-top:48px}.eyebrow{font-size:9px;letter-spacing:2px;color:#7ba6b2}h1{font-size:56px;letter-spacing:-3px;margin:12px 0}.intro>p:last-child{font-size:17px;line-height:1.6;color:#adbec5}.conversation{text-align:center}.orb{width:134px;height:134px;margin:34px auto 24px;border-radius:50%;display:flex;gap:6px;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 28%,#3e7a79,#173c48 56%,#112b37);border:1px solid #44716e;box-shadow:0 0 54px #40c9b013}.orb span{width:5px;height:25px;border-radius:6px;background:#94f4d9}.orb span:nth-child(2),.orb span:nth-child(4){height:42px}.orb span:nth-child(3){height:59px}body[data-state=hablando] .orb span{animation:wave .6s ease-in-out infinite alternate}body[data-state=hablando] .orb span:nth-child(2n){animation-delay:.25s}body[data-state=conectando] .orb{animation:breathe 1.4s ease-in-out infinite alternate}#status{font-size:21px;font-weight:650}#detail{font-size:13px;line-height:1.5;color:#91aab5;margin:10px 0 25px}#error{color:#ffb5a9;font-size:14px;line-height:1.5}button{font:inherit;cursor:pointer;touch-action:manipulation;min-height:54px;border:0;border-radius:13px;font-weight:650}button:disabled{opacity:.35;cursor:default}.primary{display:flex;width:100%;align-items:center;justify-content:space-between;background:#8aefd0;color:#08241d;padding:0 20px}.primary span{font-size:24px}.secondary{width:100%;background:transparent;color:#d1e4e9;border:1px solid #35505b;margin-top:10px}input{min-width:0;width:100%;font:inherit;font-size:16px;padding:13px;border:1px solid #45616a;border-radius:10px;background:#10252e}form{text-align:left;margin-bottom:18px}label{display:block;font-size:13px;margin-bottom:8px}.access{display:flex;gap:8px}.access button{padding:0 18px;background:#244853}.metrics{display:flex;justify-content:space-between;margin:19px 2px;color:#8ca7b2;font-size:12px;font-variant-numeric:tabular-nums}footer{text-align:center;margin-top:32px;font-size:12px;color:#abc1ca}footer p{color:#718e9c;font-size:11px;line-height:1.7;margin:13px 0}footer small{font-size:10px;color:#718e9c}.dot{display:inline-block;width:5px;height:5px;background:#8aefd0;border-radius:50%;margin:0 5px 2px 0}audio{width:100%;margin-top:12px}[hidden]{display:none!important}@keyframes wave{to{transform:scaleY(.35)}}@keyframes breathe{to{opacity:.45;transform:scale(.95)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-height:760px){.intro{margin-top:30px}h1{font-size:48px}.orb{margin:22px auto 18px;width:112px;height:112px}footer{margin-top:22px}}