html,body{color:#e2e8f0;background-color:#0a0f1e;max-width:90vw;margin:0;padding:0;font-family:Inter,sans-serif}@media (width<=430px){html,body{max-width:100vw}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.connect-btn{cursor:pointer;color:#fff;background-color:#4f8ef7;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:opacity .2s;display:inline-flex}.connect-btn:hover{opacity:.85}.connect-btn:disabled{opacity:.6;cursor:not-allowed}.connect-btn.pending{background-color:#3d4457}.connect-btn.connected,.connect-btn.accept{color:#00e5a0;background-color:#00e5a026}.connect-btn.decline{color:#ff6b6b;background-color:#ff6b6b26}.connect-btn.message{color:#4f8ef7;background-color:#4f8ef71a;border:1px solid #4f8ef740}.connect-btn.message:hover{opacity:1;background-color:#4f8ef72e;border-color:#4f8ef766}.layout{display:flex}.mobile-header{display:none}aside{height:100vh}nav{border:none;border-radius:8px;flex-direction:column;align-items:center;gap:28px;width:6vw;height:calc(100vh - 64px);margin:32px 12px;display:flex}nav>svg{color:#4f8ef7;width:32px;height:32px;margin-top:8px}a>svg{color:#64748b;background-color:#ffffff0d;border-radius:4px;width:30px;height:30px;padding:6px;transition:background-color .2s,color .2s}@media (hover:hover){nav a:not(.is-active):hover>svg{background-color:#ffffff14}}nav a:not(.is-active):active>svg{background-color:#ffffff14}.is-active svg{color:#4f8ef7;filter:drop-shadow(0 0 6px #4f8ef799);background-color:#fff;border-radius:12px}.connections-nav-link{display:inline-flex;position:relative}.nav-unread-dot{pointer-events:none;background-color:#22c55e;border:2px solid #0a0f1e;border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 6px #22c55e8c}main{flex:1}.logout-btn{cursor:pointer;color:#64748b;background:#ffffff0d;border:none;border-radius:8px;margin-top:auto;margin-bottom:8px;padding:8px;transition:color .3s,background-color .3s}.logout-btn:hover{color:#ff6b6b}.mobile-logout-btn{display:none}@media (width<=430px){.layout{flex-direction:column}.mobile-header{z-index:1;box-sizing:border-box;background:#0f1629;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;width:100%;padding:12px 16px;display:flex;position:fixed;top:0}.mobile-header span{color:#f1f5f9;flex:1;font-size:16px;font-weight:700}.mobile-logout-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:color .3s;display:flex}.mobile-logout-btn:hover{color:#ff6b6b}aside{z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f1629d9;border-top:1px solid #ffffff0f;width:100%;height:64px;position:fixed;bottom:0;left:0}nav{border-radius:0;flex-direction:row;justify-content:space-around;align-items:center;gap:1px;width:100%;height:100%;margin:0}nav>svg,.logout-btn{display:none}main{padding-top:60px;padding-bottom:80px}}.loading-overlay{z-index:1000;background-color:#0a0f1e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-content{flex-direction:column;align-items:center;gap:20px;display:flex}.loading-rocket{animation:1.5s ease-in-out infinite pulse}.loading-spinner{border:3px solid #4f8ef726;border-top-color:#4f8ef7;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.loading-message{color:#64748b;letter-spacing:1.5px;text-transform:uppercase;margin:0;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.7;transform:translateY(-6px)}}.error-boundary{text-align:center;color:#f1f5f9;background-color:#141c2e;border:1px solid #ff6b6b40;border-radius:12px;max-width:480px;margin:64px auto;padding:32px}.error-boundary h2{color:#ff6b6b;margin:0 0 12px;font-size:20px}.error-boundary p{color:#94a3b8;margin:0 0 24px;font-size:14px;line-height:1.5}.error-boundary-actions{justify-content:center;gap:12px;display:flex}.error-boundary-actions button{color:#4f8ef7;cursor:pointer;background-color:#4f8ef726;border:1px solid #4f8ef759;border-radius:8px;padding:8px 16px;font-family:Inter,sans-serif;font-size:14px;transition:background-color .15s,border-color .15s}.error-boundary-actions button:hover{background-color:#4f8ef740;border-color:#4f8ef78c}