*{box-sizing:border-box}body{margin:0;background:#090b14;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif}main{min-height:100dvh;max-width:680px;margin:auto;background:#101326;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))}header{height:62px;display:flex;align-items:center;gap:12px}.logo{width:44px;height:44px;border-radius:15px;background:#7c5cff;display:grid;place-items:center;font-size:23px}header strong,header small{display:block}header small{color:#8f94a9;margin-top:3px}.card{background:#191d35;border:1px solid #2a2f4c;border-radius:28px}.intro{text-align:center;padding:32px 24px;margin-top:5vh}.orb{width:82px;height:82px;border-radius:29px;background:#292451;color:#a997ff;display:grid;place-items:center;font-size:40px;margin:auto}.intro h1{font-size:29px;margin:20px 0 8px}.intro p{color:#aeb2c7;line-height:1.7}.intro input{width:100%;height:53px;border:1px solid #343956;border-radius:17px;background:#101326;color:#fff;padding:0 16px;text-align:right;font-size:16px;margin-top:8px}.intro button{width:100%;height:55px;border:0;border-radius:18px;background:#7c5cff;color:#fff;font-size:16px;font-weight:800;margin-top:11px}.intro button.secondary{background:#252a42;color:#c9c2ff}.nearby-panel{text-align:right;margin-top:18px;border-top:1px solid #303550;padding-top:10px}.nearby-panel h2{font-size:16px}.nearby-person{display:flex!important;align-items:center;gap:10px;text-align:right!important;background:#20253b!important;height:67px!important;padding:8px 10px!important;margin-top:8px!important}.person-avatar{width:43px;height:43px;border-radius:15px;background:#7c5cff;display:grid;place-items:center;font-weight:800}.nearby-person span:nth-child(2){flex:1}.nearby-person b,.nearby-person small{display:block}.nearby-person small{font-size:10px;color:#66dca2;margin-top:4px}.nearby-person i{color:#a997ff;font-size:12px}.empty{color:#8f94a9;font-size:13px;text-align:center}.call{height:calc(100dvh - 112px);position:relative;border-radius:29px;overflow:hidden;background:#29263d}.hidden{display:none!important}video#remote{width:100%;height:100%;object-fit:cover}video#local{position:absolute;left:15px;top:15px;width:105px;height:145px;object-fit:cover;border:2px solid #fff;border-radius:18px;background:#161a2c}.status{position:absolute;right:15px;top:15px;background:#1118;padding:9px 13px;border-radius:18px;font-size:13px}.call nav{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;gap:22px}.round{width:64px;height:64px;border:0;border-radius:24px;background:#20253a;color:#fff;font-size:23px}.round span{display:block;font-size:9px;margin-top:2px}.danger{background:#e14e5d}.off{opacity:.45}#waiting{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;background:#29263d}#waiting span{color:#aeb2c7;font-size:13px}.pulse{width:86px;height:86px;border-radius:43px;background:#7c5cff;display:grid;place-items:center;font-size:34px;margin-bottom:12px;animation:pulse 1.4s infinite}@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 0 24px #7c5cff22}}