aside>nav{display:flex;flex-direction:column;width:100%;gap:10px}.navIcon{display:block;font-size:22px;line-height:1}.pageTop{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid #23303a}.pageTop small{color:#18d39b;letter-spacing:2px;font-size:9px}.pageTop h2{margin:3px 0}.settingsGear{width:44px;height:44px;border:0;border-radius:14px;background:#1b2933;color:#e9f1f5;font-size:21px}.homeMe{margin:20px;border-radius:22px;overflow:hidden;background:#111b24;border:1px solid #293741}.homeMe>#homeCover{height:145px;background:linear-gradient(135deg,#12d79c,#135548) center/cover}.homeMeBody{display:flex;align-items:center;gap:16px;padding:0 22px 20px}.homeAvatar,.friendAvatar{display:grid;place-items:center;background:#1a3540 center/cover;color:white;font-weight:900}.homeAvatar{width:78px;height:78px;margin-top:-31px;border:5px solid #111b24;border-radius:25px;font-size:28px}.homeMeBody h2{margin:12px 0 2px}.homeMeBody p{margin:0;color:#82919c}.homeSection{padding:0 20px 30px}.sectionTitle{display:flex;align-items:center;justify-content:space-between}.sectionTitle button{border:0;border-radius:10px;padding:9px 13px;background:#1bd49c;color:#04251b;font-weight:800}.homeFriends{display:grid;gap:7px}.homeFriend{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-radius:15px;background:#121d26;color:#edf3f6;text-align:left}.homeFriend>span:nth-child(2){min-width:0;flex:1}.homeFriend b,.homeFriend small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.homeFriend small{margin-top:4px;color:#7e8d98}.homeFriend i{font-size:28px;color:#70808a}.friendCover{position:relative;height:42%;min-height:260px;background:linear-gradient(135deg,#0e8e72,#09261f) center/cover}.friendCover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#071019aa)}#closeFriendCard{position:absolute;z-index:2;left:22px;top:22px;width:48px;height:48px;border:0;background:#0005;color:white;border-radius:50%;font-size:32px}.friendCardBody{position:relative;min-height:58%;padding:0 22px 30px;text-align:center;background:#071019}.friendAvatar{position:relative;width:130px;height:130px;margin:-65px auto 10px;border:5px solid #071019;border-radius:50%;font-size:45px}.friendCardBody h1{margin:7px 0;font-size:34px}.friendCardBody>p{color:#a0afb7}.friendActionsCard{display:flex;justify-content:center;gap:clamp(20px,7vw,60px);margin-top:55px}.friendActionsCard button{display:flex;flex-direction:column;align-items:center;gap:9px;border:0;background:transparent;color:white}.friendActionsCard button span{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#18d49c;color:#05231a;font-size:30px}.friendActionsCard small{font-size:13px}.friendRemoveButton{display:block;margin:32px auto 0;padding:10px 20px;border:0;background:transparent;color:#d45f68;text-decoration:underline}.callsEmpty{height:calc(100% - 90px);display:grid;place-content:center;text-align:center;color:#7f8e99;padding:30px}.callsEmpty>div{font-size:60px}.callsEmpty h3{color:#eaf1f4;margin-bottom:0}#homeView,#callsView,#friendCard{height:100%;overflow-y:auto}body.light .settingsGear{background:#e5edef;color:#1a2830}body.light .homeMe,body.light .homeFriend{background:#fff;color:#18252d;border-color:#d8e2e5}body.light .homeAvatar{border-color:#fff}body.light .friendCardBody{background:#f4f7f9;color:#17242c}body.light .friendAvatar{border-color:#f4f7f9}body.light .friendActionsCard button{color:#17242c}body.light .callsEmpty h3{color:#17242c}.permissionStatus{margin:8px 2px 0;color:#e28b62;font-size:13px}.permissionStatus.allowed{color:#18c992}.accountButton:disabled{opacity:.55;cursor:wait}.qrTabs button{min-height:54px!important;font-size:16px!important;font-weight:800!important;border:2px solid #12b98c!important}.qrTabs .primary{background:#18d49c!important;color:#05251b!important}.qrTabs .secondary{background:#fff!important;color:#087c62!important}.friendActions .primary{background:#18d49c!important;color:#05251b!important}.friendActions .secondary{background:#fff!important;color:#087c62!important;border:2px solid #12b98c!important}.fileQr{display:block!important;background:#18d49c!important;color:#05251b!important;border:0!important;font-weight:800!important;text-align:center!important}body:not(.light) .qrTabs .secondary,body:not(.light) .friendActions .secondary{background:#172733!important;color:#6ff0c9!important}
@media(max-width:600px){aside>nav{flex-direction:row!important}.navIcon{font-size:21px}.pageTop{padding:14px 17px}.homeMe{margin:12px}.homeMe>#homeCover{height:120px}.homeMeBody{padding:0 16px 16px}.homeAvatar{width:68px;height:68px;border-radius:22px}.homeSection{padding:0 12px 22px}.friendCover{height:44%;min-height:230px}.friendCardBody{min-height:56%}.friendAvatar{width:112px;height:112px;margin-top:-56px}.friendCardBody h1{font-size:29px}.friendActionsCard{margin-top:42px;gap:25px}.friendActionsCard button span{width:64px;height:64px}#closeFriendCard{top:14px;left:14px}}
