html{background:#050a10}body{-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:3px;outline:3px solid #8dccff}:root{color:#f7fbff;font-synthesis:none;background:#071019;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app{background:radial-gradient(circle at 50% 38%,#12334d 0,#0a1825 30%,#050a10 72%);place-items:center;min-height:100vh;transition:background .6s;display:grid;position:relative;overflow:hidden}.app.is-connected{background:radial-gradient(circle at 50% 38%,#10473e 0,#0a2221 32%,#050b0c 72%)}.glow{filter:blur(100px);opacity:.08;background:#1c96ff;border-radius:50%;width:440px;height:440px;position:absolute}.is-connected .glow{opacity:.12;background:#32e6a1}.card{width:min(100%,430px);min-height:720px;padding:max(28px,env(safe-area-inset-top)) 34px max(25px,env(safe-area-inset-bottom));text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.brand{align-self:flex-start;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.brand-mark{background:linear-gradient(145deg,#55b7ff,#3874ff);border-radius:9px;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 8px 30px #218aff55}.orb{background:radial-gradient(circle,#285c7f 0,#112a3d 46%,#0a1621 70%);border-radius:50%;place-items:center;width:190px;height:190px;margin-top:auto;margin-bottom:42px;transition:all .55s;display:grid;box-shadow:0 0 0 1px #65c1ff22,0 0 70px #2ca4ff22,inset 0 0 40px #47b4ff18}.orb-core{opacity:.55;background:#7dc7f4;border-radius:50%;width:80px;height:80px;box-shadow:0 0 35px #58baff}.orb.connected{background:radial-gradient(circle,#55e5b8 0,#174f43 42%,#0b211e 72%);box-shadow:0 0 0 1px #6effcf33,0 0 90px #26e5a33c,inset 0 0 45px #76ffd22b}.orb.connected .orb-core{opacity:1;background:#a7ffdf;box-shadow:0 0 42px #53ffc2}.orb.connecting,.orb.disconnecting{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.72;transform:scale(.94)}}.eyebrow{color:#7390a5;letter-spacing:.17em;margin:0 0 11px;font-size:11px;font-weight:800}h1{letter-spacing:-.035em;margin:0;font-size:34px}.message{color:#93a8b7;height:24px;margin:12px 0 34px;font-size:14px}.connect-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#258dea,#1765dd);border:0;border-radius:18px;width:100%;height:62px;font-size:16px;font-weight:750;transition:all .2s;box-shadow:0 15px 40px #126de040}.is-connected .connect-button{color:#7cf4cb;background:#132a29;box-shadow:inset 0 0 0 1px #4de3b838}.connect-button:active{transform:scale(.98)}.connect-button:disabled{opacity:.6;cursor:default}.power{vertical-align:-2px;margin-right:9px;font-size:22px}.privacy{color:#607b89;margin:20px 0 0;font-size:12px}.privacy span{color:#50dbaa;margin-right:5px}@media (height<=700px){.card{min-height:100vh}.orb{width:145px;height:145px;margin-bottom:25px}.orb-core{width:62px;height:62px}}