@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-rgb: 7, 17, 31;--surface-rgb: 15, 28, 46;--primary-rgb: 255, 255, 255;--secondary-rgb: 110, 231, 255;--accent-rgb: 239, 68, 68;--lavender-rgb: 192, 132, 252;--bg: rgb(var(--bg-rgb));--surface: rgb(var(--surface-rgb));--primary: rgb(var(--primary-rgb));--secondary: rgb(var(--secondary-rgb));--accent: rgb(var(--accent-rgb));--lavender: rgb(var(--lavender-rgb));--text: #F8FAFC;--bg-gradient: linear-gradient(135deg, #07111F 0%, #102A43 40%, #0A192F 100%);--panel-bg: rgba(var(--surface-rgb), .85);--panel-border: rgba(255, 255, 255, .05);--panel-glow: rgba(var(--primary-rgb), .04);--primary-glow: rgba(var(--primary-rgb), .25);--primary-hover: #e2e8f0;--secondary-glow: rgba(var(--secondary-rgb), .35);--secondary-hover: #5ad5ed;--accent-glow: rgba(var(--accent-rgb), .35);--lavender-glow: rgba(var(--lavender-rgb), .35);--text-primary: var(--text);--text-muted: #7C8CA5;--text-on-primary: #07111F;--chat-bubble-me: linear-gradient(135deg, var(--primary) 0%, #cbd5e1 100%);--chat-bubble-stranger: rgba(255, 255, 255, .04);--chat-bubble-friend: rgba(var(--secondary-rgb), .08);--chat-bubble-friend-border: rgba(var(--secondary-rgb), .18)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-gradient);color:var(--text-primary);height:100vh;width:100vw;margin:0;padding:0;display:flex;justify-content:center;align-items:center;overflow:hidden}#root{width:100%;display:flex;justify-content:center;align-items:center;padding:0;min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.glass-panel{background:var(--bg-gradient);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:0;box-shadow:none;width:100vw;height:100vh;max-width:100%;transition:all .4s ease;overflow:hidden;display:flex}.sidebar-nav{width:85px;background:#08051280;border-right:1px solid var(--panel-border);display:flex;flex-direction:column;align-items:center;padding:24px 0;gap:30px}.sidebar-logo{width:48px;height:48px;object-fit:contain;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:4px;box-shadow:0 0 10px rgba(var(--primary-rgb),.15)}.nav-menu{display:flex;flex-direction:column;gap:16px;width:100%;align-items:center}.nav-item{width:56px;height:56px;border-radius:16px;border:none;background:transparent;color:#ffffff8c;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.nav-item span.nav-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;opacity:.8}.nav-item:hover{color:var(--lavender);background:rgba(var(--lavender-rgb),.08)}.nav-item.active{color:var(--lavender);background:rgba(var(--lavender-rgb),.15);border:1px solid rgba(var(--lavender-rgb),.2);box-shadow:0 0 15px rgba(var(--lavender-rgb),.15)}.nav-item.active:after{content:"";position:absolute;left:0;top:25%;height:50%;width:4px;background:var(--lavender);border-radius:0 4px 4px 0;box-shadow:0 0 8px var(--lavender-glow)}.nav-badge{position:absolute;top:4px;right:4px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #0f0c20;box-shadow:0 0 5px #ef444480;animation:pulse-badge 2s infinite}.app-content{flex:1;height:100%;display:flex;flex-direction:column;background:#05030c26}.tab-pane{display:flex;flex-direction:column;height:100%;overflow-y:auto}.landing-tab-pane{display:flex;flex-direction:column;height:100%;overflow-y:auto;align-items:center}.landing-tab-pane:before,.landing-tab-pane:after{content:"";margin:auto}.landing-container{padding:40px 30px;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:600px;margin:0;z-index:1}.app-title-container{display:flex;align-items:center;gap:15px;margin-bottom:5px}.app-title-glowing{font-family:var(--font-heading);font-size:2.8rem;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;justify-content:center;gap:0px;margin-top:5px;text-shadow:0 0 20px rgba(var(--primary-rgb),.15)}.online-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.18);color:#34d399;padding:6px 14px;border-radius:50px;font-size:.8rem;font-weight:600;margin-bottom:0}.online-dot{width:7px;height:7px;background:var(--success);border-radius:50%;display:inline-block;box-shadow:0 0 8px var(--success);animation:blink 1.8s infinite}.filters-form{width:100%;display:flex;flex-direction:column;gap:16px;text-align:left}.security-disclaimer{display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.15);padding:10px 14px;border-radius:12px;color:#34d399;font-size:.78rem;font-weight:500;text-align:center;margin-top:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.security-icon{flex-shrink:0;color:#10b981}.landing-footer{margin-top:24px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;opacity:.65}.footer-credits{font-size:.8rem;color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:4px}.footer-disclaimer{font-size:.72rem;color:#f87171;max-width:320px;line-height:1.35;font-weight:500;text-align:center}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.85rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.select-wrapper select,.form-input{width:100%;padding:12px 16px;background:#ffffff0a;border:1px solid var(--panel-border);border-radius:12px;color:var(--text-primary);font-size:.95rem;outline:none;transition:all .3s}.select-wrapper select:focus,.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);background:#0a0814cc}.interests-input-container{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;background:#ffffff0a;border:1px solid var(--panel-border);border-radius:12px;min-height:48px;align-items:center}.interest-tag{display:inline-flex;align-items:center;gap:5px;background:rgba(var(--primary-rgb),.18);border:1px solid rgba(var(--primary-rgb),.28);color:#cffafe;padding:3px 8px;border-radius:8px;font-size:.8rem;font-weight:500}.interest-tag-remove{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.7rem}.interests-input-container input{flex:1;min-width:100px;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;outline:none}.btn-primary{background:var(--primary);color:var(--text-on-primary);border:none;padding:14px 22px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3);display:flex;align-items:center;justify-content:center;gap:8px;margin-top:5px}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 18px rgba(var(--primary-rgb),.35)}.searching-container{padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.radar-animation{position:relative;width:130px;height:130px;margin-bottom:30px}.radar-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(var(--primary-rgb),.12);border:1px solid rgba(var(--primary-rgb),.3)}.radar-circle:nth-child(1){width:100%;height:100%;animation:radar-pulse 3s infinite linear}.radar-circle:nth-child(2){width:70%;height:70%;animation:radar-pulse 3s infinite linear 1s}.radar-circle:nth-child(3){width:40%;height:40%;animation:radar-pulse 3s infinite linear 2s}.radar-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;box-shadow:0 0 25px var(--primary-glow),0 0 10px rgba(var(--primary-rgb),.4);font-size:1.25rem;border:1px solid rgba(255,255,255,.15);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-6px)}}.cancel-search-btn{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:12px 24px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #ef44440d}.cancel-search-btn:hover{background:var(--danger);border-color:var(--danger);color:#fff;transform:translateY(-1.5px);box-shadow:0 4px 15px #ef444466}.friends-split{display:flex;height:100%}.friends-list-panel{width:280px;border-right:1px solid var(--panel-border);display:flex;flex-direction:column;background:#08051240;height:100%}.friends-panel-header{padding:16px;border-bottom:1px solid var(--panel-border);display:flex;flex-direction:column;gap:12px}.friends-panel-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--primary)}.add-friend-box{display:flex;gap:8px}.add-friend-input{flex:1;background:#ffffff08;border:1px solid var(--panel-border);border-radius:8px;padding:8px 10px;font-size:.85rem;color:#fff;outline:none}.add-friend-input:focus{border-color:var(--primary);background:#0a081499}.btn-add-friend{background:var(--primary);color:var(--text-on-primary);border:none;border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-add-friend:hover{background:var(--primary-hover)}.friends-scrollable{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.friend-item{width:100%;background:transparent;border:none;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;color:var(--text-primary);transition:all .2s}.friend-item:hover{background:#ffffff08}.friend-item.active{background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.15)}.friend-avatar-wrapper{position:relative}.friend-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#4f46e5 0%,var(--accent) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;color:#fff;border:1px solid rgba(255,255,255,.1)}.friend-status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid #0a0814}.friend-status-dot.online{background:var(--success);box-shadow:0 0 6px var(--success)}.friend-status-dot.offline{background:#6b7280}.friend-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.friend-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-id{font-size:.7rem;color:var(--text-muted)}.friend-badge-pill{background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 5px #ef44444d}.friend-actions{opacity:0;transition:opacity .2s}.friend-item:hover .friend-actions{opacity:1}.btn-remove-friend{background:transparent;border:none;color:var(--text-muted);cursor:pointer}.btn-remove-friend:hover{color:var(--danger)}.friends-chat-panel{flex:1;display:flex;flex-direction:column;height:100%}.no-chat-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:var(--text-muted)}.no-chat-icon{width:64px;height:64px;border-radius:20px;background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.15);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 0 15px rgba(var(--primary-rgb),.05)}.chat-container{display:flex;flex-direction:column;height:100%;background:#05030c1a;position:relative}.chat-header{padding:16px 24px;background:#0c081cbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;z-index:10;box-shadow:0 4px 20px #00000040}.chat-header-actions{display:flex;gap:8px;align-items:center}.chat-partner-info{display:flex;align-items:center;gap:14px}.partner-avatar{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;box-shadow:0 0 15px rgba(var(--primary-rgb),.15);border:1px solid rgba(var(--primary-rgb),.3);background:linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--secondary-rgb),.2));position:relative}.partner-avatar:after{content:"";position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:var(--success);border:2px solid #0c081c;box-shadow:0 0 8px var(--success)}.partner-avatar.offline:after{background:#6b7280;box-shadow:none}.partner-details{display:flex;flex-direction:column;gap:3px}.partner-name{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px}.partner-tags{display:flex;flex-wrap:wrap;gap:6px}.partner-tag{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-muted)}.partner-tag.matched-badge{background:linear-gradient(135deg,rgba(var(--secondary-rgb),.15),rgba(var(--primary-rgb),.15));border:1px solid rgba(var(--secondary-rgb),.35);color:#f472b6;box-shadow:0 0 10px rgba(var(--secondary-rgb),.15);animation:pulse-border 2s infinite}.btn-block-action{background:transparent;border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-block-action:hover{background:var(--danger);border-color:var(--danger);color:#fff}.btn-add-friend-action{background:rgba(var(--primary-rgb),.15);border:1px solid rgba(var(--primary-rgb),.35);color:#a7f3d0;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s}.btn-add-friend-action:hover{background:var(--success);border-color:var(--success);color:#fff;box-shadow:0 0 10px rgba(var(--primary-rgb),.3)}.btn-add-friend-action.added{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);cursor:default;box-shadow:none}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;background:radial-gradient(circle at 50% 0%,rgba(var(--primary-rgb),.03),#0000 70%);scroll-behavior:smooth}.message-wrapper{display:flex;align-items:flex-end;gap:10px;max-width:75%;animation:slide-up-message .25s cubic-bezier(.16,1,.3,1) forwards}.message-wrapper.me{align-self:flex-end;flex-direction:row-reverse}.message-wrapper.stranger{align-self:flex-start}.message-content-wrapper{display:flex;flex-direction:column;gap:4px}.message-wrapper.me .message-content-wrapper{align-items:flex-end}.message-wrapper.stranger .message-content-wrapper{align-items:flex-start}.message-avatar{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#fff;flex-shrink:0;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 10px #0003}.message-avatar.stranger-avatar{background:var(--primary);color:var(--text-on-primary)}.message-avatar.friend-avatar{background:linear-gradient(135deg,var(--accent) 0%,#3b82f6 100%)}.message-bubble{padding:12px 18px;font-size:.92rem;line-height:1.45;border-radius:16px;word-break:break-word;position:relative;box-shadow:0 4px 12px #00000026}.message-wrapper.me .message-bubble{background:var(--chat-bubble-me);color:var(--text-on-primary);border-bottom-right-radius:4px;box-shadow:0 4px 15px rgba(var(--primary-rgb),.25),0 0 10px rgba(var(--primary-rgb),.15)}.message-wrapper.stranger .message-bubble{background:var(--chat-bubble-stranger);color:#e5e7eb;border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:4px}.message-wrapper.stranger .message-bubble.dm-bubble{background:var(--chat-bubble-friend);border:1px solid var(--chat-bubble-friend-border);color:#e2f8ff;box-shadow:0 4px 15px rgba(var(--accent-rgb),.08)}.message-timestamp{font-size:.68rem;color:var(--text-muted);opacity:.85}.message-system{align-self:center;font-size:.78rem;font-weight:600;padding:6px 16px;border-radius:20px;text-align:center;max-width:85%;margin:8px 0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000001a;animation:slide-up-message .3s cubic-bezier(.16,1,.3,1) forwards}.message-system.info{background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.2);color:var(--primary)}.message-system.success{background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.2);color:#34d399}.message-system.warning{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#fca5a5}.typing-indicator{display:flex;align-items:center;gap:5px;padding:12px 18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:16px 16px 16px 4px}.typing-dot{width:6px;height:6px;background:var(--primary);border-radius:50%;opacity:.4;animation:bounce-dots 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.emoji-quick-bar{display:flex;justify-content:center;align-items:center;gap:10px;padding:8px 16px;background:#0a071873;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);z-index:5}.emoji-btn{background:transparent;border:none;font-size:1.25rem;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.emoji-btn:hover{transform:scale(1.35) translateY(-2px);background:#ffffff0f}.chat-footer{padding:16px 24px;background:#08051299;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px}.chat-input-wrapper{flex:1;position:relative}.chat-input{width:100%;padding:12px 18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:var(--text-primary);font-size:.95rem;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-input:focus{border-color:var(--primary);background:#0a0814b3;box-shadow:0 0 15px rgba(var(--primary-rgb),.15),0 0 0 1px var(--primary)}.chat-input:disabled{opacity:.6;cursor:not-allowed}.btn-stop,.btn-next{background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:14px;padding:12px 16px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-stop:hover,.btn-next:hover{background:#dc2626;border-color:#dc2626;color:#fff;box-shadow:0 0 15px var(--accent-glow)}.btn-send{width:44px;height:44px;border-radius:14px;background:var(--primary);color:var(--text-on-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 10px rgba(var(--primary-rgb),.25);flex-shrink:0}.btn-send:hover:not(:disabled){transform:scale(1.05) translateY(-1px);box-shadow:0 6px 15px rgba(var(--primary-rgb),.4);filter:brightness(1.08)}.btn-send:hover svg{transform:rotate(15deg) scale(1.05)}.btn-send svg{transition:transform .2s}.btn-send:disabled{opacity:.5;background:#ffffff0d;box-shadow:none;cursor:not-allowed}@keyframes bounce-dots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes pulse-border{0%,to{box-shadow:0 0 5px rgba(var(--secondary-rgb),.15)}50%{box-shadow:0 0 15px rgba(var(--secondary-rgb),.35)}}@keyframes slide-up-message{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.profile-tab-container{padding:40px;max-width:540px;margin:auto;width:100%;display:flex;flex-direction:column;gap:24px}.profile-card{background:#ffffff05;border:1px solid var(--panel-border);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px}.profile-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--primary);border-bottom:1px solid var(--panel-border);padding-bottom:10px}.copy-id-container{background:#08051266;border:1px dashed rgba(var(--primary-rgb),.3);border-radius:12px;padding:14px;display:flex;justify-content:space-between;align-items:center}.copy-id-info{display:flex;flex-direction:column;gap:2px}.copy-id-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:700}.copy-id-val{font-family:Outfit,monospace;font-size:1.15rem;font-weight:700;color:#e9d5ff;letter-spacing:.5px}.btn-copy{background:rgba(var(--primary-rgb),.15);border:1px solid rgba(var(--primary-rgb),.25);color:#cffafe;border-radius:8px;padding:8px 12px;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-copy:hover{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary)}.blocked-tab-container{padding:40px;max-width:600px;margin:auto;width:100%}.blocked-card{background:#ffffff05;border:1px solid var(--panel-border);border-radius:20px;padding:24px;height:420px;display:flex;flex-direction:column}.blocked-scrollable{flex:1;overflow-y:auto;margin-top:15px;display:flex;flex-direction:column;gap:8px}.blocked-item{background:#ffffff05;border:1px solid var(--panel-border);border-radius:12px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center}.blocked-user-details{display:flex;flex-direction:column;gap:2px}.blocked-username{font-weight:600;font-size:.95rem}.blocked-userid{font-size:.75rem;color:var(--text-muted)}.btn-unblock{background:transparent;border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:8px;padding:6px 12px;font-size:.75rem;cursor:pointer;transition:all .2s}.btn-unblock:hover{background:var(--danger);border-color:var(--danger);color:#fff}.no-blocked-users{text-align:center;color:var(--text-muted);margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:12px}.feedback-toast{position:fixed;bottom:24px;right:24px;background:#100c20f2;border:1px solid rgba(var(--primary-rgb),.4);box-shadow:0 8px 30px #00000080,0 0 15px rgba(var(--primary-rgb),.2);border-radius:12px;padding:12px 18px;display:flex;align-items:center;gap:10px;color:#fff;z-index:100;font-size:.9rem;animation:slide-up-fade .3s cubic-bezier(.16,1,.3,1)}.feedback-toast.error{border-color:#ef444466;box-shadow:0 8px 30px #00000080,0 0 15px #ef444433}.feedback-toast.success{border-color:rgba(var(--primary-rgb),.4);box-shadow:0 8px 30px #00000080,0 0 15px rgba(var(--primary-rgb),.2)}@keyframes radar-pulse{0%{width:0%;height:0%;opacity:.8}to{width:100%;height:100%;opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse-badge{0%{transform:scale(1)}50%{transform:scale(1.08);box-shadow:0 0 8px #ef4444b3}to{transform:scale(1)}}@keyframes slide-up-fade{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){html,body{height:100vh;height:100dvh;overflow:hidden}#root{padding:0;height:100vh;height:100dvh;overflow:hidden}.glass-panel{flex-direction:column;height:100vh;height:100dvh;border-radius:0;max-width:100%;border:none;overflow:hidden;padding-top:max(14px,env(safe-area-inset-top,0px))}.sidebar-nav{width:100%;height:65px;flex-direction:row;padding:0 16px;order:2;justify-content:space-around;gap:0;border-right:none;border-top:1px solid var(--panel-border)}.sidebar-logo{display:none}.nav-menu{flex:1;width:auto;flex-direction:row;justify-content:space-around;gap:0}.nav-item{width:50px;height:50px;border-radius:12px}.nav-item.active:after{left:25%;top:auto;bottom:0;height:3px;width:50%;border-radius:4px 4px 0 0}.profile-avatar-sidebar{margin-bottom:0!important}.chat-footer .btn-stop,.chat-footer .btn-next{width:44px;height:44px;padding:0;justify-content:center;border-radius:14px;flex-shrink:0}.chat-footer .btn-stop span,.chat-footer .btn-next span{display:none}.chat-footer{padding:10px 16px;gap:8px}.chat-input{padding:12px 14px;font-size:.9rem}.btn-send{flex-shrink:0}.app-content{flex:1;order:1;height:auto;min-height:0}.friends-split{position:relative;width:100%;height:100%}.friends-list-panel{width:100%;position:absolute;top:0;left:0;height:100%;z-index:5;transition:transform .3s ease}.friends-list-panel.hidden{transform:translate(-100%)}.friends-chat-panel{width:100%;position:absolute;top:0;left:0;height:100%;z-index:1;transform:translate(100%);transition:transform .3s ease;background:#0f0c20}.friends-chat-panel.active{z-index:10;transform:translate(0)}.profile-tab-container,.blocked-tab-container{padding:20px}.profile-card,.blocked-card{padding:16px;height:auto}.chat-header{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.chat-partner-info{width:100%}.partner-avatar{width:40px;height:40px;border-radius:12px}.partner-details{flex:1;min-width:0}.partner-name{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.partner-tags{flex-wrap:wrap;gap:4px;max-width:100%}.partner-tag{font-size:.65rem;padding:2px 6px}.chat-header-actions{display:flex;width:100%;gap:8px}.chat-header-actions button,.chat-header-actions .btn-add-friend-action,.chat-header-actions .btn-block-action{flex:1;justify-content:center;padding:8px 12px;font-size:.75rem;height:38px;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px}}.welcome-container{padding:50px 30px;display:flex;flex-direction:column;align-items:center;text-align:center;margin:auto;width:100%;max-width:500px}.auth-buttons{display:flex;flex-direction:column;gap:14px;width:100%;max-width:320px;margin-top:30px}.btn-google{background:#fff;color:#1f2937;border:none;padding:14px 20px;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s;box-shadow:0 4px 12px #ffffff1a;width:100%}.btn-google:hover{background:#f9fafb;transform:translateY(-2px);box-shadow:0 6px 16px #fff3}.btn-google svg{width:18px;height:18px}.btn-guest-login{background:#ffffff0d;border:1px solid var(--panel-border);color:var(--text-primary);padding:14px 20px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s;width:100%}.btn-guest-login:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.user-profile-header{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.profile-avatar-large{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid var(--primary);box-shadow:0 0 20px var(--primary-glow)}.profile-avatar-sidebar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 8px rgba(var(--primary-rgb),.2)}.account-badge{font-size:.72rem;padding:3px 8px;border-radius:6px;font-weight:700;text-transform:uppercase}.account-badge.google{background:#4285f426;color:#93c5fd;border:1px solid rgba(66,133,244,.3)}.account-badge.guest{background:#f59e0b26;color:#fef08a;border:1px solid rgba(245,158,11,.3)}.btn-signout{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#fca5a5;padding:12px 18px;border-radius:12px;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;width:100%}.btn-signout:hover{background:var(--danger);border-color:var(--danger);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-sound-toggle{width:56px;height:56px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-sound-toggle:hover{color:var(--text-primary);background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.3);box-shadow:0 0 10px rgba(var(--primary-rgb),.15)}.btn-sound-toggle.muted{color:#fca5a5;background:#ef444414;border-color:#ef444433}.btn-sound-toggle.muted:hover{background:#ef444426;border-color:#ef44444d;box-shadow:0 0 10px #ef444426}.server-status-banner{background:#f59e0b1f;border-bottom:1px solid rgba(245,158,11,.25);color:#fbbf24;padding:10px 16px;font-size:.82rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:slide-up-fade .3s cubic-bezier(.16,1,.3,1) forwards;width:100%;flex-shrink:0}.spin{animation:spin 1.2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.friend-requests-section{background:#f59e0b0a;border:1px solid rgba(245,158,11,.15);border-radius:16px;padding:12px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.friend-requests-section .section-title{font-size:.75rem;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.friend-request-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px}.friend-request-item .request-info{display:flex;flex-direction:column;gap:2px;min-width:0}.friend-request-item .request-name{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-request-item .request-id{font-size:.68rem;color:var(--text-muted)}.friend-request-item .request-actions{display:flex;gap:6px}.friend-request-item .btn-accept{background:var(--success);border:none;color:#fff;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.friend-request-item .btn-accept:hover{filter:brightness(1.1);transform:translateY(-.5px)}.friend-request-item .btn-dismiss{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-muted);border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.friend-request-item .btn-dismiss:hover{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.logo-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;width:100%}.home-logo{width:180px;height:180px;margin-top:-50px;margin-bottom:-50px;object-fit:contain;transition:all .3s ease;animation:float-logo 4s ease-in-out infinite}@keyframes float-logo{0%,to{transform:translateY(0);filter:drop-shadow(0 0 8px rgba(110,231,255,.2))}50%{transform:translateY(-6px);filter:drop-shadow(0 0 18px rgba(110,231,255,.5))}}.logo-header .app-subtitle{margin:0;font-size:.95rem;opacity:.85;line-height:1.4;text-align:center;color:var(--text)}