.calls-appbar{display:none}.calls-mobile-nav{display:none}.calls-panel{max-width:980px;margin:0 auto;padding:24px;overflow:hidden}.calls-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 4px 22px}.calls-hero h1{margin-top:12px;font-size:clamp(1.7rem,4vw,2.7rem);letter-spacing:-.05em}.calls-hero p{margin-top:7px;color:var(--social-muted);font-size:.78rem;line-height:1.8}.calls-hero-actions{display:flex;gap:8px;flex-wrap:wrap}.calls-search{max-width:520px;margin-bottom:20px}.calls-list{display:grid;gap:10px}.call-contact{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--social-line);border-radius:20px;background:rgba(255,255,255,.025);transition:transform .18s,border-color .18s,background .18s}.call-contact:hover{transform:translateY(-1px);border-color:rgba(124,92,255,.34);background:rgba(255,255,255,.045)}.calls-avatar{width:52px;height:52px;border-radius:17px}.call-contact-copy{min-width:0;flex:1;color:#fff}.call-contact-copy strong,.call-contact-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-contact-copy strong{font-size:.86rem}.call-contact-copy small{margin-top:5px;color:var(--social-muted);font-size:.64rem}.call-contact-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.call-action{min-width:62px;min-height:54px;padding:7px 10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:1px solid var(--social-line);border-radius:16px;color:#fff;background:rgba(255,255,255,.04);font-size:1rem;text-decoration:none}.call-action span{font-size:.55rem;color:var(--social-muted)}.call-action.audio,.call-action[href^="tel:"]{border-color:rgba(39,216,196,.22);background:rgba(39,216,196,.07)}.call-action.video{border-color:rgba(124,92,255,.26);background:rgba(124,92,255,.09)}.call-action:hover{filter:brightness(1.15)}.call-action[href*="prepare=audio"]{min-width:112px}.call-action[href*="prepare=video"]{min-width:92px}.calls-empty-pick{margin-top:12px}
@media(max-width:650px){html,body.calls-app{min-height:100%;height:100%;background:#070910}.calls-app{overflow:hidden}.calls-desktop-header{display:none!important}.calls-appbar{position:fixed;top:0;left:0;right:0;z-index:90;height:58px;padding:env(safe-area-inset-top) 10px 0;display:flex;align-items:center;gap:8px;background:rgba(10,13,22,.99);border-bottom:1px solid rgba(255,255,255,.08);box-sizing:content-box}.calls-appbar-title{flex:1;min-width:0;text-align:center}.calls-appbar-title strong,.calls-appbar-title small{display:block}.calls-appbar-title strong{font-size:.9rem}.calls-appbar-title small{margin-top:2px;color:var(--social-muted);font-size:.58rem}.calls-close,.calls-back{display:grid;place-items:center;min-width:42px;height:42px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#171c2c;color:#fff;text-decoration:none}.calls-close{font-size:1.5rem}.calls-back{padding:0 9px;font-size:.65rem}.calls-page{height:100dvh;max-width:none!important;padding:calc(68px + env(safe-area-inset-top)) 0 calc(70px + env(safe-area-inset-bottom))!important;margin:0!important;overflow:hidden}.calls-panel{height:calc(100dvh - 138px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:none!important;margin:0;border:0!important;border-radius:0!important;padding:10px 10px 8px;display:flex;flex-direction:column;overflow:hidden;background:rgba(12,15,25,.98)!important}.calls-hero{align-items:flex-start;flex-direction:column;padding:2px 1px 8px;gap:7px}.calls-hero h1{font-size:1.05rem;margin-top:6px}.calls-hero p{display:none}.calls-hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}.calls-hero-actions .icon-button{min-height:40px;padding:8px;font-size:.68rem}.calls-search{max-width:none;width:100%;margin:0 0 8px}.calls-search input{min-height:42px}.calls-list{flex:1;min-height:0;overflow:auto;padding:0 0 8px;overscroll-behavior:contain}.call-contact{padding:10px 9px;gap:9px;border-radius:15px;flex-wrap:wrap}.calls-avatar{width:44px;height:44px}.call-contact-copy{min-width:120px}.call-contact-actions{width:100%;gap:6px;padding-inline-start:0;justify-content:stretch}.call-action{flex:1;min-width:72px;min-height:50px;border-radius:12px;font-size:.92rem;padding:5px}.call-action span{display:block;font-size:.52rem}.call-action[href*="prepare=audio"]{min-width:120px}.call-action[href*="prepare=video"]{min-width:94px}.call-contact-copy strong{font-size:.75rem}.call-contact-copy small{font-size:.56rem}.calls-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:100;height:64px;padding:5px 6px max(5px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;background:rgba(8,11,18,.99);border-top:1px solid rgba(255,255,255,.09);box-sizing:content-box}.calls-mobile-nav a,.calls-mobile-nav button{min-width:0;border:0;background:transparent;color:#dce3ef;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:11px;font:inherit}.calls-mobile-nav button{color:#fff;background:rgba(124,92,255,.16);border:1px solid rgba(124,92,255,.24)}.calls-mobile-nav span{font-size:1rem;line-height:1}.calls-mobile-nav small{font-size:.5rem;white-space:nowrap}.social-empty .icon-button{display:inline-flex;margin-inline:3px;margin-top:10px}}
@media(max-width:390px){.call-contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.call-action,.call-action[href*="prepare=audio"],.call-action[href*="prepare=video"]{width:100%;min-width:0;max-width:none}.calls-appbar-title small{display:none}.calls-hero h1{font-size:.98rem}.calls-mobile-nav small{font-size:.46rem}}