:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#10233b;background:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px}main{min-height:100svh;display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 24px 44px;overflow:hidden;background:radial-gradient(circle at 50% 46%,#e7f8ff 0,#fff 38%)}.wordmark{align-self:flex-start;letter-spacing:.22em;font-size:11px;font-weight:800;color:#2a77a8}.intro{margin-top:clamp(42px,8vh,78px)}.eyebrow{margin:0 0 11px;letter-spacing:.19em;font-size:11px;font-weight:750;color:#52a5d8}h1{margin:0;font-size:clamp(42px,8vw,68px);line-height:.98;letter-spacing:-.055em;font-weight:650}.subtitle{margin:18px 0 0;color:#61748b;font-size:16px}.orb-button{border:0;background:transparent;width:280px;height:280px;margin:clamp(30px,7vh,70px) 0 16px;position:relative;cursor:pointer;display:grid;place-items:center;-webkit-tap-highlight-color:transparent}.orb-button:focus-visible{outline:3px solid #55b9ed;outline-offset:10px;border-radius:50%}.halo{position:absolute;border-radius:50%;pointer-events:none}.halo-one{width:270px;height:270px;background:#bfeeff;opacity:.45;filter:blur(28px);animation:breathe 3.4s ease-in-out infinite}.halo-two{width:205px;height:205px;background:#7dd6fb;opacity:.46;filter:blur(20px);animation:breathe 3.4s ease-in-out .35s infinite}.orb{position:relative;width:142px;height:142px;border-radius:50%;background:radial-gradient(circle at 33% 25%,#d9f8ff 0,#d9f8ff 4%,#75dafc 24%,#2595db 58%,#1263b2);box-shadow:0 30px 58px #1c80c152,inset -18px -21px 32px #0846964d,inset 16px 14px 22px #ffffff75;transition:transform .25s ease,box-shadow .25s ease}.orb-button:hover .orb{transform:scale(1.045);box-shadow:0 34px 68px #1c80c166,inset -18px -21px 32px #0846964d,inset 16px 14px 22px #ffffff75}.orb-button.listening .orb{animation:listening 1.35s ease-in-out infinite}.languages{margin:0;font-size:14px;letter-spacing:.12em;color:#47708b}.status{min-height:20px;margin:15px 0 0;color:#76a5c0;font-size:13px}.note{margin:auto 0 0;color:#9cadba;font-size:12px;max-width:290px;line-height:1.45}@keyframes breathe{50%{transform:scale(1.1);opacity:.7}}@keyframes listening{50%{transform:scale(1.1);box-shadow:0 38px 74px #1c80c18c,inset -18px -21px 32px #0846964d,inset 16px 14px 22px #ffffff75}}