:root{--rarity-common:#9ca3af;--rarity-common-dark:#6b7280;--rarity-uncommon:#22c55e;--rarity-uncommon-dark:#16a34a;--rarity-rare:#3b82f6;--rarity-rare-dark:#2563eb;--rarity-epic:#a855f7;--rarity-epic-dark:#9333ea;--rarity-legendary:#f59e0b;--rarity-legendary-dark:#d97706}#achievement-notifications{position:fixed;top:20px;right:20px;z-index:100000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.achievement-notification{background:linear-gradient(135deg,var(--surface-color,#1e1e2e) 0%,var(--surface-secondary,#2a2a3e) 100%);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 10px 40px rgba(0,0,0,0.4);transform:translateX(120%);transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);pointer-events:auto;max-width:360px}.achievement-notification.show{transform:translateX(0)}.achievement-notification.rarity-common{border:2px solid var(--rarity-common-dark)}.achievement-notification.rarity-uncommon{border:2px solid var(--rarity-uncommon-dark);box-shadow:0 0 10px rgba(34,197,94,0.5),0 10px 40px rgba(0,0,0,0.4)}.achievement-notification.rarity-rare{border:2px solid var(--rarity-rare-dark);box-shadow:0 0 15px rgba(59,130,246,0.6),0 10px 40px rgba(0,0,0,0.4)}.achievement-notification.rarity-epic{border:2px solid var(--rarity-epic-dark);box-shadow:0 0 20px rgba(168,85,247,0.7),0 10px 40px rgba(0,0,0,0.4)}.achievement-notification.rarity-legendary{border:2px solid var(--rarity-legendary-dark);box-shadow:0 0 25px rgba(245,158,11,0.8),0 10px 40px rgba(0,0,0,0.4);animation:legendary-glow 2s ease-in-out infinite}@keyframes legendary-glow{0%,100%{box-shadow:0 0 25px rgba(245,158,11,0.8),0 10px 40px rgba(0,0,0,0.4)}50%{box-shadow:0 0 40px rgba(245,158,11,1),0 10px 40px rgba(0,0,0,0.4)}}.achievement-notification .achievement-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.achievement-notification .achievement-icon i{font-size:24px;color:white}.achievement-notification .achievement-content{flex:1;min-width:0}.achievement-notification .achievement-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.achievement-notification .achievement-name{font-size:16px;font-weight:700;color:var(--text-primary,#fff);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-notification .achievement-meta{font-size:12px;color:var(--text-secondary,#aaa)}.achievements-modal-content{background:var(--surface-color,#1e1e2e);border-radius:16px;width:90%;max-width:800px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px rgba(0,0,0,0.5)}.achievement-card{border-radius:12px;padding:16px 12px;text-align:center;cursor:pointer;transition:all 0.2s ease}.achievement-card:hover{transform:translateY(-4px);opacity:1 !important}.achievement-card.locked{opacity:0.5;filter:grayscale(100%)}.achievement-card .achievement-card-icon{width:48px;height:48px;margin:0 auto 8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.achievement-card .achievement-card-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rarity-bg-common{background:linear-gradient(135deg,var(--rarity-common),var(--rarity-common-dark))}.rarity-bg-uncommon{background:linear-gradient(135deg,var(--rarity-uncommon),var(--rarity-uncommon-dark))}.rarity-bg-rare{background:linear-gradient(135deg,var(--rarity-rare),var(--rarity-rare-dark))}.rarity-bg-epic{background:linear-gradient(135deg,var(--rarity-epic),var(--rarity-epic-dark))}.rarity-bg-legendary{background:linear-gradient(135deg,var(--rarity-legendary),var(--rarity-legendary-dark))}.achievements-progress{height:8px;background:var(--surface-secondary,#2a2a3e);border-radius:4px;overflow:hidden}.achievements-progress-bar{height:100%;background:linear-gradient(90deg,#22c55e,#3b82f6,#a855f7,#f59e0b);border-radius:4px;transition:width 0.5s ease}.profile-achievements-section{padding:16px;border-top:1px solid var(--border-color,#333)}.profile-achievements-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.profile-achievements-title{font-size:14px;font-weight:600;color:var(--text-primary,#fff);display:flex;align-items:center;gap:8px}.profile-achievements-title i{color:var(--rarity-legendary)}.profile-achievements-count{font-size:12px;color:var(--text-secondary,#aaa)}.profile-achievements-grid{display:flex;flex-wrap:wrap;gap:8px}.profile-achievement-badge{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.2s}.profile-achievement-badge:hover{transform:scale(1.1)}.profile-achievement-badge i{font-size:16px;color:white}.view-all-achievements{display:block;width:100%;padding:10px;margin-top:12px;background:var(--surface-secondary,#2a2a3e);border:none;border-radius:8px;color:var(--text-secondary,#aaa);font-size:13px;cursor:pointer;transition:all 0.2s}.view-all-achievements:hover{background:var(--surface-tertiary,#333);color:var(--text-primary,#fff)}@media (max-width:640px){#achievement-notifications{top:10px;right:10px;left:10px}.achievement-notification{max-width:100%}.achievements-modal-content{width:95%;max-height:90vh}}.user-profile-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;backdrop-filter:blur(4px)}.user-profile-modal-overlay.show{opacity:1;visibility:visible}.user-profile-modal{background:var(--surface-color,#1e1e2e);border-radius:16px;width:90%;max-width:440px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 60px rgba(0,0,0,0.5);transform:scale(0.95) translateY(20px);transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1);border:1px solid var(--frame-border,#333)}.user-profile-modal-overlay.show .user-profile-modal{transform:scale(1) translateY(0)}.profile-banner{height:120px;position:relative;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-size:cover;background-position:center}.profile-close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,0.5);border:none;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s}.profile-close-btn:hover{background:rgba(0,0,0,0.7)}.profile-avatar-container{position:relative;margin-top:-50px;margin-left:20px;width:100px;height:100px}.profile-avatar-frame{width:100px;height:100px;border-radius:50%;padding:4px;background:linear-gradient(135deg,var(--frame-color,#6b7280),var(--frame-border,#4b5563));box-shadow:0 4px 20px rgba(0,0,0,0.3)}.profile-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--surface-color,#1e1e2e)}.profile-verified-badge{position:absolute;bottom:4px;right:4px;width:28px;height:28px;background:var(--surface-color,#1e1e2e);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:2px}.profile-verified-badge svg{width:24px;height:24px}.verified-inline{color:#5865F2;margin-left:6px;font-size:0.85em}.profile-info{padding:16px 20px}.profile-names{margin-bottom:12px}.profile-display-name{font-size:22px;font-weight:700;color:var(--text-primary,#fff);margin:0;display:flex;align-items:center}.profile-username{font-size:14px;color:var(--text-secondary,#aaa);margin-top:2px;display:block}.profile-custom-status{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface-secondary,#2a2a3e);border-radius:8px;margin-bottom:12px;font-size:14px;color:var(--text-secondary,#aaa)}.profile-custom-status i{color:var(--accent-color,#667eea)}.profile-bio{margin-bottom:12px}.profile-bio h4{font-size:12px;font-weight:600;color:var(--text-secondary,#aaa);text-transform:uppercase;letter-spacing:0.5px;margin:0 0 6px 0}.profile-bio p{font-size:14px;color:var(--text-primary,#fff);margin:0;line-height:1.5;word-break:break-word}.profile-meta{display:flex;flex-wrap:wrap;gap:16px}.profile-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary,#aaa)}.profile-meta-item i{font-size:14px;opacity:0.7}.profile-achievements-section{padding:16px 20px;border-top:1px solid var(--border-color,#333);max-height:250px;overflow-y:auto}.profile-achievements-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.profile-achievements-header h3{font-size:14px;font-weight:600;color:var(--text-primary,#fff);margin:0;display:flex;align-items:center;gap:8px}.profile-achievements-header h3 i{color:var(--rarity-legendary)}.achievements-count{font-size:12px;color:var(--text-secondary,#aaa);background:var(--surface-secondary,#2a2a3e);padding:4px 10px;border-radius:12px}.achievements-progress-bar{height:6px;background:var(--surface-secondary,#2a2a3e);border-radius:3px;overflow:hidden;margin-bottom:14px}.achievements-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#3b82f6,#a855f7,#f59e0b);border-radius:3px;transition:width 0.5s ease}.profile-achievements-grid{display:flex;flex-wrap:wrap;gap:8px}.achievement-badge{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;background:var(--surface-secondary,#2a2a3e);border:2px solid transparent}.achievement-badge.unlocked{background:linear-gradient(135deg,var(--ach-color,#6b7280),var(--ach-border,#4b5563));border-color:var(--ach-border,#4b5563);box-shadow:0 2px 8px rgba(0,0,0,0.3)}.achievement-badge.locked{opacity:0.4;filter:grayscale(100%)}.achievement-badge:hover{transform:scale(1.15)}.achievement-badge.unlocked:hover{box-shadow:0 4px 16px rgba(0,0,0,0.4)}.achievement-badge i{font-size:18px;color:white}.achievement-badge.locked i{color:#666}.no-achievements{text-align:center;color:var(--text-secondary,#aaa);font-size:14px;padding:20px}.view-all-achievements-btn{display:block;width:100%;padding:10px;margin-top:12px;background:var(--surface-secondary,#2a2a3e);border:none;border-radius:8px;color:var(--text-secondary,#aaa);font-size:13px;cursor:pointer;transition:all 0.2s}.view-all-achievements-btn:hover{background:var(--surface-tertiary,#333);color:var(--text-primary,#fff)}.profile-actions{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--border-color,#333)}.profile-action-btn{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.2s;background:var(--surface-secondary,#2a2a3e);color:var(--text-primary,#fff)}.profile-action-btn:hover{background:var(--surface-tertiary,#333)}.profile-action-btn.primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}.profile-action-btn.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}@media (max-width:480px){.user-profile-modal{width:95%;max-height:95vh}.profile-banner{height:100px}.profile-avatar-container{margin-top:-40px;width:80px;height:80px}.profile-avatar-frame{width:80px;height:80px}.profile-verified-badge{width:24px;height:24px}.profile-verified-badge svg{width:20px;height:20px}.profile-display-name{font-size:18px}.profile-actions{flex-direction:column}.achievement-badge{width:38px;height:38px}.achievement-badge i{font-size:16px}}.verified-badge,.user-verified-badge,[data-verified="true"]::after{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:4px;vertical-align:middle}i.verified-badge,i.fas.fa-check-circle.verified-badge{color:#5865F2;font-size:14px;width:auto;height:auto}.verified-badge svg,.user-verified-badge svg{width:16px;height:16px}.verified-badge svg circle,.user-verified-badge svg circle{fill:#5865F2}.verified-badge svg path,.user-verified-badge svg path{stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.verified-text-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:linear-gradient(135deg,#5865F2,#7289DA);border-radius:10px;font-size:11px;font-weight:600;color:white;text-transform:uppercase;letter-spacing:0.5px}.verified-text-badge i{font-size:10px}.username-verified{color:#5865F2;margin-left:4px;font-size:0.9em}.verified-badge:hover svg,.profile-verified-badge:hover svg,.verified-inline:hover{animation:verified-pulse 0.3s ease}@keyframes verified-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}[data-theme="light"] .user-profile-modal,.light-theme .user-profile-modal,body.light-theme .user-profile-modal{background:var(--surface-color,#ffffff);border-color:var(--border-color,#e0e0e0)}[data-theme="light"] .profile-avatar-img,.light-theme .profile-avatar-img{border-color:var(--surface-color,#ffffff)}[data-theme="light"] .profile-display-name,.light-theme .profile-display-name{color:var(--text-primary,#1a1a1a)}[data-theme="light"] .profile-username,.light-theme .profile-username{color:var(--text-secondary,#666)}[data-theme="light"] .profile-custom-status,.light-theme .profile-custom-status{background:var(--surface-secondary,#f5f5f5);color:var(--text-secondary,#666)}[data-theme="light"] .profile-bio p,.light-theme .profile-bio p{color:var(--text-primary,#1a1a1a)}[data-theme="light"] .profile-bio h4,.light-theme .profile-bio h4{color:var(--text-secondary,#666)}[data-theme="light"] .profile-meta-item,.light-theme .profile-meta-item{color:var(--text-secondary,#666)}[data-theme="light"] .profile-achievements-section,.light-theme .profile-achievements-section{border-top-color:var(--border-color,#e0e0e0)}[data-theme="light"] .profile-achievements-header h3,.light-theme .profile-achievements-header h3{color:var(--text-primary,#1a1a1a)}[data-theme="light"] .achievements-count,.light-theme .achievements-count{background:var(--surface-secondary,#f5f5f5);color:var(--text-secondary,#666)}[data-theme="light"] .achievements-progress-bar,.light-theme .achievements-progress-bar{background:var(--surface-secondary,#e0e0e0)}[data-theme="light"] .achievement-badge,.light-theme .achievement-badge{background:var(--surface-secondary,#f5f5f5)}[data-theme="light"] .achievement-badge.locked i,.light-theme .achievement-badge.locked i{color:#999}[data-theme="light"] .view-all-achievements-btn,.light-theme .view-all-achievements-btn{background:var(--surface-secondary,#f5f5f5);color:var(--text-secondary,#666)}[data-theme="light"] .view-all-achievements-btn:hover,.light-theme .view-all-achievements-btn:hover{background:var(--surface-tertiary,#e0e0e0);color:var(--text-primary,#1a1a1a)}[data-theme="light"] .profile-actions,.light-theme .profile-actions{border-top-color:var(--border-color,#e0e0e0)}[data-theme="light"] .profile-action-btn,.light-theme .profile-action-btn{background:var(--surface-secondary,#f5f5f5);color:var(--text-primary,#1a1a1a)}[data-theme="light"] .profile-action-btn:hover,.light-theme .profile-action-btn:hover{background:var(--surface-tertiary,#e0e0e0)}[data-theme="light"] .no-achievements,.light-theme .no-achievements{color:var(--text-secondary,#666)}.profile-actions-secondary{display:flex;gap:10px;padding:0 20px 16px}.profile-action-btn-small{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all 0.2s;background:var(--surface-secondary,#2a2a3e);color:var(--text-secondary,#aaa)}.profile-action-btn-small:hover{background:var(--surface-tertiary,#333);color:var(--text-primary,#fff)}.profile-action-btn-small.danger{color:#ef4444}.profile-action-btn-small.danger:hover{background:rgba(239,68,68,0.15);color:#f87171}.profile-action-btn-small.warning{color:#f59e0b}.profile-action-btn-small.warning:hover{background:rgba(245,158,11,0.15);color:#fbbf24}[data-theme="light"] .profile-action-btn-small,.light-theme .profile-action-btn-small{background:var(--surface-secondary,#f5f5f5);color:var(--text-secondary,#666)}[data-theme="light"] .profile-action-btn-small:hover,.light-theme .profile-action-btn-small:hover{background:var(--surface-tertiary,#e0e0e0)}[data-theme="light"] .profile-action-btn-small.danger,.light-theme .profile-action-btn-small.danger{color:#dc2626}[data-theme="light"] .profile-action-btn-small.warning,.light-theme .profile-action-btn-small.warning{color:#d97706}.incoming-call-overlay,#incomingCallModal,.call-incoming-modal{background:var(--surface-color,#1e1e2e);color:var(--text-primary,#fff)}[data-theme="light"] .incoming-call-overlay,[data-theme="light"] #incomingCallModal,[data-theme="light"] .call-incoming-modal,.light-theme .incoming-call-overlay,.light-theme #incomingCallModal,.light-theme .call-incoming-modal{background:var(--surface-color,#ffffff);color:var(--text-primary,#1a1a1a)}.incoming-call-info,.call-incoming-info{color:var(--text-primary,#fff)}[data-theme="light"] .incoming-call-info,[data-theme="light"] .call-incoming-info,.light-theme .incoming-call-info,.light-theme .call-incoming-info{color:var(--text-primary,#1a1a1a)}.incoming-call-subtitle,.call-incoming-subtitle{color:var(--text-secondary,#aaa)}[data-theme="light"] .incoming-call-subtitle,[data-theme="light"] .call-incoming-subtitle,.light-theme .incoming-call-subtitle,.light-theme .call-incoming-subtitle{color:var(--text-secondary,#666)}.incoming-call-buttons,.call-incoming-buttons{background:var(--surface-secondary,#2a2a3e)}[data-theme="light"] .incoming-call-buttons,[data-theme="light"] .call-incoming-buttons,.light-theme .incoming-call-buttons,.light-theme .call-incoming-buttons{background:var(--surface-secondary,#f5f5f5)}#callModal .modal-content,.call-modal-content{background:var(--surface-color,#1e1e2e);color:var(--text-primary,#fff)}[data-theme="light"] #callModal .modal-content,[data-theme="light"] .call-modal-content,.light-theme #callModal .modal-content,.light-theme .call-modal-content{background:var(--surface-color,#ffffff);color:var(--text-primary,#1a1a1a)}.call-status,.call-timer{color:var(--text-secondary,#aaa)}[data-theme="light"] .call-status,[data-theme="light"] .call-timer,.light-theme .call-status,.light-theme .call-timer{color:var(--text-secondary,#666)}.call-partner-name,.caller-name{color:var(--text-primary,#fff)}[data-theme="light"] .call-partner-name,[data-theme="light"] .caller-name,.light-theme .call-partner-name,.light-theme .caller-name{color:var(--text-primary,#1a1a1a)}.call-controls{background:var(--surface-secondary,#2a2a3e)}[data-theme="light"] .call-controls,.light-theme .call-controls{background:var(--surface-secondary,#f5f5f5)}.call-control-btn{background:var(--surface-tertiary,#333);color:var(--text-primary,#fff)}[data-theme="light"] .call-control-btn,.light-theme .call-control-btn{background:var(--surface-tertiary,#e0e0e0);color:var(--text-primary,#1a1a1a)}.call-control-btn:hover{background:var(--surface-hover,#444)}[data-theme="light"] .call-control-btn:hover,.light-theme .call-control-btn:hover{background:var(--surface-hover,#d0d0d0)}