:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f7f8ff;background:#020719}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#020719}.phone-app{isolation:isolate;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:100dvh;width:min(100%,430px);margin:auto;padding:max(20px,env(safe-area-inset-top)) 22px max(18px,env(safe-area-inset-bottom));background:radial-gradient(ellipse 90% 40% at 56% 18%,#173878 0%,transparent 64%),radial-gradient(circle at 8% 65%,#351176 0%,transparent 35%),linear-gradient(160deg,#020617 0%,#061332 48%,#070b26 100%);box-shadow:0 0 80px #000}.phone-app:before,.phone-app:after{content:"";position:absolute;inset:-20%;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#dce9ff 0 1px,transparent 1.5px);background-size:39px 46px;opacity:.22;transform:rotate(-9deg)}.phone-app:after{inset:0;background:linear-gradient(120deg,transparent 15%,#7055ff19 42%,transparent 70%);filter:blur(18px)}button{font:inherit}.phone-header{display:flex;justify-content:space-between;align-items:center;min-height:58px}.brand{display:flex;align-items:center;gap:9px}.brand img{width:39px;height:39px;object-fit:contain}.brand span{display:grid;gap:0}.brand b{font-size:1.25rem;line-height:1;color:#fff;letter-spacing:-.04em}.brand small{font-size:.47rem;font-weight:800;letter-spacing:.23em;color:#cdd8ff}.settings{border:1px solid #ffffff18;border-radius:50%;width:34px;height:34px;background:#ffffff0d;color:#ccd8ff;font-size:.9rem}.welcome-screen{display:flex;flex:1;flex-direction:column;align-items:center;text-align:center;padding-top:2.5vh}.orbital-art{position:relative;width:176px;height:176px;margin:2vh 0 3vh;border-radius:50%;background:radial-gradient(circle at 42% 35%,#19d7ff 0%,#0b53db 24%,#6d2cff 47%,#180e51 67%,transparent 69%);box-shadow:0 0 22px #2a91ff,0 0 65px #784cff88}.orbital-art:before,.orbital-art:after{content:"";position:absolute;border-radius:50%;inset:-12px;border:1px solid #27ceff99;transform:rotate(-35deg) scaleY(.47);box-shadow:0 0 12px #1eb9ff}.orbital-art:after{inset:12px;transform:rotate(51deg) scaleY(.47);border-color:#c45aff}.orbital-art i{position:absolute;border-radius:50%;background:#c8ecff;filter:blur(1px);box-shadow:0 0 16px 5px #61ccff}.orbital-art i:nth-child(1){width:11px;height:11px;top:28px;left:37px}.orbital-art i:nth-child(2){width:7px;height:7px;right:22px;top:70px}.orbital-art i:nth-child(3){width:9px;height:9px;bottom:35px;left:62px}.orbital-art span{position:absolute;inset:0;display:grid;place-items:center;font-size:4rem;color:#f5fbff;text-shadow:0 0 18px #fff}.eyebrow{font-size:.57rem;font-weight:800;letter-spacing:.16em;color:#79a8ff;margin-bottom:8px}.welcome-screen h1{margin:0;color:#fff;font-size:2rem;letter-spacing:-.06em}.intro{margin:9px 0 24px;color:#c0c9e6;font-size:.95rem;line-height:1.5}.language-choices{width:100%;display:grid;gap:10px}.language-choice{display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:10px;text-align:left;min-height:64px;padding:9px 13px;border:1px solid #1a74e9;background:linear-gradient(104deg,#093b80b8,#071d57b5);color:#fff;border-radius:13px;box-shadow:inset 0 0 18px #0e9fff1c,0 0 12px #0466ff38;cursor:pointer;transition:transform .15s,border-color .15s}.language-choice:hover,.language-choice.active{border-color:#4cd8ff;background:linear-gradient(105deg,#0d5fc2cc,#091d65c9);transform:translateY(-1px);box-shadow:inset 0 0 22px #19dcff2e,0 0 18px #147dff7d}.flag{font-size:1.75rem;line-height:1}.language-choice span:nth-child(2){display:grid;gap:2px}.language-choice b{font-size:.94rem}.language-choice small{color:#aebcdd;font-size:.67rem}.language-choice i{font-size:1.55rem;font-style:normal;color:#84d9ff}.listen-button,.stop-button,.mute-button{border:1px solid #36baff;border-radius:99px;color:#fff;font-weight:750;cursor:pointer}.listen-button{width:100%;min-height:54px;margin-top:18px;background:linear-gradient(100deg,#0758d6,#1847d8 55%,#6428de);box-shadow:0 0 20px #246fff8a}.listen-icon{margin-right:7px;color:#71f8ff}.stop-button{width:100%;min-height:48px;margin-top:12px;background:#721d43;border-color:#ff5c9c}.status{min-height:22px;margin:12px 0 0;color:#9daed2;font-size:.72rem}.listening-screen{display:none;flex:1;text-align:center;padding-top:4vh}.phone-app.connected .welcome-screen{display:none}.phone-app.connected .listening-screen{display:block}.live-pill{display:flex;align-items:center;gap:8px;min-height:57px;padding:0 14px;border:1px solid #16f5b176;border-radius:13px;text-align:left;background:linear-gradient(105deg,#063f55d9,#0a2653c9);box-shadow:0 0 22px #08e4b424}.live-pill i{width:12px;height:12px;border-radius:50%;background:#1dffad;box-shadow:0 0 11px #1dffad}.live-pill span{font-weight:800}.live-pill small{color:#a4b9dd;font-size:.66rem;flex:1}.live-pill b{font-size:1rem}.listening-orb{display:flex;align-items:center;justify-content:center;height:255px;margin-top:17px}.orb-core{display:grid;place-items:center;flex:none;width:174px;height:174px;border:3px solid #7be6ff;border-radius:50%;background:radial-gradient(circle at 40% 35%,#2bdfff,#2443cf 38%,#792fe6 60%,#071743 72%);box-shadow:0 0 12px #87eeff,0 0 45px #4856ff;animation:pulse 2.4s ease-in-out infinite;font-size:4rem;color:#fff;text-shadow:0 0 18px #fff}.wave{width:58px;height:90px;background:repeating-linear-gradient(90deg,transparent 0 4px,#36b6ff 5px 8px,transparent 9px 13px);mask:linear-gradient(transparent 0,black 30%,black 70%,transparent);opacity:.9}.wave.left{transform:scaleX(-1)}.listening-screen h2{margin:0;color:#fff;font-size:1.75rem;letter-spacing:-.05em}.listening-screen>p{margin:7px 0 19px;color:#aebcdd;font-size:.82rem;line-height:1.55}.connection-row{display:grid;grid-template-columns:repeat(3,1fr);padding:11px 6px;margin-bottom:14px;border:1px solid #16c7a152;border-radius:12px;background:#061c34bd}.connection-row span{display:grid;gap:3px;justify-items:center}.connection-row i{color:#26f4b1;font-style:normal}.connection-row b{font-size:.61rem}.connection-row small{color:#22eaa5;font-size:.57rem}.mute-button{width:68%;min-height:46px;background:linear-gradient(100deg,#075eda,#5530df);box-shadow:0 0 15px #187bff}.caption-card{margin-top:16px;padding:13px;text-align:left;border:1px solid #2b66b6;border-radius:14px;background:#071a3bc4}.caption-card div{display:flex;justify-content:space-between;color:#75b7ff;font-size:.55rem;font-weight:800;letter-spacing:.08em}.caption-card p{min-height:44px;margin:8px 0 0;color:#e9f2ff;font-size:.85rem;line-height:1.45}.phone-footer{display:flex;justify-content:space-around;margin:14px -2px 0;padding:11px 0 2px;border-top:1px solid #8bb7ff22;color:#8295bd}.phone-footer span{display:grid;justify-items:center;gap:4px;font-size:1.15rem}.phone-footer span:first-child{color:#59dfff}.phone-footer small{font-size:.52rem;color:#9caed0}@keyframes pulse{50%{transform:scale(1.05);box-shadow:0 0 20px #b9f5ff,0 0 70px #4856ff}}@media(min-width:431px){body{display:grid;place-items:center;background:radial-gradient(circle,#142f73,#010411 65%)}.phone-app{min-height:850px;max-height:900px;border:1px solid #ffffff1e;border-radius:30px;box-shadow:0 30px 100px #000}}@media(max-height:720px){.welcome-screen{padding-top:0}.orbital-art{width:128px;height:128px;margin:0 0 12px}.language-choice{min-height:54px}.intro{margin-bottom:13px}.listening-orb{height:180px}.orb-core{width:130px;height:130px}.phone-footer{margin-top:6px}}
.announcement{position:fixed;left:20px;right:20px;bottom:76px;z-index:4;margin:0;padding:11px 14px;border:1px solid #2d9cff;border-radius:12px;background:#071c36eF;color:#eaf6ff;font-size:.78rem;line-height:1.4;box-shadow:0 10px 25px #0008}
.pilot-label{padding:5px 9px;border:1px solid #588ad0;border-radius:99px;color:#aed5ff;font-size:.61rem;font-weight:800;letter-spacing:.12em}.phone-footer{justify-content:center;text-align:center}.phone-footer span{display:block;color:#9cadd0;font-size:.55rem;letter-spacing:.13em}
.live-language-choices{display:flex;gap:5px;justify-content:center;margin:12px 0}.live-language-choices button{padding:7px 8px;border:1px solid #386bb3;border-radius:9px;background:#0b2858;color:#cfe6ff;font-size:.65rem;cursor:pointer}.live-language-choices button.active{border-color:#5ee6ff;background:#0a4da0;color:#fff}.listening-screen #liveStatus{margin-top:8px}
#enableSound{display:block;width:80%;margin:12px auto 0;background:linear-gradient(100deg,#069d81,#126bd3);box-shadow:0 0 18px #04cfa777}#enableSound[hidden]{display:none}