*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body.keyboard-open{height:auto;min-height:auto}body.app-offline:after{background:#ef4444;color:#fff;content:"No internet connection";font-size:12px;font-weight:600;left:0;padding:6px;position:fixed;right:0;text-align:center;top:env(safe-area-inset-top,0);z-index:99999}html.native-app{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html.native-app [contenteditable],html.native-app input,html.native-app textarea{-webkit-user-select:text;user-select:text}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}::-webkit-scrollbar-thumb{background:#64748b59;border-radius:4px;-webkit-transition:background .2s;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#64748b8c}::-webkit-scrollbar-corner{background:#0000}.chatroom-page-2d ::-webkit-scrollbar-track,.classic-chat-wrapper ::-webkit-scrollbar-track,.sidebar ::-webkit-scrollbar-track{background:#ffffff0d}.chatroom-page-2d ::-webkit-scrollbar-thumb,.classic-chat-wrapper ::-webkit-scrollbar-thumb,.sidebar ::-webkit-scrollbar-thumb{background:#94a3b84d}.chatroom-page-2d ::-webkit-scrollbar-thumb:hover,.classic-chat-wrapper ::-webkit-scrollbar-thumb:hover,.sidebar ::-webkit-scrollbar-thumb:hover{background:#94a3b880}.sidebar{background:linear-gradient(180deg,#0c4a6e,#0369a1 50%,#0284c7);box-shadow:4px 0 20px #0000004d;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease;width:220px;z-index:1000}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:18px 16px}.logo{align-items:center;animation:fadeInDown .6s ease;display:flex;flex-direction:column}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logo-icon{align-items:center;animation:sparkle 4s ease-in-out infinite;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:12px;box-shadow:0 6px 12px #0ea5e980;color:#fff;display:flex;height:42px;justify-content:center;margin-bottom:10px;width:42px}.logo-icon svg{height:24px;width:24px}.logo-icon-custom{animation:none;background:#0000;box-shadow:none;overflow:hidden}.logo-icon-img{border-radius:10px;height:100%;object-fit:contain;width:100%}@keyframes sparkle{0%,to{box-shadow:0 6px 12px #0ea5e980}50%{box-shadow:0 6px 20px #0ea5e9cc,0 0 30px #06b6d466}}.site-name{color:#fff;font-size:18px;font-weight:700;letter-spacing:.5px;text-align:center}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px 0}.nav-section{animation:fadeIn .6s ease;margin-bottom:18px}.nav-section-bottom{border-top:1px solid #ffffff1a;margin-bottom:0;padding-top:8px}.nav-heading{color:#ffffff80;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:10px;padding:0 20px;text-transform:uppercase}.nav-link{align-items:center;border-radius:10px;color:#ffffffd9;display:flex;font-weight:500;margin:3px 8px;overflow:hidden;padding:10px 14px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:before{background:#06b6d4;border-radius:0 4px 4px 0;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.nav-link:hover{background:#0ea5e940;box-shadow:0 2px 8px #0003;color:#fff;transform:translateX(4px)}.nav-link:hover:before{transform:scaleY(1)}.nav-link.active{background:#0ea5e959;box-shadow:0 2px 8px #0003;color:#fff;font-weight:600}.nav-link.active:before{transform:scaleY(1)}.nav-link.disabled{cursor:not-allowed;opacity:.35;pointer-events:none}.nav-link.nav-locked{cursor:not-allowed;opacity:.4;pointer-events:auto}.nav-link.nav-locked:hover{background:#0000}.nav-icon{flex-shrink:0;height:20px;margin-right:12px;transition:transform .3s ease;width:20px}.nav-link:hover .nav-icon{transform:scale(1.2)}.sidebar-room-name{display:inline-block;font-size:11px;font-weight:400;max-width:100px;opacity:.7;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.chatmail-badge{align-items:center;animation:badgePop .4s cubic-bezier(.68,-.55,.265,1.55);background:#ef4444;border-radius:10px;box-shadow:0 2px 6px #ef444480;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;margin-left:auto;min-width:20px;padding:0 6px}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.user-status{align-items:center;animation:fadeInUp .6s ease;background:#0003;border-top:1px solid #ffffff1a;display:flex;gap:10px;padding:14px}.user-status-link{cursor:pointer;text-decoration:none;transition:background .2s ease}.user-status-link:hover{background:#ffffff1a}.user-avatar{flex-shrink:0;height:38px;position:relative;width:38px}.user-avatar img{border:2px solid #0ea5e980;border-radius:50%;height:100%;object-fit:cover;width:100%}.status-indicator{border:2px solid #0c4a6e;bottom:2px;height:14px;position:absolute;right:2px;width:14px}.status-indicator.online{animation:pulse 2s ease infinite;background:#10b981}.status-indicator.away{animation:pulse 2s ease infinite;background:#3b82f6}.user-info{flex:1 1;min-width:0;text-align:left}.logged-in-text{color:#fff9;font-size:11px;margin-bottom:2px}.username{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:4px;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{align-items:center;display:inline-flex;justify-content:center;line-height:1;padding:0}.status-badge.online{color:#10b981}.status-badge.away{color:#60a5fa}.status-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.user-badges{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.role-badge-sidebar{align-items:center;border-radius:10px;display:inline-flex;flex-shrink:0;font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase;white-space:nowrap}.role-badge-sidebar.role-system_administrator{background:#ef444433;color:#f87171}.role-badge-sidebar.role-administrator{background:#f59e0b33;color:#fbbf24}.role-badge-sidebar.role-moderator,.role-badge-sidebar.role-sr_mod{background:#3b82f633;color:#60a5fa}.role-badge-sidebar.role-member{background:#eab30833;color:#eab308}.role-badge-sidebar.role-premium{background:#c084fc33;color:#c084fc}.role-badge-sidebar.role-guest{background:#f472b633;color:#f472b6}.room-role-badge.room-role-manager,.room-role-badge.room-role-owner{background:#16a34a33;color:#4ade80}.room-role-badge.room-role-host{background:#4ade8026;color:#86efac}.premium-star-sidebar{color:#fbbf24;font-size:13px;margin-left:4px;text-shadow:0 0 6px #fbbf2499}.premium-active-badge{color:#fbbf24;font-size:14px;font-weight:700;margin-left:auto}.my-profile-card{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;cursor:pointer;display:flex;gap:10px;margin:4px 0;padding:10px 12px;text-decoration:none;transition:all .3s ease}.my-profile-card:hover{background:#ffffff26;border-color:#ffffff40;transform:translateX(4px)}.my-profile-card.active{background:#fff3;border-color:#ffffff59}.my-profile-card-avatar{border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;height:34px;object-fit:cover;width:34px}.my-profile-card-info{display:flex;flex-direction:column;gap:1px;min-width:0}.my-profile-card-name{color:#fff;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-profile-card-label{color:#ffffff80;font-size:10px;font-weight:500}.mobile-toggle,.sidebar-overlay{display:none}@media (max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.mobile-toggle{background:linear-gradient(135deg,#0c4a6e,#0369a1);border:none;border-radius:8px;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:flex;flex-direction:column;gap:5px;left:15px;padding:10px;position:fixed;top:15px;z-index:1001}.mobile-toggle span{background:#fff;border-radius:2px;height:3px;transition:all .3s ease;width:25px}.sidebar-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}}@media (max-width:480px){.sidebar{width:min(260px,calc(100vw - 60px))}.sidebar-header{padding:20px 15px}.logo-icon{height:50px;width:50px}.logo-icon svg{height:30px;width:30px}.site-name{font-size:20px}}.sidebar-user-search{padding:0 12px 8px;position:relative}.sidebar-search-input-wrapper{align-items:center;background:#ffffff14;border-radius:8px;display:flex;padding:0 10px;position:relative}.sidebar-search-icon{color:#94a3b8;flex-shrink:0}.sidebar-search-input{background:none;border:none;color:#e2e8f0;font-size:13px;outline:none;padding:8px 6px;width:100%}.sidebar-search-input::placeholder{color:#64748b}.sidebar-search-clear{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px;line-height:1;padding:0 2px}.sidebar-search-results{background:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 8px 24px #0006;left:12px;max-height:240px;overflow-y:auto;position:absolute;right:12px;top:100%;z-index:100}.sidebar-search-result{align-items:center;color:#e2e8f0;display:flex;gap:10px;padding:8px 12px;text-decoration:none;transition:background .15s}.sidebar-search-result:hover{background:#3b82f626}.sidebar-search-avatar{border-radius:50%;height:28px;object-fit:cover;width:28px}.sidebar-search-name{display:flex;flex-direction:column;font-size:13px;font-weight:500;line-height:1.3}.sidebar-search-username{color:#94a3b8;font-size:11px;font-weight:400}.sidebar-search-empty,.sidebar-search-loading{color:#94a3b8;font-size:13px;padding:12px;text-align:center}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0003}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-version{color:#ffffff59;font-size:10px;letter-spacing:.5px;margin-top:2px}.sidebar-copyright,.sidebar-version{-webkit-user-select:none;user-select:none}.sidebar-copyright{color:#ffffffa6;font-size:11px;letter-spacing:.3px;line-height:1.4;padding:8px 12px 12px;text-align:center}.sidebar-policy-links{align-items:center;display:flex;font-size:10px;gap:6px;justify-content:center;margin-top:4px}.sidebar-policy-links a{color:#fff6;text-decoration:none;transition:color .2s}.sidebar-policy-links a:hover{color:#fffc}.sidebar-policy-links span{color:#ffffff40}.sidebar-mood-section{padding:4px 16px 8px;position:relative}.mood-trigger-btn{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:12px;padding:6px 12px;text-align:left;transition:all .2s ease;width:100%}.mood-trigger-btn:hover{background:#ffffff1a;color:#ffffffe6}.mood-picker-dropdown{animation:fadeIn .15s ease;background:#1e293b;border:1px solid #ffffff26;border-radius:12px;bottom:100%;box-shadow:0 8px 24px #0006;left:16px;padding:12px;position:absolute;right:16px;z-index:100}.mood-picker-header{align-items:center;color:#fffc;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:10px}.mood-clear-btn{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;font-size:11px;padding:2px 6px}.mood-clear-btn:hover{background:#ef444426}.mood-custom-row{margin-bottom:10px}.mood-custom-input{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;box-sizing:border-box;color:#fff;font-size:12px;outline:none;padding:8px 10px;width:100%}.mood-custom-input::placeholder{color:#ffffff59}.mood-custom-input:focus{border-color:#3b82f6}.mood-presets-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr;max-height:200px;overflow-y:auto}.mood-preset-btn{align-items:center;background:none;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 8px;text-align:left;transition:background .15s}.mood-preset-btn:hover{background:#ffffff14}.mood-preset-emoji{font-size:16px}.mood-preset-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signout-confirm-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.signout-confirm-modal{animation:scaleIn .15s ease;background:#1e293b;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;min-width:300px;padding:28px 32px;text-align:center}.signout-confirm-icon{color:#f87171;margin-bottom:12px}.signout-confirm-title{color:#f1f5f9;font-size:18px;font-weight:700;margin:0 0 6px}.signout-confirm-text{color:#94a3b8;font-size:14px;margin:0 0 20px}.signout-confirm-buttons{display:flex;gap:10px;justify-content:center}.signout-cancel-btn{background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .15s}.signout-cancel-btn:hover{background:#ffffff26}.signout-confirm-btn{background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .15s}.signout-confirm-btn:hover{background:linear-gradient(135deg,#b91c1c,#dc2626)}.connection-overlay{align-items:center;animation:connFadeIn .4s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}@keyframes connFadeIn{0%{opacity:0}to{opacity:1}}.connection-overlay-content{animation:connSlideUp .5s cubic-bezier(.68,-.55,.265,1.55);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:40px 48px;text-align:center;width:90%}@keyframes connSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.connection-icon{animation:connPulse 2s ease infinite;color:#dc2626;margin-bottom:16px}@keyframes connPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.connection-title{color:#1e293b;font-size:22px;font-weight:700;margin:0 0 12px}.connection-message{color:#64748b;font-size:16px;line-height:1.5;margin:0 0 24px}.connection-progress{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden;width:100%}.connection-progress-bar{background:linear-gradient(135deg,#0c4a6e,#0369a1);border-radius:3px;height:100%}.connection-progress-animated{animation:connBarSlide 1.2s ease-in-out infinite;width:30%}@keyframes connBarSlide{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}.connection-retry-btn{background:linear-gradient(135deg,#0c4a6e,#0369a1);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 32px;transition:all .2s}.connection-retry-btn:hover{background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 4px 16px #0369a166;transform:translateY(-1px)}@media (max-width:480px){.connection-overlay-content{padding:32px 24px}.connection-title{font-size:20px}.connection-message{font-size:15px}}.friend-alert-toast{align-items:center;animation:slideInRight .3s ease;background:#fff;border-left:4px solid #0ea5e9;border-radius:12px;box-shadow:0 8px 32px #00000026,0 2px 8px #0000001a;cursor:pointer;display:flex;gap:12px;max-width:360px;padding:14px 16px;position:fixed;right:20px;top:20px;transition:transform .2s ease,box-shadow .2s ease;z-index:9999}.friend-alert-toast:hover{box-shadow:0 12px 40px #0003,0 4px 12px #0000001a;transform:translateY(-2px)}.friend-alert-avatar{flex-shrink:0;height:40px;position:relative;width:40px}.friend-alert-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.friend-alert-icon{align-items:center;border:2px solid #fff;border-radius:50%;bottom:-2px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-2px;width:18px}.friend-alert-content{flex:1 1;min-width:0}.friend-alert-message{color:#1e293b;font-size:13px;font-weight:600;line-height:1.3;margin:0}.friend-alert-action{color:#0ea5e9;font-size:11px;font-weight:500}.friend-alert-close{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px}.friend-alert-close:hover{background:#f1f5f9;color:#475569}@media (max-width:480px){.friend-alert-toast{left:10px;max-width:none;right:10px;top:10px}}.login-page{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1 50%,#0284c7);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-background{inset:0;overflow:hidden;position:absolute}.bg-circle{background:#fff;border-radius:50%;opacity:.08;position:absolute}.circle-1{animation:floatCircle 8s ease-in-out infinite;height:500px;right:-100px;top:-150px;width:500px}.circle-2{animation:floatCircle 10s ease-in-out infinite reverse;bottom:-80px;height:350px;left:-80px;width:350px}.circle-3{animation:floatCircle 12s ease-in-out infinite;height:200px;left:30%;top:40%;width:200px}.circle-4{animation:floatCircle 14s ease-in-out infinite reverse;height:150px;left:10%;top:20%;width:150px}.login-layout{align-items:center;display:flex;gap:60px;max-width:1100px;padding:20px;position:relative;width:100%;z-index:1}.login-features{animation:fadeInLeft .8s ease;color:#fff;flex:1 1}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.features-title{font-size:42px;font-weight:800;line-height:1.2;margin:0 0 12px;text-shadow:0 2px 10px #0003}.features-subtitle{font-size:18px;font-weight:400;margin:0 0 40px;opacity:.85}.feature-list{display:flex;flex-direction:column;gap:24px}.feature-item{align-items:flex-start;animation:fadeInUp .6s ease backwards;display:flex;gap:16px}.feature-item:first-child{animation-delay:.2s}.feature-item:nth-child(2){animation-delay:.35s}.feature-item:nth-child(3){animation-delay:.5s}.feature-item:nth-child(4){animation-delay:.65s}.feature-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.feature-icon.premium-icon{background:#fbbf2433;border-color:#fbbf244d}.feature-item h3{font-size:17px;font-weight:700;margin:0 0 4px}.feature-item p{font-size:14px;line-height:1.5;margin:0;opacity:.75}.login-container{flex-shrink:0;max-width:440px;position:relative;width:100%;z-index:1}.login-card{animation:slideUp .6s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff7;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:48px 40px}.login-header{margin-bottom:32px;text-align:center}.login-logo{align-items:center;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:16px;box-shadow:0 8px 20px #0ea5e966;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.login-logo svg{height:36px;width:36px}.login-title{color:#0c4a6e;font-size:28px;font-weight:700;margin-bottom:8px}.login-subtitle{color:#64748b;font-size:15px}.login-mode-toggle{background:#f1f5f9;border-radius:14px;display:flex;gap:8px;margin-bottom:24px;padding:6px}.mode-button{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease}.mode-button:hover{color:#334155}.mode-button.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#0c4a6e}.mode-button svg{flex-shrink:0}.guest-hint{color:#94a3b8;font-size:12px;font-style:italic;margin-top:8px}.login-error{align-items:center;animation:shake .4s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.login-form{display:flex;flex-direction:column;gap:20px}.login-field label{color:#334155;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-wrapper{align-items:center;background:#f1f5f9;border:2px solid #0000;border-radius:12px;display:flex;gap:12px;padding:14px 16px;transition:all .3s ease}.input-wrapper:focus-within{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91a}.input-wrapper svg{color:#94a3b8;flex-shrink:0}.input-wrapper:focus-within svg{color:#0ea5e9}.input-wrapper input{background:none;border:none;color:#1e293b;flex:1 1;font-size:15px;outline:none}.input-wrapper input::placeholder{color:#94a3b8}.member-links{align-items:center;display:flex;justify-content:space-between;margin-top:-8px}.forgot-link,.resend-activation-link{background:none;border:none;color:#0369a1;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:0;text-decoration:none;transition:color .3s ease}.forgot-link:hover,.resend-activation-link:hover{color:#0284c7;text-decoration:underline}.resend-activation-panel{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;margin-top:4px;padding:14px}.resend-activation-desc{color:#64748b;font-size:12px;margin:0 0 10px}.resend-activation-form{display:flex;gap:8px}.resend-activation-form input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;flex:1 1;font-size:13px;outline:none;padding:10px 12px;transition:border-color .3s}.resend-activation-form input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.resend-activation-form input::placeholder{color:#94a3b8}.resend-activation-form button{background:linear-gradient(135deg,#0c4a6e,#0369a1);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:opacity .3s;white-space:nowrap}.resend-activation-form button:hover{opacity:.9}.resend-activation-form button:disabled{cursor:not-allowed;opacity:.5}.resend-activation-msg{color:#0369a1;font-size:12px;margin:8px 0 0}.login-button{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:8px;padding:16px;transition:all .3s ease}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 8px 20px #0369a166;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:22px;width:22px}.language-selector{align-items:center;color:#64748b;display:flex;gap:8px;justify-content:center;margin-top:16px}.language-select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-size:13px;font-weight:500;outline:none;padding:6px 12px;transition:border-color .3s ease}.language-select:focus{border-color:#0ea5e9}.login-footer{color:#64748b;font-size:14px;margin-top:24px;text-align:center}.login-footer a{color:#0369a1;font-weight:600;text-decoration:none;transition:color .3s ease}.login-footer a:hover{color:#0284c7}.login-policy-links{align-items:center;display:flex;font-size:12px;gap:8px;justify-content:center;margin-top:12px}.login-policy-links a{color:#64748bb3;font-weight:500}.login-policy-links a:hover{color:#0369a1}.policy-dot{color:#64748b66}.app-version-footer{bottom:10px;color:#fff3;font-size:11px;letter-spacing:.5px;position:fixed;right:14px;-webkit-user-select:none;user-select:none;z-index:1}.ban-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.ban-card{animation:slideUp .5s cubic-bezier(.68,-.55,.265,1.55);background:#fff;border-radius:24px;box-shadow:0 20px 60px #0006;max-width:420px;padding:48px 40px;text-align:center;width:90%}.ban-icon{color:#dc2626;margin-bottom:20px}.ban-card h2{color:#1e293b;font-size:22px;margin:0 0 12px}.ban-reason{color:#64748b;font-size:15px;line-height:1.6;margin:0 0 28px}.ban-timer{margin-bottom:24px}.ban-timer,.ban-timer-circle{display:flex;justify-content:center}.ban-timer-circle{align-items:center;animation:pulseBan 2s ease infinite;border:4px solid #dc2626;border-radius:50%;flex-direction:column;height:120px;width:120px}@keyframes pulseBan{0%,to{box-shadow:0 0 0 0 #dc26264d}50%{box-shadow:0 0 0 12px #dc262600}}.ban-time{font-feature-settings:"tnum";color:#dc2626;font-size:32px;font-variant-numeric:tabular-nums;font-weight:800}.ban-label{color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.ban-note{color:#94a3b8;font-size:13px;margin:0}@media (max-width:900px){.login-layout{flex-direction:column;gap:30px}.login-features{text-align:center}.features-title{font-size:28px}.features-subtitle{margin-bottom:24px}.feature-list{display:none}.login-container{max-width:440px}}@media (max-width:480px){.login-card{padding:32px 24px}.features-title{font-size:24px}}.login-success-overlay{align-items:center;animation:successFadeIn .4s ease;background:linear-gradient(135deg,#0c4a6e,#0369a1 50%,#0284c7);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes successFadeIn{0%{opacity:0}to{opacity:1}}.login-success-content{animation:successSlideUp .5s ease .1s both;text-align:center}@keyframes successSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.success-checkmark{color:#4ade80;height:80px;margin:0 auto 24px;width:80px}.success-checkmark svg{height:100%;width:100%}.success-circle{stroke-dasharray:150;stroke-dashoffset:150;animation:drawCircle .5s ease .3s forwards}@keyframes drawCircle{to{stroke-dashoffset:0}}.success-check{stroke-dasharray:40;stroke-dashoffset:40;animation:drawCheck .3s ease .7s forwards}@keyframes drawCheck{to{stroke-dashoffset:0}}.success-title{color:#fff;font-size:28px;font-weight:700;margin-bottom:8px}.success-subtitle{animation:subtitlePulse 1s ease-in-out infinite;color:#ffffffb3;font-size:16px}@keyframes subtitlePulse{0%,to{opacity:.7}50%{opacity:1}}.register-page{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1 50%,#0284c7);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.register-background{inset:0;overflow:hidden;position:absolute}.bg-shape{background:#fff;border-radius:50%;opacity:.08;position:absolute}.shape-1{animation:floatShape 10s ease-in-out infinite;height:500px;right:-150px;top:-150px;width:500px}.shape-2{animation:floatShape 12s ease-in-out infinite reverse;bottom:-100px;height:350px;left:-100px;width:350px}.shape-3{animation:floatShape 8s ease-in-out infinite;height:200px;left:10%;top:40%;width:200px}.shape-4{animation:floatShape 9s ease-in-out infinite reverse;bottom:20%;height:150px;right:15%;width:150px}@keyframes floatShape{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.05)}}.register-container{max-width:520px;position:relative;width:100%;z-index:1}.register-card{animation:slideUp .6s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:40px}.register-header{margin-bottom:24px;text-align:center}.register-logo{align-items:center;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:14px;box-shadow:0 8px 20px #0ea5e966;color:#fff;display:flex;height:56px;justify-content:center;margin:0 auto 12px;width:56px}.register-logo svg{height:32px;width:32px}.register-title{color:#0c4a6e;font-size:26px;font-weight:700;margin-bottom:6px}.register-subtitle{color:#64748b;font-size:14px}.step-indicator{gap:0;margin-bottom:28px}.step-dot,.step-indicator{align-items:center;display:flex;justify-content:center}.step-dot{background:#e2e8f0;border-radius:50%;color:#94a3b8;flex-shrink:0;font-size:14px;font-weight:700;height:36px;transition:all .3s ease;width:36px}.step-dot.active{background:linear-gradient(135deg,#0c4a6e,#0369a1);box-shadow:0 4px 12px #0369a14d;color:#fff}.step-dot.completed{background:#10b981;color:#fff}.step-line{background:#e2e8f0;height:3px;transition:background .3s ease;width:60px}.step-line.active{background:linear-gradient(90deg,#10b981,#0369a1)}.register-error{align-items:center;animation:shake .4s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.step-content{animation:fadeIn .4s ease}.step-title{color:#334155;font-size:18px;font-weight:600;margin-bottom:20px}.register-photo-upload{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:14px;display:flex;gap:16px;margin-bottom:20px;padding:16px;transition:border-color .3s ease}.register-photo-upload:hover{border-color:#0ea5e9}.register-photo-preview{background:#e2e8f0;border-radius:50%;cursor:pointer;flex-shrink:0;height:72px;overflow:hidden;position:relative;width:72px}.register-photo-preview img{height:100%;object-fit:cover;width:100%}.register-photo-placeholder{color:#94a3b8;height:100%;width:100%}.register-photo-overlay,.register-photo-placeholder{align-items:center;display:flex;justify-content:center}.register-photo-overlay{background:#00000080;bottom:0;color:#fff;height:24px;left:0;opacity:0;position:absolute;right:0;transition:opacity .2s ease}.register-photo-preview:hover .register-photo-overlay{opacity:1}.register-photo-info{display:flex;flex-direction:column;gap:2px}.register-photo-label{color:#334155;font-size:14px;font-weight:600}.register-photo-hint{color:#94a3b8;font-size:12px}.register-photo-remove{background:none;border:none;color:#ef4444;cursor:pointer;font-size:12px;font-weight:600;margin-top:2px;padding:0;text-align:left}.register-photo-remove:hover{color:#dc2626}.form-row{grid-gap:16px;gap:16px}.register-field{margin-bottom:16px}.register-field label{color:#334155;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.register-field input,.register-field select{background:#f1f5f9;border:2px solid #0000;border-radius:10px;box-sizing:border-box;color:#1e293b;font-size:14px;outline:none;padding:12px 14px;transition:all .3s ease;width:100%}.register-field input:focus,.register-field select:focus{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91a}.register-field input::placeholder{color:#94a3b8}.step-buttons{display:flex;gap:12px;margin-top:8px}.register-next-btn,.register-submit-btn{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .3s ease}.register-next-btn:hover,.register-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 8px 20px #0369a166;transform:translateY(-2px)}.register-submit-btn{background:linear-gradient(135deg,#059669,#10b981)}.register-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 8px 20px #10b98166}.register-submit-btn:disabled{cursor:not-allowed;opacity:.7}.register-back-btn{align-items:center;background:#e2e8f0;border:none;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease}.register-back-btn:hover{background:#cbd5e1}.register-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:22px;width:22px}.register-footer{color:#64748b;font-size:14px;margin-top:24px;text-align:center}.register-footer a{color:#0369a1;font-weight:600;text-decoration:none}.register-footer a:hover{color:#0284c7}.verification-success{padding:8px 0;text-align:center}.verify-icon-wrapper{color:#0ea5e9;margin-bottom:20px}.verify-message{color:#334155;font-size:15px;line-height:1.6;margin-bottom:12px}.verify-message strong{color:#0369a1}.verify-note{color:#94a3b8;font-size:13px;line-height:1.5;margin-bottom:24px}.resend-btn{align-items:center;background:#f1f5f9;border:2px solid #e2e8f0;color:#475569;display:inline-flex;gap:8px;padding:12px 24px}.resend-btn:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.resend-message{color:#10b981;font-size:14px;font-weight:500;margin-top:12px}.language-chips-container{max-height:180px}.language-chip:hover{border-color:#0ea5e9;color:#0369a1}.language-chip.selected{background:linear-gradient(135deg,#0c4a6e,#0369a1);border-color:#0369a1}@media (max-width:480px){.register-card{padding:28px 20px}.form-row{grid-template-columns:1fr}.step-line{width:40px}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{animation:shimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 37%,#e2e8f0 63%);background-size:800px 100%;border-radius:6px}.skeleton-circle{border-radius:50%}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-text.short{width:40%}.skeleton-text.medium{width:65%}.skeleton-text.long{width:90%}.skeleton-text.full{width:100%}.skeleton-heading{height:22px;margin-bottom:12px;width:50%}.skeleton-title{height:18px;margin-bottom:10px;width:60%}.skeleton-avatar{border-radius:50%;flex-shrink:0;height:44px;width:44px}.skeleton-avatar.large{height:120px;width:120px}.skeleton-avatar.medium{height:64px;width:64px}.skeleton-button{border-radius:10px;height:38px;width:100px}.skeleton-image{border-radius:12px;height:180px;width:100%}.skeleton-room-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:0}.skeleton-room-card{animation:skeletonPulse 1.5s ease-in-out infinite;background:#fffffff2;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:24px}.skeleton-room-card .skeleton-room-header{align-items:center;display:flex;gap:14px;margin-bottom:16px}.skeleton-room-card .skeleton-room-icon{border-radius:12px;height:48px;width:48px}.skeleton-room-card .skeleton-room-info{flex:1 1}.skeleton-room-card .skeleton-room-desc{margin-bottom:16px}.skeleton-room-card .skeleton-room-footer{align-items:center;display:flex;justify-content:space-between}.skeleton-room-card .skeleton-room-badge{border-radius:20px;height:28px;width:80px}.skeleton-profile-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:340px 1fr;margin:0 auto;max-width:1200px}.skeleton-profile-left{display:flex;flex-direction:column;gap:24px}.skeleton-profile-card{animation:skeletonPulse 1.5s ease-in-out infinite;background:#fffffff2;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:28px}.skeleton-profile-header-card{align-items:center;display:flex;flex-direction:column;gap:16px}.skeleton-profile-header-img{border-radius:12px;height:140px;margin-bottom:8px;width:100%}.skeleton-profile-name{height:24px;width:60%}.skeleton-profile-role{border-radius:20px;height:20px;width:80px}.skeleton-profile-actions{display:flex;gap:10px;margin-top:8px}.skeleton-profile-info-rows{display:flex;flex-direction:column;gap:14px}.skeleton-profile-info-row{align-items:center;display:flex;gap:12px}.skeleton-profile-info-icon{border-radius:4px;flex-shrink:0;height:18px;width:18px}.skeleton-profile-right{display:flex;flex-direction:column;gap:24px}.skeleton-wall-post{display:flex;flex-direction:column;gap:12px}.skeleton-wall-post-header{align-items:center;display:flex;gap:12px}.skeleton-wall-post-content{padding-left:56px}.skeleton-friends-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.skeleton-friend-card{align-items:center;animation:skeletonPulse 1.5s ease-in-out infinite;background:#fffffff2;border-radius:14px;box-shadow:0 4px 12px #0000000f;display:flex;gap:14px;padding:20px}.skeleton-friend-info{flex:1 1}.skeleton-friend-actions{display:flex;gap:8px}.skeleton-mail-list{display:flex;flex-direction:column;gap:4px}.skeleton-mail-item{align-items:center;animation:skeletonPulse 1.5s ease-in-out infinite;background:#fff9;border-radius:10px;display:flex;gap:14px;padding:16px 20px}.skeleton-mail-content{flex:1 1}.skeleton-mail-preview{animation:skeletonPulse 1.5s ease-in-out infinite;background:#fff9;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:24px}.skeleton-mail-message{display:flex;gap:12px;margin-top:16px}.skeleton-mail-message-body{flex:1 1}.skeleton-edit-profile{grid-gap:30px;animation:skeletonPulse 1.5s ease-in-out infinite;display:grid;gap:30px;grid-template-columns:320px 1fr;margin:0 auto;max-width:1200px}.skeleton-edit-sidebar{display:flex;flex-direction:column;gap:24px}.skeleton-edit-avatar-section{align-items:center;display:flex;flex-direction:column;gap:16px;padding:30px}.skeleton-edit-avatar-section,.skeleton-edit-form{background:#fffffff2;border-radius:16px;box-shadow:0 4px 16px #00000014}.skeleton-edit-form{padding:40px}.skeleton-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.skeleton-form-group{display:flex;flex-direction:column;gap:8px}.skeleton-form-label{height:14px;width:80px}.skeleton-form-input{border-radius:10px;height:48px}.skeleton-form-textarea{border-radius:10px;height:100px}.skeleton-admin-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:24px}.skeleton-admin-stat-card{animation:skeletonPulse 1.5s ease-in-out infinite;background:#fffffff2;border-radius:14px;box-shadow:0 4px 12px #0000000f;padding:24px}.skeleton-admin-stat-card .skeleton-stat-value{height:32px;margin-bottom:8px;width:60px}.skeleton-admin-stat-card .skeleton-stat-label{height:14px;width:100px}.skeleton-admin-table{animation:skeletonPulse 1.5s ease-in-out infinite;background:#fffffff2;border-radius:14px;box-shadow:0 4px 12px #0000000f;padding:20px}.skeleton-table-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:14px;padding:14px 0}.skeleton-table-row:last-child{border-bottom:none}@media (max-width:768px){.skeleton-edit-profile,.skeleton-form-row,.skeleton-profile-layout,.skeleton-room-grid{grid-template-columns:1fr}}.discovery-page{animation:fadeIn .5s ease;margin:0 auto;max-width:1400px}.page-header{animation:slideDown .6s ease;margin-bottom:40px;text-align:center}.page-title{color:#1f2937;font-size:42px;font-weight:700;margin-bottom:10px}.page-subtitle{color:#6b7280;font-size:18px;font-weight:400}.search-container{align-items:center;animation:slideDown .6s ease .2s backwards;display:flex;gap:10px;margin:0 auto 30px;max-width:700px;position:relative}.search-container .search-input{flex:1 1}.create-room-btn{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);border:none;border-radius:12px;box-shadow:0 4px 12px #0c4a6e4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:14px 20px;transition:all .3s ease;white-space:nowrap}.create-room-btn:hover{background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 6px 20px #0c4a6e66;transform:translateY(-2px)}.create-room-btn svg{color:#fff}.search-icon{color:#9ca3af;left:18px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;font-size:15px;outline:none;padding:16px 50px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#0ea5e9;box-shadow:0 4px 16px #0ea5e926}.clear-search{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:32px}.clear-search:hover{background:#e5e7eb;color:#1f2937;transform:translateY(-50%) scale(1.1)}.results-count{background:#fff;border-radius:8px;color:#6b7280;display:inline-block;font-size:14px;font-weight:500;margin-bottom:20px;margin-left:50%;padding:10px 20px;text-align:center;transform:translateX(-50%)}.section-heading{align-items:center;border-bottom:2px solid #e2e8f0;color:#1e293b;display:flex;font-size:22px;font-weight:700;gap:10px;margin:32px 0 16px;padding-bottom:12px}.section-heading svg{color:#0369a1}.section-heading:first-of-type{margin-top:0}.no-results{animation:fadeIn .5s ease;padding:80px 20px;text-align:center}.no-results svg{color:#d1d5db;margin-bottom:20px}.no-results h3{color:#4b5563;font-size:24px;font-weight:700;margin-bottom:8px}.no-results p{color:#9ca3af;font-size:16px}.chatrooms-grid{grid-gap:30px;animation:fadeInUp .8s ease;gap:30px}.chatroom-card{animation:scaleIn .5s ease backwards;background:#fffffff2;border:1px solid #0000;border-radius:16px;box-shadow:0 8px 24px #0003;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.chatroom-card:first-child{animation-delay:.1s}.chatroom-card:nth-child(2){animation-delay:.2s}.chatroom-card:nth-child(3){animation-delay:.3s}.chatroom-card:nth-child(4){animation-delay:.4s}.chatroom-card:nth-child(5){animation-delay:.5s}.chatroom-card:nth-child(6){animation-delay:.6s}.chatroom-card:nth-child(7){animation-delay:.7s}.chatroom-card:nth-child(8){animation-delay:.8s}.chatroom-card:nth-child(9){animation-delay:.9s}.chatroom-card:hover{background:#eff6ff;border-color:#3b82f666;box-shadow:0 12px 32px #3b82f659,0 0 0 1px #3b82f64d;transform:translateY(-8px)}.chatroom-card.card-selected{background:#dbeafe;border-color:#3b82f680;box-shadow:0 12px 32px #3b82f666,0 0 0 2px #3b82f680;transform:translateY(-8px)}.card-image-container{height:170px;overflow:hidden;position:relative}.card-image{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.chatroom-card:hover .card-image{transform:scale(1.1)}.category-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0c4a6ef2,#0369a1f2);border-radius:20px;box-shadow:0 4px 12px #0003;color:#fff;font-size:12px;font-weight:600;padding:6px 14px;position:absolute;right:12px;top:12px}.card-content{padding:16px 20px}.room-name-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.room-name{font-size:20px;margin-bottom:0;transition:color .3s ease}.room-type-badge{align-items:center;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.room-type-badge.official{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 2px 8px #f59e0b40;color:#92400e}.room-type-badge.community{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 2px 8px #3b82f633;color:#1e40af}.room-type-badge.temporary{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 2px 8px #d9770633;color:#92400e}.chatroom-card:hover .room-name{color:#0369a1}.room-description{color:#64748b;font-size:13px;line-height:1.5;margin-bottom:14px;min-height:38px}.room-stats{margin-bottom:16px;margin-top:4px}.stat-item{align-items:center;color:#475569;display:flex;font-size:13px;gap:6px;margin-bottom:6px}.stat-icon{font-size:18px}.stat-text strong{color:#1f2937;font-weight:700}.occupancy-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-top:8px;overflow:hidden;position:relative}.occupancy-fill{animation:fillBar 1.5s ease;border-radius:4px;height:100%;transition:width .6s ease,background .3s ease}@keyframes fillBar{0%{width:0}}.occupancy-bar.low .occupancy-fill{background:linear-gradient(90deg,#10b981,#34d399)}.occupancy-bar.medium .occupancy-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.occupancy-bar.high .occupancy-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.join-button{background:linear-gradient(135deg,#0c4a6e,#0369a1);border:none;border-radius:10px;box-shadow:0 4px 12px #0c4a6e4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:14px;position:relative;transition:all .3s ease;width:100%}.join-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.join-button:hover:before{height:300px;width:300px}.join-button:hover{background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 6px 20px #0c4a6e66;transform:translateY(-2px)}.join-button:active{transform:translateY(0)}.join-button:focus{outline:none}.chatroom-card:focus-within{border-color:#3b82f666;box-shadow:0 12px 32px #3b82f659,0 0 0 1px #3b82f64d;transform:translateY(-8px)}.join-button:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:none;cursor:not-allowed}.join-button:disabled:hover{transform:none}.join-button.banned{background:linear-gradient(135deg,#dc2626,#ef4444);cursor:not-allowed}.access-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#dc2626f2,#ef4444f2);border-radius:20px;box-shadow:0 4px 12px #0003;padding:6px 14px;top:12px}.access-badge,.youtube-badge{color:#fff;left:12px;position:absolute}.youtube-badge{align-items:center;background:#dc2626e6;border-radius:50%;bottom:12px;box-shadow:0 2px 8px #0003;display:flex;height:28px;justify-content:center;width:28px}.room-mode-icons{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.mode-icon{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;line-height:1;padding:3px 8px}.mode-icon svg{flex-shrink:0}.mode-language{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.mode-youtube{background:#fef2f2;border:1px solid #fecaca;border-radius:50%;color:#dc2626;padding:4px 6px}.mode-invite{background:#fefce8;border:1px solid #fde68a;border-radius:50%;color:#a16207;padding:4px 6px}.mode-premium{background:#fdf4ff;border:1px solid #e9d5ff;border-radius:50%;color:#9333ea;padding:4px 6px}.mode-modonly{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:50%;color:#15803d;padding:4px 6px}.mode-spectator{background:#f3e8ff;border:1px solid #ddd6fe;border-radius:50%;color:#7c3aed;padding:4px 6px}@media (max-width:1024px){.page-title{font-size:36px}.chatrooms-grid{gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card-content{padding:20px}}@media (max-width:768px){.page-header{margin-bottom:20px}.page-title{font-size:26px}.page-subtitle{display:none;font-size:14px}.chatrooms-grid{gap:12px;grid-template-columns:1fr}.chatroom-card{border-radius:12px;box-shadow:0 4px 12px #0000001f;display:flex;flex-direction:row}.chatroom-card:hover{box-shadow:0 4px 16px #3b82f633;transform:none}.card-image-container{height:auto;min-height:130px;min-width:110px;width:110px}.card-image,.card-image-container{border-radius:12px 0 0 12px}.chatroom-card:hover .card-image{transform:none}.category-badge{font-size:10px;padding:3px 8px;right:6px;top:6px}.access-badge{font-size:9px;left:6px;padding:3px 8px;top:6px}.youtube-badge{bottom:6px;height:22px;left:6px;width:22px}.card-content{display:flex;flex:1 1;flex-direction:column;min-width:0;padding:12px}.room-name-row{margin-bottom:4px}.room-name{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-type-badge{font-size:9px;padding:2px 6px}.room-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;margin-bottom:8px;min-height:0;min-height:auto;overflow:hidden}.room-stats{margin-bottom:8px}.stat-item{font-size:12px;margin-bottom:3px}.stat-icon{font-size:14px}.occupancy-bar{height:6px}.room-mode-icons{gap:4px;margin-bottom:8px}.mode-icon{font-size:10px;padding:2px 6px}.join-button{border-radius:8px;font-size:13px;padding:10px}.card-actions-row{gap:6px}.share-room-btn{min-height:40px;width:40px}.room-card-events{margin-top:6px;padding:4px 6px}.room-card-event{font-size:11px}.room-filter-tabs{margin-bottom:16px}.room-filter-tab{font-size:12px;padding:8px 14px}}@media (max-width:480px){.page-title{font-size:22px}.search-container{flex-direction:column;margin-bottom:16px}.search-container .search-input{width:100%}.search-input{font-size:14px;padding:12px 40px}.search-icon{top:50%;transform:translateY(-50%)}.create-room-btn{justify-content:center;padding:12px 16px;width:100%}.card-image-container{min-width:95px;width:95px}.card-content{padding:10px}.room-name{font-size:14px}.room-description{-webkit-line-clamp:1;font-size:11px;margin-bottom:6px}.join-button{font-size:12px;padding:8px}.share-room-btn{min-height:36px;width:36px}.room-filter-tab{font-size:11px;gap:5px;padding:7px 10px}.filter-tab-count{font-size:10px;height:18px;min-width:18px}}.create-room-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.create-room-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:540px;overflow-y:auto;width:90%}.create-room-info{padding:24px}.create-room-intro{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 20px}.room-type-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.room-type-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;padding:20px 16px;text-align:center;transition:all .2s ease}.room-type-card:hover{background:#f0f7ff;border-color:#93c5fd;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.room-type-card.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 4px 16px #3b82f640}.room-type-icon{align-items:center;border-radius:14px;display:flex;height:56px;justify-content:center;margin:0 auto 12px;width:56px}.room-type-card h3{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 8px}.room-type-card p{color:#64748b;font-size:12px;line-height:1.5;margin:0 0 12px}.room-type-tag{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.create-room-features{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.create-room-feature{align-items:flex-start;background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;display:flex;gap:14px;padding:12px}.create-room-feature .feature-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;min-width:40px;width:40px}.create-room-feature strong{color:#1f2937;display:block;font-size:13px;margin-bottom:2px}.create-room-feature p{color:#6b7280;font-size:12px;line-height:1.5;margin:0}.create-room-limits{margin-bottom:20px}.room-limit-info{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#1e40af;display:flex;font-size:13px;gap:8px;padding:12px 16px}.create-room-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.create-room-header h2{color:#1f2937;font-size:20px;margin:0}.close-modal-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:28px;line-height:1}.close-modal-btn:hover{color:#1f2937}.create-room-modal form{padding:24px}.create-room-field{margin-bottom:16px}.create-room-field label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.create-room-field input,.create-room-field select,.create-room-field textarea{border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.create-room-field input:focus,.create-room-field select:focus,.create-room-field textarea:focus{border-color:#0ea5e9}.create-room-row{display:flex;gap:12px}.create-room-row .create-room-field{flex:1 1}.create-room-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px}.create-room-cancel{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.create-room-cancel:hover{background:#f3f4f6}.create-room-submit{background:linear-gradient(135deg,#0c4a6e,#0369a1);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.create-room-submit:hover{background:linear-gradient(135deg,#0369a1,#0284c7)}.create-room-submit:disabled{cursor:not-allowed;opacity:.5}.create-room-modes{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:6px}.create-room-mode-card{align-items:center;background:#1e293b;border:2px solid #334155;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px 10px;text-align:center;transition:all .2s}.create-room-mode-card:hover{background:#1e3a5f;border-color:#60a5fa}.create-room-mode-card.selected{background:#3b82f626;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.create-room-mode-card .mode-card-icon{align-items:center;border-radius:10px;display:flex;height:44px;justify-content:center;width:44px}.create-room-mode-card strong{color:#e2e8f0;font-size:13px}.create-room-mode-card p{color:#94a3b8;font-size:11px;line-height:1.3;margin:0}@media (max-width:480px){.create-room-modes{gap:8px;grid-template-columns:1fr 1fr}}.join-tooltip-wrapper{animation:tooltipFadeIn .5s ease-out;left:230px;pointer-events:none;position:fixed;top:80px;z-index:1000}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.join-tooltip{align-items:center;animation:tooltipPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#1e3a5f,#1e293b);border:1px solid #3b82f680;border-radius:10px;box-shadow:0 8px 30px #0006,0 0 15px #3b82f633;color:#e2e8f0;display:flex;font-size:13px;font-weight:600;gap:10px;overflow:hidden;padding:12px 16px;position:relative;white-space:nowrap}@keyframes tooltipPulse{0%,to{box-shadow:0 8px 30px #0006,0 0 15px #3b82f633}50%{box-shadow:0 8px 30px #0006,0 0 25px #3b82f666}}.join-tooltip-arrow{border-bottom:8px solid #0000;border-right:8px solid #3b82f680;border-top:8px solid #0000;height:0;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:0}.join-tooltip-arrow:after{border-bottom:7px solid #0000;border-right:7px solid #1e3a5f;border-top:7px solid #0000;content:"";height:0;left:2px;position:absolute;top:-7px;width:0}.join-tooltip-glow{animation:tooltipShimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f61a,#8b5cf626,#0000);height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}@keyframes tooltipShimmer{0%{left:-100%}to{left:100%}}.join-tooltip-icon{animation:tooltipIconPulse 2s ease-in-out infinite;color:#60a5fa;flex-shrink:0}@keyframes tooltipIconPulse{0%,to{color:#60a5fa}50%{color:#93c5fd}}@media (max-width:1024px){.join-tooltip-wrapper{left:10px;top:70px}.join-tooltip-arrow{display:none}}.room-card-events{background:#ef444414;border:1px solid #ef444433;border-radius:8px;margin-top:8px;padding:6px 8px}.room-card-event{align-items:center;display:flex;font-size:12px;gap:6px}.room-card-event-icon{flex-shrink:0;font-size:13px}.room-card-event-title{color:#e2e8f0;flex:1 1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-card-event-time{animation:eventPulse 2s ease infinite;color:#ef4444;font-size:11px;font-weight:600;white-space:nowrap}@keyframes eventPulse{0%,to{opacity:1}50%{opacity:.6}}.card-actions-row{align-items:stretch;display:flex;gap:8px}.card-actions-row .join-button{flex:1 1}.share-button-wrap{position:relative}.share-room-btn{align-items:center;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;height:100%;justify-content:center;min-height:48px;transition:all .3s ease;width:48px}.share-room-btn:hover{background:#e0f2fe;border-color:#0ea5e9;color:#0369a1;transform:translateY(-2px)}.share-popup{animation:sharePopupIn .15s ease;background:#fff;border:1px solid #e5e7eb;border-radius:10px;bottom:calc(100% + 8px);box-shadow:0 8px 24px #00000026;min-width:180px;padding:6px;position:absolute;right:0;z-index:100}@keyframes sharePopupIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.share-popup-item{align-items:center;background:none;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:9px 12px;text-align:left;transition:background .15s;width:100%}.share-popup-item:hover{background:#f1f5f9;color:#0369a1}.share-popup-item svg{color:#64748b;flex-shrink:0}.share-popup-item:hover svg{color:#0369a1}.room-filter-tabs{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #ffffff14;border-radius:14px;box-shadow:0 4px 16px #0000004d;display:flex;gap:0;margin-bottom:24px;padding:5px;width:-webkit-fit-content;width:fit-content}.room-filter-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;position:relative;transition:all .25s ease}.room-filter-tab svg{flex-shrink:0;opacity:.7;transition:opacity .25s ease}.room-filter-tab:hover{background:#ffffff0f;color:#cbd5e1}.room-filter-tab:hover svg{opacity:1}.room-filter-tab.active{background:linear-gradient(135deg,#0c4a6e,#0369a1);box-shadow:0 4px 12px #0c4a6e66;color:#fff}.room-filter-tab.active svg{opacity:1}.filter-tab-label{white-space:nowrap}.filter-tab-count{align-items:center;background:#ffffff1a;border-radius:11px;color:#94a3b8;display:inline-flex;font-size:11px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px;transition:all .25s ease}.room-filter-tab.active .filter-tab-count{background:#ffffff40;color:#fff}.no-rooms-message{background:#ffffff0d;border:1px dashed #ffffff1a;border-radius:12px;color:#94a3b8;font-size:15px;margin-bottom:20px;padding:40px 20px;text-align:center}.kick-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.kick-card{animation:scaleIn .4s ease;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #00000080;max-width:420px;padding:48px;text-align:center;width:90%}.kick-icon,.kick-title{color:#ef4444;margin-bottom:20px}.kick-title{font-size:24px;font-weight:700}.kick-by,.kick-reason{color:#94a3b8;font-size:15px;margin-bottom:12px}.kick-by strong,.kick-reason strong{color:#e2e8f0}.kick-timer{margin:28px 0}.timer-label{color:#64748b;font-size:14px;margin-bottom:12px}.timer-display{color:#ef4444;font-family:Courier New,monospace;font-size:48px;font-weight:700;letter-spacing:4px;text-shadow:0 0 20px #ef44444d}.kick-return-btn{background:linear-gradient(135deg,#0c4a6e,#0369a1);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 32px;transition:all .3s ease}.kick-return-btn:hover{background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 8px 20px #0369a166;transform:translateY(-2px)}.joining-screen{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1 50%,#0284c7);bottom:0;display:flex;justify-content:center;left:220px;position:fixed;right:0;top:0;z-index:10000}.joining-animation{text-align:center}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.loading-spinner{animation:spin 1s linear infinite;border:8px solid #fff3;border-radius:50%;border-top-color:#fff;height:80px;margin:0 auto 30px;width:80px}.joining-text{color:#fff;font-size:32px;font-weight:700;margin-bottom:12px}.joining-subtext{color:#fffc;font-size:18px}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}.chatroom-page-2d{display:flex;flex-direction:column;height:100vh;margin:-20px;overflow:hidden;width:calc(100vw - 220px)}.chat-header-bar{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);border-radius:0;box-shadow:0 6px 18px #0c4a6e66;display:flex;justify-content:space-between;margin-bottom:10px;overflow:visible;padding:14px 20px;position:relative}@keyframes rotateGradient{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.room-info{z-index:1}.room-title-container{align-items:center;display:flex;gap:16px}.room-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:10px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.room-title{color:#fff;font-size:18px;font-weight:700;letter-spacing:.5px;margin-bottom:2px;text-shadow:0 2px 8px #0000004d}.room-description-text{color:#fffffff2;font-size:12px;font-weight:400}.server-time-display{font-feature-settings:"tnum";align-items:center;color:#ffffffb3;display:flex;font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;gap:6px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}.server-time-display svg{opacity:.6}.server-datetime{align-items:center;display:flex;flex-direction:column;line-height:1.3}.server-date-line{font-size:11px;font-weight:500;opacity:.8}.server-time-line{font-size:13px;font-weight:700}.room-stats-header{align-items:center;display:flex;gap:12px;position:relative;z-index:1}.stat-badge{background:#fff3;border-radius:24px;box-shadow:0 2px 8px #0003;color:#fff;font-size:14px;font-weight:600;gap:8px;padding:10px 18px}.stat-badge,.youtube-header-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex}.youtube-header-btn{background:#ff000026;border:none;border-radius:14px;cursor:pointer;height:48px;justify-content:center;transition:all .3s ease;width:48px}.youtube-header-btn:hover{background:#ff00004d;transform:scale(1.1)}.chat-options-icon{align-items:center;background:#ffffff26;border:none;border-radius:8px;color:#fffc;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.chat-options-icon:hover{background:#ffffff4d;color:#fff}.mod-list-icon{align-items:center;background:#ffffff26;border:none;border-radius:8px;color:#fffc;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.mod-list-icon:hover{background:#ffffff4d;color:#fff}.mod-list-panel{animation:ctxAppear .15s ease;background:#111827;border-radius:10px;box-shadow:0 12px 40px #0009,0 0 0 1px #ffffff0f;max-height:70vh;overflow:hidden;position:fixed;right:16px;top:70px;width:240px;z-index:2000}.mod-list-header{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:10px 12px 8px}.mod-list-header h3{color:#94a3b8;font-size:12px;font-weight:600;margin:0}.mod-list-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:18px;line-height:1;padding:0}.mod-list-close:hover{color:#e2e8f0}.mod-list-content{max-height:calc(70vh - 40px);overflow-y:auto;padding:2px 0 4px}.mod-list-empty{color:#64748b;font-size:11px;padding:20px 12px;text-align:center}.mod-list-name-row{align-items:center;display:flex;gap:6px;min-width:0}.mod-list-role-tag{border-radius:3px;color:#fff;flex-shrink:0;font-size:9px;font-weight:600;line-height:14px;padding:1px 5px;white-space:nowrap}.mod-list-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;margin:0 4px;padding:4px 10px;transition:background .15s}.mod-list-item:hover{background:#ffffff0f}.mod-list-avatar-wrap{flex-shrink:0;position:relative}.mod-list-avatar{border:1.5px solid #ffffff1a;border-radius:50%;height:26px;object-fit:cover;width:26px}.mod-list-dot{border:1.5px solid #111827;border-radius:50%;bottom:-1px;height:8px;position:absolute;right:-1px;width:8px}.mod-list-dot.online{background:#16a34a}.mod-list-dot.offline{background:#475569}.mod-list-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.mod-list-name{color:#e2e8f0;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mod-list-status{font-size:10px;font-weight:500;margin-top:0}.mod-list-status.online{color:#4ade80}.mod-list-status.offline{color:#475569}.mod-list-loading{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:24px 12px}.mod-list-spinner{animation:modListSpin .7s linear infinite;border:2px solid #ffffff14;border-radius:50%;border-top-color:#3b82f6;height:22px;width:22px}@keyframes modListSpin{to{transform:rotate(1turn)}}.rs-confirm-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003,0 0 0 1px #0000000f;left:50%;padding:28px 24px 20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:320px;z-index:3001}.rs-confirm-modal-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:20px;height:44px;justify-content:center;margin:0 auto 14px;width:44px}.rs-confirm-modal-title{color:#1e293b;font-size:15px;font-weight:700;margin-bottom:6px}.rs-confirm-modal-msg{color:#64748b;font-size:13px;line-height:1.5;margin-bottom:20px}.rs-confirm-modal-actions{display:flex;gap:10px}.rs-confirm-modal-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;transition:opacity .15s,transform .1s}.rs-confirm-modal-btn:hover{opacity:.9}.rs-confirm-modal-btn:active{transform:scale(.97)}.rs-confirm-modal-btn.cancel{background:#f1f5f9;color:#64748b}.rs-confirm-modal-btn.cancel:hover{background:#e2e8f0;color:#475569}.rs-confirm-modal-btn.confirm{color:#fff}.mod-list-loading span{color:#64748b;font-size:12px}.panel-backdrop{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1999}.floating-options-menu{animation:ctxAppear .15s ease;background:#1e293b;border-radius:8px;box-shadow:0 8px 24px #0006;max-height:80vh;min-width:200px;overflow-y:auto;padding:4px;position:fixed;right:20px;top:80px;z-index:2000}.options-menu-header{align-items:center;border-bottom:1px solid #334155;display:flex;justify-content:space-between;padding:8px 10px}.options-menu-header h3{color:#94a3b8;font-size:12px;font-weight:700}.close-options{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.close-options:hover{background:#3b82f640;color:#e2e8f0}.option-button{align-items:center;background:none;border:none;border-radius:4px;color:#e2e8f0;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:7px 10px;transition:background .15s ease;width:100%}.option-button:hover{background:#3b82f640}.option-button.active{background:#3b82f659;color:#60a5fa}.option-button svg{color:#94a3b8;flex-shrink:0}.option-button.active svg{color:#60a5fa}.option-divider{background:#334155;height:1px;margin:2px 4px}.option-label{align-items:center;color:#64748b;display:flex;font-size:13px;font-weight:600;gap:10px;padding:8px 12px 4px}.option-label svg{flex-shrink:0}.translate-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#334155;cursor:pointer;font-size:13px;margin-top:2px;outline:none;padding:8px 12px;transition:border-color .2s ease;width:100%}.translate-select:focus{border-color:#0ea5e9}.avatar-room{background-color:#1e293b;background-position:50%;background-size:cover;border:3px solid #0ea5e94d;border-left:none;border-radius:0;border-right:none;box-shadow:0 12px 32px #0003;cursor:default;flex:1 1;margin-bottom:0;overflow:hidden;position:relative}.avatar-room:before,.room-background-pattern{display:none}.room-instructions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:2px solid #ffffff4d;border-radius:20px;box-shadow:0 6px 20px #0ea5e980;color:#fff;font-size:12px;font-weight:600;gap:10px;left:50%;padding:8px 18px;top:12px;transform:translateX(-50%);z-index:5}.avatar-container,.room-instructions{align-items:center;display:flex;position:absolute}.avatar-container{filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));flex-direction:column;transform:translate(-50%,-50%);will-change:left,top;z-index:10}.avatar-box{background:#0000;border:none;border-radius:12px;box-shadow:none;cursor:default;height:80px;padding:0;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:80px}.avatar-box:before{display:none}@keyframes borderRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.avatar-box:hover{filter:none}.avatar-box.current-user{background:#0000;border:none;box-shadow:none}.avatar-image{border-radius:12px;height:100%;object-fit:cover;width:100%}.avatar-image.preselected{object-position:center calc(50% - 1px)}.away-badge-bottom{background:#3b82f6;bottom:0}.away-badge-bottom,.ignored-badge-bottom{border-radius:0;color:#fff;font-size:8px;font-weight:700;left:0;letter-spacing:.5px;padding:1px 0;position:absolute;text-align:center;text-transform:uppercase;white-space:nowrap;width:100%;z-index:5}.ignored-badge-bottom{background:#ef4444;top:35%}.avatar-username{border:1.5px solid #000;border-radius:6px;color:#000;font-family:Aptos,Segoe UI,Calibri,sans-serif;font-size:12px;font-weight:400;margin-top:-2px;padding:3px 10px;text-align:center;text-shadow:none;white-space:nowrap}.avatar-username.role-guest{background:#fda4af}.avatar-username.role-member{background:#facc15;border-color:#000!important;color:#000!important}.avatar-username.premium-member{background:#c084fc!important;border-color:#000!important;color:#000!important}.avatar-username.role-moderator{background:#7dd3fc}.avatar-username.role-sr_mod{background:#60a5fa}.avatar-username.role-administrator,.avatar-username.role-system_administrator{background:#e2e8f0}.avatar-username.room-role-manager,.avatar-username.room-role-owner{background-color:#16a34a!important;border-color:#000!important;color:#000!important}.avatar-username.room-role-host{background-color:#4ade80!important;border-color:#000!important;color:#000!important}.classic-msg-name.premium-member,.classic-msg-name.role-administrator,.classic-msg-name.role-guest,.classic-msg-name.role-member,.classic-msg-name.role-moderator,.classic-msg-name.role-sr_mod,.classic-msg-name.role-system_administrator,.classic-msg-name.room-role-host,.classic-msg-name.room-role-manager,.classic-msg-name.room-role-owner{background:none!important;color:#fff!important}.speech-bubble{left:85px;position:absolute;top:-5px;width:250px;z-index:20}.speech-bubble.speech-bubble-right{left:85px;right:auto}.speech-bubble.speech-bubble-left{left:auto;right:85px}@keyframes bubbleAppear{0%{opacity:0;transform:scale(.3) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.speech-bubble-content{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001f;color:#1f2937;font-family:Aptos,Segoe UI,Calibri,sans-serif;font-size:12px;font-weight:400;line-height:1.4;max-width:100%;min-width:40px;padding:8px 12px;position:relative;width:-webkit-max-content;width:max-content;word-break:break-word}.speech-bubble.speech-bubble-left .speech-bubble-content:after{border-bottom:8px solid #0000;border-left:10px solid #fff;border-top:8px solid #0000;content:"";height:0;position:absolute;right:-10px;top:12px;width:0}.speech-bubble.speech-bubble-left .speech-bubble-content:before{border-bottom:10px solid #0000;border-left:12px solid #e5e7eb;border-top:10px solid #0000;content:"";height:0;position:absolute;right:-13px;top:10px;width:0}.speech-bubble.speech-bubble-right .speech-bubble-content:after{border-bottom:8px solid #0000;border-right:10px solid #fff;border-top:8px solid #0000;content:"";height:0;left:-10px;position:absolute;top:12px;width:0}.speech-bubble.speech-bubble-right .speech-bubble-content:before{border-bottom:10px solid #0000;border-right:12px solid #e5e7eb;border-top:10px solid #0000;content:"";height:0;left:-13px;position:absolute;top:10px;width:0}.avatar-box.draggable,.avatar-box.draggable:active{cursor:default}.user-context-menu{animation:ctxAppear .15s ease;background:#1e293b;border-radius:8px;box-shadow:0 8px 24px #0006;min-width:160px;overflow:visible;position:fixed;z-index:1000}@keyframes ctxAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ctx-title{color:#94a3b8;font-size:12px;font-weight:700;overflow:hidden;padding:8px 12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ctx-local-time,.ctx-title{border-bottom:1px solid #334155}.ctx-local-time{align-items:center;color:#64748b;display:flex;font-size:10px;gap:4px;justify-content:center;padding:3px 12px 6px}.ctx-body{padding:4px}.ctx-item{align-items:center;background:none;border:none;border-radius:4px;color:#e2e8f0;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:7px 10px;text-align:left;transition:background .1s;width:100%}.ctx-item:hover{background:#3b82f640}.ctx-item svg{color:#94a3b8;flex-shrink:0}.ctx-item.ctx-danger,.ctx-item.ctx-danger svg{color:#fff}.ctx-item.ctx-danger:hover{background:#ef444440}.ctx-item-active{color:#e2e8f0!important;cursor:default!important;opacity:.45}.ctx-item-active:hover{background:none!important}.ctx-item:disabled{color:#64748b!important;cursor:default!important;opacity:.45}.ctx-item:disabled svg{color:#475569!important}.ctx-item:disabled:hover{background:none!important}.ctx-divider{background:#334155;height:1px;margin:2px 4px}.ctx-submenu-trigger{position:relative}.ctx-submenu-trigger:hover>.ctx-submenu{display:block}.ctx-submenu{animation:ctxAppear .15s ease;background:#1e293b;border:1px solid #ffffff14;border-radius:8px;box-shadow:0 8px 24px #0006;left:100%;min-width:150px;padding:4px 0;position:absolute;top:-4px;z-index:1001}.ctx-submenu.ctx-submenu-left{left:auto;right:100%}.ctx-submenu .ctx-item{font-size:12px}.chat-history-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;border:1px solid #ffffff26;border-radius:14px;bottom:70px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:320px;overflow:hidden;position:absolute;resize:both;right:10px;width:360px;z-index:50}.chat-history-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;cursor:move;display:flex;justify-content:space-between;padding:10px 16px;-webkit-user-select:none;user-select:none}.chat-history-header h3{color:#ffffffe6;font-size:14px;font-weight:700;margin:0}.close-history{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:22px;line-height:1}.close-history:hover{color:#ef4444}.chat-history-messages{flex:1 1;overflow-y:auto;padding:10px 16px}.chat-history-messages::-webkit-scrollbar{width:6px}.chat-history-messages::-webkit-scrollbar-track{background:#0000}.chat-history-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.chat-history-empty{color:#fff6;font-size:14px;padding:20px;text-align:center}.chat-history-entry{border-bottom:1px solid #ffffff0d;color:#fffc;font-size:13px;line-height:1.5;padding:4px 0}.chat-history-entry.system{color:#fff6;font-style:italic}.chat-history-time{color:#fff6;font-size:11px;margin-right:8px}.chat-history-user{color:#60a5fa}.chat-history-system{color:#64748b;font-style:italic}.chat-history-toggle{align-items:center;background:none;border:2px solid #e5e7eb;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s ease}.chat-history-toggle:hover{background:#0369a10d;border-color:#0369a1;color:#0369a1}.message-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.message-input-wrapper .message-input-2d{padding-right:40px;width:100%}.emoji-toggle{background:none;border:none;border-radius:6px;cursor:pointer;font-size:20px;line-height:1;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:background .2s ease}.emoji-toggle:hover{background:#0000000d}.emoji-picker{grid-gap:4px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;bottom:50px;box-shadow:0 8px 24px #00000026;display:grid;gap:4px;grid-template-columns:repeat(8,1fr);max-width:320px;padding:10px;position:absolute;right:0;z-index:100}.emoji-item{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:20px;height:34px;justify-content:center;transition:all .15s ease;width:34px}.emoji-item:hover{background:#f1f5f9;transform:scale(1.2)}.spectator-banner{align-items:center;background:linear-gradient(135deg,#7c3aed20,#a78bfa20);border:1px solid #7c3aed40;border-radius:10px;color:#7c3aed;display:flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:4px;padding:8px 16px}.spectator-avatar .avatar-image{filter:grayscale(100%);opacity:.6}.ctx-spectator-action,.ctx-spectator-action svg{color:#fff!important}.spectator-panel{border-color:#7c3aed40!important}.message-input-container-2d{align-items:center;background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-left:none;border-radius:0;border-right:none;box-shadow:0 -4px 16px #0000001a;display:flex;gap:10px;padding:12px 16px;position:relative}.message-input-2d{background:#fff;border:2px solid #e5e7eb;border-radius:10px;box-shadow:inset 0 2px 4px #0000000d;flex:1 1;font-size:13px;outline:none;padding:10px 14px;transition:all .3s ease}.message-input-2d:focus{border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91a,inset 0 2px 4px #0000000d;transform:translateY(-2px)}.send-button-2d{align-items:center;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:none;border-radius:10px;box-shadow:0 6px 20px #0ea5e966;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:10px;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease}.send-button-2d:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.send-button-2d:hover:before{height:300px;width:300px}.send-button-2d:hover{box-shadow:0 8px 28px #0ea5e980;transform:translateY(-3px)}.send-button-2d:active{transform:translateY(-1px)}.send-button-2d:disabled{cursor:not-allowed;opacity:.4}.send-button-2d:disabled,.send-button-2d:disabled:hover{box-shadow:none;transform:none}@media (max-width:1024px){.chatroom-page-2d{width:100vw}.joining-screen{left:0}.avatar-box{height:60px;width:60px}.speech-bubble.speech-bubble-right{left:75px}.speech-bubble.speech-bubble-left{right:75px}.speech-bubble{max-width:200px;min-width:110px}}@media (max-width:768px){.room-title{font-size:16px}.floating-options-menu{left:auto;max-width:220px;right:12px;top:60px}.chat-header-bar{align-items:center;flex-direction:row;flex-wrap:wrap;gap:10px;padding:12px 16px}.room-info{flex:1 1;min-width:0}.room-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-stats-header{align-items:center;display:flex;flex-shrink:0;gap:8px}.stat-badge{font-size:12px;padding:6px 10px}.chat-options-icon{flex-shrink:0}.avatar-box{height:54px;width:54px}.speech-bubble.speech-bubble-right{left:68px}.speech-bubble.speech-bubble-left{right:68px}.speech-bubble{max-width:180px;min-width:100px}.emoji-picker{grid-template-columns:repeat(6,1fr);max-width:240px}}@media (max-width:480px){.room-title{font-size:14px}.avatar-box{height:48px;width:48px}.speech-bubble.speech-bubble-right{left:60px}.speech-bubble.speech-bubble-left{right:60px}.speech-bubble{max-width:160px;min-width:90px}.send-button-2d span{display:none}.message-input-container-2d{padding:16px}}.private-badge-middle{background:#fbbf24;border-radius:0;box-shadow:0 2px 6px #fbbf2480;color:#000;font-size:9px;font-weight:700;left:50%;padding:3px 10px;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);z-index:6}.private-chat-request-overlay{animation:pcrFadeIn .3s ease;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}@keyframes pcrFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.private-chat-request-card{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:12px;box-shadow:0 8px 30px #0006;display:flex;gap:12px;max-width:480px;min-width:380px;padding:14px 18px}.pcr-avatar{border:2px solid #3b82f6;border-radius:50%;flex-shrink:0;height:40px;width:40px}.pcr-info{flex:1 1;min-width:0}.private-chat-request-card h3{color:#f1f5f9;font-size:13px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.private-chat-request-card p{color:#94a3b8;font-size:11px;margin:2px 0 0}.pcr-countdown{font-feature-settings:"tnum";color:#94a3b8;font-size:14px;font-variant-numeric:tabular-nums;font-weight:700;min-width:28px;text-align:center}.pcr-actions{display:flex;flex-shrink:0;gap:6px}.pcr-accept{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:background .15s}.pcr-accept,.pcr-accept:hover{background:#16a34a}.pcr-decline{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:background .15s}.pcr-decline:hover{background:#dc2626}@media (max-width:480px){.private-chat-request-card{max-width:calc(100vw - 24px);min-width:0}}.youtube-queue-panel{animation:ytSlideIn .3s ease;background:#111827;border-radius:12px;bottom:60px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;max-height:calc(100vh - 180px);overflow:hidden;position:absolute;right:12px;width:420px;z-index:200}@keyframes ytSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.youtube-player-header{align-items:center;background:#1f2937;display:flex;flex-shrink:0;gap:10px;padding:10px 14px}.youtube-player-label{align-items:center;color:#f9fafb;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;white-space:nowrap}.youtube-header-actions{align-items:center;display:flex;gap:4px}.youtube-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.youtube-action-btn:hover{background:#ffffff1a;color:#f9fafb}.youtube-action-btn.remove:hover{color:#ef4444}.youtube-loop-btn{align-items:center;background:none;border:1px solid #374151;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:11px;gap:4px;justify-content:center;padding:4px 8px;transition:all .2s}.youtube-loop-btn:hover{background:#ffffff1a;border-color:#4b5563;color:#d1d5db}.youtube-loop-btn.active{background:#3b82f633;border-color:#3b82f6;box-shadow:0 0 8px #3b82f64d;color:#60a5fa}.youtube-player-iframe-container{background:#000;flex-shrink:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.youtube-player-iframe-container #yt-player-container,.youtube-player-iframe-container #yt-player-container iframe,.youtube-player-iframe-container iframe{border:none;height:100%!important;left:0;position:absolute;top:0;width:100%!important}.youtube-player-iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.youtube-now-playing{align-items:center;background:#1a1f2e;border-top:1px solid #1f2937;display:flex;flex-shrink:0;gap:10px;justify-content:space-between;padding:10px 14px}.youtube-now-playing-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.youtube-now-playing-title{color:#e5e7eb;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.youtube-now-playing-by{color:#6b7280;font-size:11px;margin-top:1px}.youtube-now-playing-actions{display:flex;flex-shrink:0;gap:6px}.youtube-skip-btn{align-items:center;background:#3b82f626;border:1px solid #3b82f64d;border-radius:6px;color:#60a5fa;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;transition:all .2s}.youtube-skip-btn:hover{background:#3b82f640;border-color:#3b82f6}.youtube-remove-current-btn{align-items:center;background:#ef44441f;border:1px solid #ef444440;border-radius:6px;color:#f87171;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;transition:all .2s}.youtube-remove-current-btn:hover{background:#ef444433;border-color:#ef4444}.youtube-queue-section{border-top:1px solid #1f2937;display:flex;flex-direction:column;flex-shrink:0;max-height:200px}.youtube-queue-header{background:#151b2b;color:#9ca3af;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.5px;padding:8px 14px;text-transform:uppercase}.youtube-queue-list{flex:1 1;overflow-y:auto}.youtube-queue-list::-webkit-scrollbar{width:5px}.youtube-queue-list::-webkit-scrollbar-track{background:#0000}.youtube-queue-list::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.youtube-queue-item{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;gap:8px;padding:8px 14px;transition:background .15s}.youtube-queue-item:hover{background:#ffffff08}.youtube-queue-item:last-child{border-bottom:none}.youtube-queue-item-index{color:#4b5563;flex-shrink:0;font-size:11px;font-weight:700;min-width:18px}.youtube-queue-item-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.youtube-queue-item-title{color:#d1d5db;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.youtube-queue-item-user{color:#6b7280;font-size:10px;margin-top:1px}.youtube-queue-item-actions{align-items:center;display:flex;flex-shrink:0;gap:2px}.youtube-queue-item-move{align-items:center;background:none;border:none;border-radius:4px;color:#4b5563;cursor:pointer;display:flex;justify-content:center;padding:3px;transition:all .15s}.youtube-queue-item-move:hover:not(:disabled){background:#3b82f626;color:#60a5fa}.youtube-queue-item-move:disabled{cursor:default;opacity:.2}.youtube-queue-item-remove{align-items:center;background:none;border:none;border-radius:4px;color:#4b5563;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:3px;transition:all .15s}.youtube-queue-item-remove:hover{background:#ef444426;color:#f87171}.youtube-queue-toggle-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;gap:4px;padding:5px 8px;position:relative;transition:all .15s}.youtube-queue-toggle-btn:hover{background:#ffffff1a;color:#e5e7eb}.youtube-queue-toggle-btn.active{background:#3b82f633;border-color:#3b82f6;color:#60a5fa}.youtube-queue-badge{background:#ef4444;border-radius:8px;color:#fff;font-size:10px;font-weight:700;line-height:14px;min-width:16px;padding:1px 5px;text-align:center}.youtube-queue-empty{color:#6b7280;font-size:12px;padding:16px;text-align:center}.youtube-empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:13px;gap:10px;padding:30px 14px;text-align:center}.youtube-add-video{background:#151b2b;border-top:1px solid #1f2937;flex-shrink:0;padding:10px 14px}.youtube-add-video-form{align-items:center;display:flex;gap:8px}.youtube-add-video-input{background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e2e8f0;flex:1 1;font-size:12px;outline:none;padding:8px 12px;transition:border-color .2s}.youtube-add-video-input:focus{border-color:#3b82f6}.youtube-add-video-input::placeholder{color:#4b5563}.youtube-add-video-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .2s;width:34px}.youtube-add-video-btn:hover:not(:disabled){background:#2563eb;transform:scale(1.05)}.youtube-add-video-btn:disabled{cursor:not-allowed;opacity:.4}.youtube-add-spinner{animation:ytSpin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes ytSpin{to{transform:rotate(1turn)}}.youtube-no-permission{color:#6b7280;font-size:12px;font-weight:500;padding:4px 0;text-align:center}.youtube-minimized-bar{align-items:center;background:#1f2937;border:1px solid #374151;border-radius:10px;box-shadow:0 4px 12px #0000004d;color:#e5e7eb;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 16px;position:absolute;right:12px;top:60px;transition:all .2s;z-index:200}.youtube-minimized-bar:hover{background:#374151;transform:translateY(-1px)}@media (max-width:768px){.youtube-queue-panel{bottom:55px;right:12px;width:calc(100% - 24px)}.youtube-minimized-bar{right:12px;top:55px}}.speech-bubble-warning{background:#fef2f2!important;border:2px solid #ef4444!important}.speech-bubble-warning .speech-bubble-content{color:#dc2626!important;font-size:13px;font-weight:700!important}.chat-history-entry.warning{background:#ef44441a;border-left:3px solid #ef4444;padding-left:8px}.chat-history-warning{color:#ef4444;font-weight:700}.rs-page{animation:fadeIn .4s ease;flex:1 1;margin:0 auto;max-width:900px;overflow-y:auto;padding:20px 20px 40px}.rs-page-header{margin-bottom:24px}.rs-back-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:16px;padding:8px 16px;transition:all .2s}.rs-back-btn:hover{background:#f1f5f9;border-color:#0369a1;color:#0369a1}.rs-back-btn svg{flex-shrink:0}.rs-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0c4a6e,#0369a1);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0}.rs-page-nav{-webkit-overflow-scrolling:touch;background:#fff;border-radius:14px;box-shadow:0 4px 12px #00000014;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;overflow-y:hidden;padding:10px;scrollbar-width:none}.rs-page-nav:after{content:"";flex-shrink:0;width:2px}.rs-page-nav::-webkit-scrollbar{display:none}.rs-tab{align-items:center;background:#0000;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:8px;padding:12px 18px;transition:all .2s;white-space:nowrap}.rs-tab:hover{background:#0369a10d;border-color:#0369a1;color:#0369a1}.rs-tab.active{background:linear-gradient(135deg,#0c4a6e,#0369a1);border-color:#0c4a6e;box-shadow:0 4px 12px #0c4a6e4d;color:#fff}.rs-tab svg{flex-shrink:0}.rs-page-content{animation:fadeIn .4s ease;background:#fff;border-radius:14px;box-shadow:0 4px 12px #00000014}.rs-tab-content{padding:20px 24px 32px}.rs-field{margin-bottom:16px}.rs-field-half{flex:1 1;min-width:0}.rs-row{display:flex;gap:12px}.rs-label{color:#374151;display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.rs-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;font-size:14px;outline:none;padding:10px 14px;transition:all .2s;width:100%}.rs-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.rs-input::placeholder{color:#9ca3af}.rs-textarea{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;resize:vertical;transition:all .2s;width:100%}.rs-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.rs-select{-webkit-appearance:auto;appearance:auto;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;cursor:pointer;font-size:14px;outline:none;padding:10px 14px;transition:all .2s;width:100%}.rs-select:focus{border-color:#3b82f6}.rs-select option{background:#fff;color:#1f2937}.rs-toggles{margin-bottom:16px}.rs-toggle-row{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;justify-content:space-between;padding:12px 0}.rs-toggle-label{color:#374151;font-size:14px;font-weight:500}.rs-toggle-switch{background:#d1d5db;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;position:relative;transition:all .3s;width:44px}.rs-toggle-switch.active{background:#3b82f6}.rs-toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;height:18px;left:3px;position:absolute;top:3px;transition:transform .3s;width:18px}.rs-toggle-switch.active .rs-toggle-knob{transform:translateX(20px)}.rs-actions{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px}.rs-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.rs-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d;color:#fff}.rs-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.rs-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.rs-btn-secondary{background:#f1f5f9;color:#64748b}.rs-btn-secondary:hover{background:#e2e8f0;color:#374151}.rs-btn-sm{font-size:12px;padding:8px 14px}.rs-save-message{background:#22c55e1a;border:1px solid #22c55e33;border-radius:6px;color:#16a34a;font-size:13px;font-weight:500;margin-top:12px;padding:8px 12px}.rs-divider{background:#e5e7eb;height:1px;margin:16px 0}.rs-empty{color:#9ca3af;font-size:13px;padding:20px;text-align:center}.rs-placeholder{color:#6b7280;padding:40px 20px;text-align:center}.rs-placeholder h3{color:#374151;font-size:16px;font-weight:600;margin:16px 0 8px}.rs-placeholder p{font-size:13px;line-height:1.6;margin:0 auto;max-width:340px}.rs-current-bg{border:2px solid #e2e8f0;border-radius:10px;margin-bottom:12px;overflow:hidden}.rs-current-bg-img{background:#f1f5f9;display:block;height:auto;max-height:300px;object-fit:contain;width:100%}.rs-bg-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.rs-bg-cat-btn{background:#f9fafb;border:1px solid #d1d5db;border-radius:20px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.rs-bg-cat-btn:hover{background:#f1f5f9;color:#374151}.rs-bg-cat-btn.active{background:#0369a11a;border-color:#0369a1;color:#0369a1}.rs-bg-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.rs-bg-grid::-webkit-scrollbar{width:5px}.rs-bg-grid::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.rs-bg-thumb{aspect-ratio:16/10;background:#f1f5f9;border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s}.rs-bg-thumb:hover{border-color:#3b82f666;transform:scale(1.02)}.rs-bg-thumb.selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.rs-bg-thumb img{display:block;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;width:100%}.rs-bg-thumb img.loaded{opacity:1}.rs-bg-delete{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:14px;height:22px;justify-content:center;line-height:1;position:absolute;right:4px;top:4px;width:22px}.rs-bg-thumb:hover .rs-bg-delete{display:flex}.rs-bg-delete:hover{background:#dc2626;transform:scale(1.1)}.rs-bg-loading{color:#94a3b8}.rs-bg-empty,.rs-bg-loading{font-size:13px;padding:20px;text-align:center}.rs-bg-empty{color:#475569;grid-column:1/-1}.rs-tab-content .bg-category-tabs{background:#f9fafb;border-radius:8px;display:flex;flex-wrap:wrap;gap:6px;padding:8px}.rs-tab-content .bg-category-tab{background:#fff;border:1px solid #d1d5db;border-radius:16px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;padding:5px 12px;transition:all .15s}.rs-tab-content .bg-category-tab:hover{background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.rs-tab-content .bg-category-tab.active{background:#0ea5e914;border-color:#0ea5e9;color:#0ea5e9}.rs-tab-content .bg-loading-bar{background:#e2e8f0;border-radius:6px;height:28px;margin:12px 0;overflow:hidden;position:relative}.rs-tab-content .bg-loading-bar-fill{background:linear-gradient(90deg,#0369a1,#0ea5e9);border-radius:6px;height:100%;transition:width .2s ease}.rs-tab-content .bg-loading-text{color:#1e293b;font-size:12px;font-weight:500;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.rs-file-input{background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;box-sizing:border-box;color:#6b7280;cursor:pointer;font-size:13px;padding:10px;width:100%}.rs-file-input::-webkit-file-upload-button{background:#0369a11a;border:1px solid #0369a14d;border-radius:6px;color:#0369a1;cursor:pointer;font-size:12px;font-weight:600;margin-right:10px;padding:6px 14px}.rs-file-input::file-selector-button{background:#0369a11a;border:1px solid #0369a14d;border-radius:6px;color:#0369a1;cursor:pointer;font-size:12px;font-weight:600;margin-right:10px;padding:6px 14px}.rs-roles-list{gap:6px;margin-bottom:8px}.rs-role-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;padding:10px 12px;transition:background .15s}.rs-role-item:hover{background:#f1f5f9}.rs-role-avatar{border:2px solid #e5e7eb;border-radius:50%;flex-shrink:0;height:36px;object-fit:cover;width:36px}.rs-role-info{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.rs-role-name{color:#1f2937;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-role-badge{border-radius:12px;color:#fff;display:inline-block;flex-shrink:0;font-size:11px;font-weight:700;padding:2px 10px}.rs-role-remove{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:28px;justify-content:center;line-height:1;transition:all .2s;width:28px}.rs-role-remove:hover{background:#ef444426;border-color:#ef4444}.rs-role-add-form{display:flex;gap:8px}.rs-role-select{flex-shrink:0;width:130px}.rs-search-results{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000014;margin-top:6px;overflow:hidden}.rs-search-result-item{align-items:center;background:none;border:none;border-bottom:1px solid #f3f4f6;color:#1f2937;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 12px;text-align:left;transition:background .15s;width:100%}.rs-search-result-item:last-child{border-bottom:none}.rs-search-result-item:hover{background:#f0f9ff}.rs-search-avatar{border-radius:50%;flex-shrink:0;height:28px;object-fit:cover;width:28px}.rs-role-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.rs-role-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:16px;transition:all .3s}.rs-role-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.rs-role-card.selected{background:#16a36a0d;border-color:#16a34a;box-shadow:0 4px 16px #16a36a26}.rs-role-card.display-only{cursor:default;opacity:.6}.rs-role-card.display-only:hover{box-shadow:none;transform:none}.rs-role-card-badge{border-radius:6px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;padding:4px 12px;text-transform:uppercase}.rs-role-card-title{color:#1f2937;font-size:15px;font-weight:700;margin:0 0 6px}.rs-role-card-desc{color:#6b7280;font-size:12px;line-height:1.5;margin-bottom:12px}.rs-role-card-perms{list-style:none;margin:0;padding:0}.rs-role-card-perms li{border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:11px;padding:3px 0}.rs-role-card-perms li:last-child{border-bottom:none}.rs-roles-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.rs-roles-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.rs-roles-column{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.rs-roles-column-title{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:10px;margin-bottom:12px;padding-bottom:10px}.rs-roles-title-badge{border-radius:6px;color:#fff;font-size:12px;font-weight:700;padding:4px 10px}.rs-roles-count{background:#e5e7eb;border-radius:10px;color:#6b7280;font-size:11px;font-weight:700;padding:2px 8px}.rs-roles-list{display:flex;flex-direction:column;gap:8px}.rs-roles-empty{color:#9ca3af;font-size:13px;padding:16px 0;text-align:center}.rs-add-mod-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;left:50%;max-height:85vh;max-width:90vw;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:560px;z-index:2501}.rs-add-mod-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:18px 24px}.rs-add-mod-modal-title{color:#1e293b;font-size:16px;font-weight:700;margin:0}.rs-add-mod-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:24px;line-height:1;padding:0 4px;transition:color .15s}.rs-add-mod-close:hover{color:#475569}.rs-add-mod-modal-body{padding:20px 24px}.rs-add-mod-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.rs-btn-cancel{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.rs-btn-cancel:hover{background:#e2e8f0}.rs-staff-warning{background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:13px;font-weight:600;margin-top:12px;padding:10px 14px;text-align:center}.rs-selected-user{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:16px;padding:10px 14px}.rs-selected-user-name{color:#166534;font-size:14px;font-weight:600}.rs-selected-user-clear{background:none;border:none;border-radius:6px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:600;padding:4px 10px;transition:background .15s}.rs-selected-user-clear:hover{background:#fef2f2}.rs-confirm-area{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;margin-top:16px;padding:14px 16px;text-align:center}.rs-confirm-text{color:#0c4a6e;font-size:13px;font-weight:600;margin-bottom:10px}.rs-confirm-buttons{display:flex;gap:8px;justify-content:center}.rs-confirm-buttons .rs-btn{font-size:12px;min-width:90px;padding:7px 16px}.rs-remove-confirm{align-items:center;color:#64748b;display:flex;font-size:12px;gap:6px}.rs-btn-remove-yes{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:4px 12px;transition:background .15s}.rs-btn-remove-yes:hover{background:#b91c1c}.rs-btn-remove-no{background:#e5e7eb;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:11px;font-weight:600;padding:4px 12px;transition:background .15s}.rs-btn-remove-no:hover{background:#d1d5db}.rs-trends-total{align-items:center;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #bfdbfe;border-radius:12px;display:flex;gap:10px;margin-bottom:16px;padding:16px 20px}.rs-trends-total-val{color:#1e40af;font-size:26px;font-weight:800}.rs-trends-total-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.rs-trends-chart{align-items:flex-end;display:flex;gap:2px;height:120px;padding:0 2px}.rs-trends-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.rs-trends-bar-wrap{align-items:flex-end;display:flex;flex:1 1;justify-content:center;width:100%}.rs-trends-bar{border-radius:3px 3px 0 0;cursor:default;max-width:18px;min-height:2px;transition:height .4s ease;width:100%}.rs-trends-bar:hover{opacity:.8}.rs-trends-bar-label{color:#94a3b8;font-size:9px;margin-top:4px;white-space:nowrap}.rs-trends-chart-axis{color:#94a3b8;display:flex;font-size:10px;justify-content:space-between;padding:2px 2px 0}.rs-trends-recent .rs-trends-bar-label{font-size:8px;margin-top:6px;transform:rotate(-45deg);transform-origin:top center}.rs-trends-days{display:flex;flex-direction:column;gap:8px}.rs-trends-day-row{align-items:center;display:flex;gap:10px}.rs-trends-day-name{color:#475569;flex-shrink:0;font-size:12px;font-weight:600;width:32px}.rs-trends-day-track{background:#f1f5f9;border-radius:6px;flex:1 1;height:20px;overflow:hidden}.rs-trends-day-fill{border-radius:6px;height:100%;min-width:2px;transition:width .5s ease}.rs-trends-day-count{color:#334155;flex-shrink:0;font-size:12px;font-weight:700;text-align:right;width:36px}.rs-stats-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.rs-stats-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:10px 16px}.rs-stats-row:last-child{border-bottom:none}.rs-stats-key{color:#6b7280;font-size:13px;font-weight:500}.rs-stats-val{color:#1f2937;font-size:13px;font-weight:600}.rs-share-modal{animation:rsSlideUp .3s ease;background:linear-gradient(180deg,#0f172a,#1e293b);border:1px solid #3b82f633;border-radius:16px;box-shadow:0 24px 64px #00000080;max-width:420px;overflow:hidden;width:90%}.rs-share-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:16px 20px}.rs-share-header h3{color:#f1f5f9;font-size:16px;font-weight:700;margin:0}.rs-share-content{padding:20px}.rs-share-link-row{display:flex;gap:8px}.rs-share-link-row .rs-input{flex:1 1;font-size:12px;min-width:0}.rs-share-buttons{display:flex;flex-direction:column;gap:8px;margin-top:16px}.rs-share-fb{align-items:center;background:#1877f2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:12px;transition:all .2s}.rs-share-fb:hover{background:#166fe5;transform:translateY(-1px)}.rs-share-embed{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:12px;transition:all .2s}.rs-share-embed:hover{background:#ffffff1f;color:#e2e8f0}.rs-user-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.rs-user-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;padding:10px 12px;transition:background .2s}.rs-user-item:hover{background:#f1f5f9}.rs-user-avatar{border-radius:50%;flex-shrink:0;height:36px;object-fit:cover;width:36px}.rs-user-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.rs-user-name{color:#1f2937;font-size:13px;font-weight:600}.rs-user-meta,.rs-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-user-meta{color:#9ca3af;font-size:11px}.rs-user-remove{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:28px;justify-content:center;transition:all .2s;width:28px}.rs-user-remove:hover{background:#ef44441a;color:#ef4444}.rs-user-unban{background:#22c55e26;border:1px solid #22c55e4d;border-radius:8px;color:#16a34a;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.rs-user-unban:hover{background:#22c55e40}.rs-ban-action{color:#ef4444;font-size:12px;font-weight:600;margin-left:auto}.rs-ban-item{align-items:flex-start;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.rs-ban-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.rs-ban-meta{color:#94a3b8;font-size:11px}.rs-ban-reason{color:#475569;font-size:12px;font-style:italic;margin-top:2px}.rs-ban-expiry{color:#64748b;font-size:11px;font-weight:600;margin-top:2px}.rs-ban-selected-user{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;gap:10px;padding:10px 12px}.rs-ban-duration-options{display:flex;flex-wrap:wrap;gap:6px}.rs-ban-duration-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .15s}.rs-ban-duration-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.rs-ban-duration-btn.active{background:#fef2f2;border-color:#ef4444;color:#ef4444;font-weight:600}.rs-invite-action{color:#3b82f6;font-size:12px;font-weight:600;margin-left:auto}.rs-field-hint{color:#9ca3af;font-size:12px;margin:4px 0 10px}.rs-danger-zone{align-items:center;background:#ef44440f;border:1px solid #ef444433;border-radius:14px;display:flex;flex-direction:column;gap:12px;padding:32px 24px;text-align:center}.rs-danger-title{color:#ef4444;font-size:18px;font-weight:700;margin:0}.rs-danger-text{color:#6b7280;font-size:13px;line-height:1.5;margin:0;max-width:360px}.rs-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:8px;padding:12px 28px;transition:all .2s}.rs-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.rs-danger-confirm{align-items:center;display:flex;flex-direction:column;gap:12px;max-width:320px;width:100%}.rs-danger-warning{color:#ef4444;font-size:13px;font-weight:600;margin:0}.rs-danger-input{border-color:#ef444466!important;text-align:center}.rs-danger-input:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444426!important}.rs-danger-actions{display:flex;gap:10px;width:100%}.rs-danger-actions .rs-btn{flex:1 1}.rs-btn-danger-confirm{background:#991b1b;border:2px solid #ef4444;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px 20px;transition:all .2s}.rs-btn-danger-confirm:hover{background:#7f1d1d}.rs-general-delete{margin-top:8px}.rs-general-delete .rs-btn-danger{align-items:center;display:inline-flex;gap:6px}.rs-history-log{display:flex;flex-direction:column;gap:0}.rs-history-log-item{border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:10px 0}.rs-history-log-item:last-child{border-bottom:none}.rs-history-log-time{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px;min-width:75px}.rs-history-log-date{color:#475569;font-size:11px;font-weight:600}.rs-history-log-clock{color:#94a3b8;font-size:10px}.rs-history-log-dot{border-radius:50%;flex-shrink:0;height:8px;margin-top:5px;width:8px}.rs-history-log-body{display:flex;flex-direction:column;gap:3px;min-width:0}.rs-history-log-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.rs-history-log-detail{color:#1e293b;font-size:13px;font-weight:500}.rs-history-log-user{color:#94a3b8;font-size:11px;font-style:italic}.rs-history-pagination{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:center;margin-top:16px;padding-top:12px}.rs-history-pagination button{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px}.rs-history-pagination button:disabled{cursor:default;opacity:.4}.rs-history-pagination span{color:#64748b;font-size:12px}@media (max-width:640px){.rs-page{padding:10px}.rs-page-title{font-size:20px}.rs-page-nav{gap:4px;margin-bottom:16px;padding:6px}.rs-tab{border-width:1px;font-size:11px;min-height:44px;padding:10px 8px}.rs-tab span{display:none}.rs-tab-content{padding:16px}.rs-row{flex-direction:column;gap:0}.rs-trends-chart{height:90px}.rs-bg-grid{grid-template-columns:repeat(2,1fr)}.rs-role-cards,.rs-roles-grid{grid-template-columns:1fr}.rs-add-mod-modal{width:95vw}.rs-role-add-form{flex-direction:column}.rs-role-select{width:100%}.rs-share-modal{border-radius:0;height:auto;max-height:100vh;max-width:100%;width:100%}.rs-danger-zone{padding:20px 16px}}@media (max-width:768px){.message-input-2d,.rs-input,.rs-select,.rs-textarea{font-size:16px}.mod-list-panel{left:16px!important;max-height:60vh;right:16px!important;width:calc(100vw - 32px)!important}.floating-options-menu button{min-height:40px}.stat-badge{min-height:36px}.user-context-menu{animation:rs-slide-up .25s ease;border-radius:16px 16px 0 0!important;bottom:0!important;left:0!important;max-height:60vh;overflow-y:auto;padding-bottom:max(12px,env(safe-area-inset-bottom));position:fixed!important;right:0!important;top:auto!important}}@keyframes rs-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.message-input-container-2d{padding-bottom:max(12px,env(safe-area-inset-bottom))}.chatroom-page-2d{padding-bottom:env(safe-area-inset-bottom)}.chat-mode-toggle{position:relative}.chat-mode-toggle.active{background:#0ea5e940!important;box-shadow:0 0 12px #0ea5e94d;color:#38bdf8!important}.classic-chat-wrapper{animation:classicFadeIn .4s ease;border:2px solid #0ea5e933;border-left:none;border-radius:0;border-right:none;box-shadow:0 8px 24px #00000026;display:flex;flex:1 1;gap:0;margin-bottom:0;overflow:hidden}@keyframes classicFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.classic-chat-main{background:#0f172ad9;min-width:0}.classic-chat-main,.classic-messages-area{display:flex;flex:1 1;flex-direction:column}.classic-messages-area{gap:4px;overflow-y:auto;padding:16px;scroll-behavior:smooth}.classic-messages-area::-webkit-scrollbar{width:6px}.classic-messages-area::-webkit-scrollbar-track{background:#0000}.classic-messages-area::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.classic-messages-area::-webkit-scrollbar-thumb:hover{background:#94a3b880}.classic-empty-state{align-items:center;color:#475569;display:flex;flex:1 1;flex-direction:column;font-size:14px;gap:12px;justify-content:center}.classic-msg{animation:classicMsgIn .3s ease;border-radius:10px;display:flex;gap:10px;padding:8px 12px;transition:background .2s}@keyframes classicMsgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.classic-msg:hover{background:#ffffff08}.classic-msg-self{background:#0ea5e90f}.classic-msg-self:hover{background:#0ea5e91a}.classic-msg-warning{background:#ef444414!important;border-left:3px solid #ef4444}.classic-msg-avatar{border:2px solid #ffffff1a;border-radius:50%;cursor:pointer;flex-shrink:0;height:36px;object-fit:cover;transition:transform .2s;width:36px}.classic-msg-avatar:hover{border-color:#0ea5e9;transform:scale(1.1)}.classic-msg-body{flex:1 1;min-width:0}.classic-msg-header{align-items:baseline;display:flex;gap:8px;margin-bottom:2px}.classic-msg-name{cursor:pointer;font-size:13px;font-weight:700}.classic-msg-time{color:#475569;flex-shrink:0;font-size:10px}.classic-msg-text{word-wrap:break-word;color:#e2e8f0;font-size:14px;line-height:1.5}.classic-msg-warning .classic-msg-text{color:#fca5a5;font-weight:600}.classic-msg-system-row{opacity:.75}.classic-msg-system-icon{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border:2px solid #3b82f64d;border-radius:50%;color:#93c5fd;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.classic-msg-system-name{color:#60a5fa;font-size:13px;font-weight:700}.classic-msg-system-text{color:#94a3b8;font-size:13px;line-height:1.4}.classic-msg-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#334155,#475569);border:2px solid #ffffff1a;border-radius:50%;color:#94a3b8;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.classic-user-list{background:#0c1426e6;border-left:1px solid #0ea5e926;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:220px}.classic-user-list-header{align-items:center;background:#0003;border-bottom:1px solid #ffffff0f;color:#94a3b8;display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.5px;padding:14px 16px;text-transform:uppercase}.classic-user-list-items{flex:1 1;overflow-y:auto;padding:8px}.classic-user-list-items::-webkit-scrollbar{width:4px}.classic-user-list-items::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:2px}.classic-user-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:all .2s}.classic-user-item:hover{background:#0ea5e91a}.classic-user-self{background:#0ea5e90f}.classic-user-self:hover{background:#0ea5e91f}.classic-user-spectator{opacity:.5}.classic-user-away{opacity:.6}.classic-user-avatar-wrap{flex-shrink:0;position:relative}.classic-user-avatar{border:2px solid #ffffff1a;border-radius:50%;height:32px;object-fit:cover;width:32px}.classic-user-status{border:2px solid #0c1426;border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.classic-user-status.online{background:#16a34a}.classic-user-status.away{background:#f59e0b}.classic-user-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.classic-user-name{color:#fff;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classic-user-selected{background:#0ea5e933!important;border-left:3px solid #0ea5e9}.classic-user-selected .classic-user-name{color:#fff!important}.classic-user-role-tag{color:#64748b;font-size:9px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.classic-user-role-tag.manager,.classic-user-role-tag.owner{color:#16a34a}.classic-user-role-tag.host{color:#4ade80}.classic-user-role-tag.admin,.classic-user-role-tag.sysadmin{color:#ef4444}.classic-user-role-tag.srmod{color:#60a5fa}.classic-user-role-tag.mod{color:#7dd3fc}.classic-user-role-tag.member{color:#facc15}.classic-user-role-tag.premium{color:#c084fc}.classic-user-role-tag.guest{color:#475569}.classic-user-role-tag.spectator{color:#94a3b8}.classic-user-role-tag.ignored{color:#f87171}.classic-user-private-badge{background:#fbbf24;border-radius:4px;color:#000;flex-shrink:0;font-size:9px;font-weight:700;padding:2px 5px}@media (max-width:768px){.classic-chat-wrapper{flex-direction:column}.classic-user-list{border-left:none;border-top:1px solid #0ea5e926;max-height:140px;width:100%}.classic-user-list-items{display:flex;flex-wrap:wrap;gap:4px;padding:6px}.classic-user-item{padding:4px 8px}.classic-user-avatar{height:24px;width:24px}.classic-user-status{height:8px;width:8px}}@media (max-width:480px){.classic-messages-area{padding:10px}.classic-msg-avatar{height:28px;width:28px}.classic-user-list{max-height:110px}}.rs-event-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:16px}.rs-event-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;margin-bottom:8px;padding:8px 12px}.rs-event-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.rs-event-form-header .rs-section-title{margin:0}.rs-close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:22px;line-height:1;padding:0}.rs-close-btn:hover{color:#ef4444}.rs-event-row,.rs-events-list{display:flex;gap:12px}.rs-events-list{flex-direction:column}.rs-empty-state{color:#94a3b8;font-size:14px;padding:40px 20px;text-align:center}.rs-event-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s}.rs-event-card:hover{border-color:#0369a1;box-shadow:0 2px 8px #0369a114}.rs-event-past{background:#f1f5f9;opacity:.55}.rs-event-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.rs-event-title{color:#0f172a;font-size:15px;font-weight:700;line-height:1.3}.rs-event-actions{display:flex;flex-shrink:0;gap:6px}.rs-event-desc{color:#475569;font-size:13px;line-height:1.5;margin:0 0 10px}.rs-event-meta{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:12px;gap:10px;margin-bottom:12px}.rs-event-date{align-items:center;color:#0369a1;display:inline-flex;font-weight:600;gap:4px}.rs-event-duration{background:#e0f2fe;border-radius:4px;color:#0369a1;font-weight:600;padding:2px 8px}.rs-event-creator{font-style:italic}.rs-event-rsvp-buttons{display:flex;flex-wrap:wrap;gap:8px}.rs-rsvp-btn{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#475569;cursor:pointer;font-size:12px;font-weight:600;padding:7px 14px;transition:all .2s}.rs-rsvp-btn:hover{border-color:#94a3b8;transform:translateY(-1px)}.rs-rsvp-btn.active.rs-rsvp-going{background:linear-gradient(135deg,#059669,#10b981);border-color:#059669;box-shadow:0 2px 8px #0596694d;color:#fff}.rs-rsvp-btn.active.rs-rsvp-maybe{background:linear-gradient(135deg,#d97706,#f59e0b);border-color:#d97706;box-shadow:0 2px 8px #d977064d;color:#fff}.rs-rsvp-btn.active.rs-rsvp-cant_make_it{background:linear-gradient(135deg,#dc2626,#ef4444);border-color:#dc2626;box-shadow:0 2px 8px #dc26264d;color:#fff}.rs-event-past-label{color:#94a3b8;font-size:12px;font-style:italic;padding-top:4px}.room-event-banner{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-radius:6px;cursor:pointer;display:inline-flex;gap:6px;margin-top:4px;padding:3px 10px;transition:all .2s}.room-event-banner:hover{background:#ffffff40}.room-event-banner svg{color:#fbbf24;flex-shrink:0}.room-event-banner-text{color:#fef3c7;font-size:11px;font-weight:600;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.rs-event-header,.rs-event-rsvp-buttons{flex-direction:column}.rs-event-actions{align-self:flex-end}.rs-event-row{flex-direction:column}.room-event-banner-text{max-width:150px}}.rs-char-count{color:#94a3b8;font-size:11px;font-weight:400;margin-left:4px}.room-events-header-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;position:relative;transition:all .2s}.room-events-header-btn:hover{background:#fff3}.room-events-badge{align-items:center;background:#ef4444;border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;position:absolute;right:-4px;top:-4px}.room-events-panel{background:#1e293b;border-radius:12px;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff14;display:flex;flex-direction:column;max-height:70vh;overflow:hidden;position:fixed;right:16px;top:60px;width:360px;z-index:1100}.room-events-panel-header{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-bottom:1px solid #334155;color:#fff;display:flex;justify-content:space-between;padding:14px 16px}.room-events-panel-header h3{font-size:15px;font-weight:600;margin:0}.room-events-panel-header .mod-list-close{color:#fff}.room-events-panel-content{flex:1 1;overflow-y:auto;padding:12px}.room-events-panel-card{background:#0f172a;border:1px solid #334155;border-radius:10px;margin-bottom:10px;padding:12px;transition:border-color .2s}.room-events-panel-card:hover{border-color:#475569}.room-events-panel-card:last-child{margin-bottom:0}.room-events-panel-title{color:#e2e8f0;font-size:14px;font-weight:600;margin-bottom:4px}.room-events-panel-desc{color:#94a3b8;font-size:12px;line-height:1.4;margin:0 0 8px}.room-events-panel-meta{align-items:center;color:#818cf8;display:flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:4px}.room-events-panel-meta svg{flex-shrink:0}.room-events-panel-duration{color:#64748b;font-weight:400}.room-events-panel-by{color:#64748b;font-size:11px;margin-bottom:8px}.room-events-panel-card .rs-event-rsvp-buttons{margin-top:6px}@media (max-width:480px){.room-events-panel{left:8px;right:8px;width:auto}}.chatmail-page{animation:fadeIn .5s ease;margin:0 auto;max-width:1200px}.chatmail-container{background:#fffffff2;border-radius:16px;box-shadow:0 8px 24px #0003;overflow:hidden}.mail-header-section{align-items:center;background:linear-gradient(135deg,#0c4a6e0d,#0369a10d);border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.mail-tab,.mail-tabs{display:flex;gap:8px}.mail-tab{align-items:center;background:#0000;border:2px solid #0000;border-radius:10px;color:#64748b;cursor:pointer;font-size:15px;font-weight:600;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.mail-tab:hover{background:#0c4a6e14;color:#0c4a6e}.mail-tab.active{background:linear-gradient(135deg,#0c4a6e,#0369a1);border-color:#0c4a6e;box-shadow:0 4px 12px #0c4a6e4d;color:#fff}.mail-tab svg{height:20px;width:20px}.unread-count-badge{animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;color:#000;font-size:11px;font-weight:700;min-width:20px;padding:3px 8px;text-align:center}.compose-button{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);border:none;border-radius:10px;box-shadow:0 4px 12px #0c4a6e4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.compose-button:hover{background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 6px 20px #0c4a6e66;transform:translateY(-2px)}.compose-button:active{transform:translateY(0)}.mails-list{display:flex;flex-direction:column;max-height:600px;overflow-y:auto}.mails-list::-webkit-scrollbar{width:8px}.mails-list::-webkit-scrollbar-track{background:#f1f5f9}.mails-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0c4a6e,#0369a1);border-radius:4px}.mail-item{animation:slideInRight .4s ease backwards;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;gap:16px;padding:20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.mail-item:hover{background:linear-gradient(90deg,#0c4a6e0d,#0369a10d);transform:translateX(4px)}.mail-item.unread{background:linear-gradient(90deg,#3b82f614,#2563eb0d);border-left:4px solid #3b82f6}.mail-item:last-child{border-bottom:none}.mail-avatar-container{flex-shrink:0;position:relative}.mail-avatar{border:3px solid #e2e8f0;border-radius:50%;height:52px;transition:all .3s ease;width:52px}.mail-item:hover .mail-avatar{border-color:#0c4a6e;box-shadow:0 0 0 4px #0c4a6e1a}.unread-indicator{animation:pulse 2s ease infinite;background:linear-gradient(135deg,#3b82f6,#2563eb);border:3px solid #fff;border-radius:50%;height:14px;position:absolute;right:-2px;top:-2px;width:14px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.mail-content{flex:1 1;min-width:0}.mail-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.mail-from{color:#0c4a6e;font-size:15px;font-weight:700;margin:0 0 4px}.mail-item.unread .mail-from{color:#0369a1}.mail-time{color:#94a3b8;flex-shrink:0;font-size:13px;white-space:nowrap}.mail-subject{color:#334155;font-weight:600;margin:0 0 6px;text-overflow:ellipsis;white-space:nowrap}.mail-preview,.mail-subject{font-size:14px;overflow:hidden}.mail-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;line-height:1.5;margin:0}.mail-actions-icons{align-items:center;display:flex;flex-shrink:0;gap:6px;opacity:0;transition:opacity .3s ease}.mail-item:hover .mail-actions-icons{opacity:1}.icon-button{align-items:center;background:#64748b1a;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.icon-button:hover{background:linear-gradient(135deg,#0c4a6e,#0369a1);color:#fff;transform:scale(1.1)}.icon-button.delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.icon-button.restore-btn:hover{background:linear-gradient(135deg,#10b981,#059669)}.empty-state{align-items:center;animation:fadeIn .5s ease;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.empty-state svg{stroke:#cbd5e1;margin-bottom:20px}.empty-state h3{color:#64748b;font-size:20px;margin:0 0 8px}.empty-state p{color:#94a3b8;font-size:15px;margin:0}.modal-content{max-height:90vh;max-width:600px}.modal-header{border-bottom:2px solid #e2e8f0}.reply-context{background:#0c4a6e0d;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:14px;padding:16px 24px}.reply-context strong{color:#0c4a6e}form{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#0c4a6e;display:block;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#0c4a6e;box-shadow:0 0 0 4px #0c4a6e1a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.cancel-button{background:#64748b1a;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-button:hover{background:#64748b33;border-color:#cbd5e1}.send-button{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);border:none;border-radius:10px;box-shadow:0 4px 12px #0c4a6e4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.send-button:hover{background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 6px 20px #0c4a6e66;transform:translateY(-2px)}.send-button:active{transform:translateY(0)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.to-search-dropdown{background:#fff;border:2px solid #e2e8f0;border-radius:0 0 10px 10px;border-top:none;box-shadow:0 8px 24px #0000001a;left:0;max-height:180px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.to-search-item{color:#334155;cursor:pointer;font-size:14px;font-weight:500;padding:10px 14px;transition:background .15s ease}.to-search-item:hover{background:#f1f5f9;color:#0369a1}.thread-count-badge{background:#e2e8f0;border-radius:10px;color:#475569;min-width:20px;padding:2px 8px}.thread-count-badge,.thread-unread-badge{font-size:11px;font-weight:700;text-align:center}.thread-unread-badge{align-self:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;color:#fff;flex-shrink:0;min-width:22px;padding:4px 8px}.thread-header{align-items:center;background:linear-gradient(135deg,#0c4a6e0d,#0369a10d);border-bottom:2px solid #e2e8f0;display:flex;gap:16px;padding:20px 24px}.thread-back-btn{align-items:center;background:#64748b1a;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.thread-back-btn:hover{background:#0c4a6e1a;color:#0c4a6e}.thread-title{flex:1 1;min-width:0}.thread-title h2{color:#0c4a6e;font-size:18px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-with{color:#94a3b8;font-size:13px}.thread-delete-btn{align-items:center;background:#dc26261a;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.thread-delete-btn:hover{background:#dc2626;color:#fff}.thread-messages-container{background:#fff;max-height:600px;overflow-y:auto;padding:0}.thread-messages-container::-webkit-scrollbar{width:6px}.thread-messages-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.thread-messages{display:flex;flex-direction:column}.thread-reply-block{animation:fadeIn .3s ease;border-bottom:1px solid #f1f5f9;padding:16px 24px}.thread-reply-block:last-child{border-bottom:none}.thread-reply-block.first{background:#f8fafc}.thread-reply-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.thread-reply-avatar{border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.thread-reply-meta{display:flex;flex-direction:column;gap:1px}.thread-reply-name{color:#0f172a;font-size:13px;font-weight:700}.thread-reply-date{color:#94a3b8;font-size:11px}.thread-reply-body{color:#334155;font-size:14px;line-height:1.7;padding-left:42px;white-space:pre-wrap;word-break:break-word}.thread-reply-form{background:#f8fafc;border-top:2px solid #e2e8f0;display:flex;flex-direction:column;gap:10px;padding:16px 24px}.thread-reply-form-header{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:600;gap:8px}.thread-reply-textarea{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;outline:none;padding:12px 14px;resize:vertical;transition:border-color .2s;width:100%}.thread-reply-textarea:focus{border-color:#0c4a6e;box-shadow:0 0 0 3px #0c4a6e14}.thread-reply-actions{display:flex;justify-content:flex-end}.thread-reply-send-btn{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s ease}.thread-reply-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #0c4a6e4d;transform:translateY(-1px)}.thread-reply-send-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.mail-header-section{align-items:stretch;flex-direction:column;gap:16px}.mail-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.mail-tab{padding:10px 16px;white-space:nowrap}.mail-tab span{display:none}.compose-button{justify-content:center;width:100%}.mail-item{padding:16px}.mail-avatar{height:44px;width:44px}.mail-actions-icons{opacity:1}.modal-content{max-height:95vh;width:95%}}@media (max-width:480px){.mail-header-section{padding:16px}.mail-tab{padding:10px 12px}.mail-item{flex-wrap:wrap;gap:12px}.mail-actions-icons{justify-content:flex-end;margin-top:8px;width:100%}.mail-header{align-items:flex-start;flex-direction:column;gap:6px}.modal-header{padding:20px}.modal-header h2{font-size:18px}form{padding:20px}.modal-actions{flex-direction:column}.cancel-button,.send-button{justify-content:center;width:100%}.thread-header{flex-wrap:wrap;gap:10px;padding:16px}.thread-title h2{font-size:16px}.thread-messages-container{max-height:400px;padding:0}.thread-reply-block{padding:12px 16px}.thread-reply-body{margin-top:6px;padding-left:0}.thread-reply-form{padding:12px 16px}}.upload-overlay{align-items:center;animation:uploadFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes uploadFadeIn{0%{opacity:0}to{opacity:1}}.upload-overlay-card{animation:uploadSlideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:40px 48px;text-align:center}@keyframes uploadSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upload-spinner-ring{height:60px;margin:0 auto 20px;position:relative;width:60px}.upload-spinner-circle{animation:uploadSpin .8s linear infinite;border-color:#0ea5e9 #06b6d4 #e2e8f0 #e2e8f0;border-radius:50%;border-style:solid;border-width:4px;height:60px;width:60px}@keyframes uploadSpin{to{transform:rotate(1turn)}}.upload-overlay-text{color:#334155;font-size:16px;font-weight:600;margin:0}.edit-profile-page{animation:fadeIn .5s ease;margin:0 auto;max-width:1200px;padding-bottom:40px}.profile-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:320px 1fr}.profile-sidebar{display:flex;flex-direction:column;gap:24px}.profile-avatar-section{align-items:center;animation:slideInLeft .6s ease;background:#fffffff2;border-radius:16px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;padding:30px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.profile-avatar-large{border:4px solid #3b82f6;border-radius:50%;box-shadow:0 8px 16px #3b82f64d;height:150px;margin-bottom:20px;width:150px}.change-avatar-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.change-avatar-button:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.choose-avatar-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-top:8px;padding:10px 20px;transition:all .3s ease}.choose-avatar-button:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.preset-avatar-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-top:16px;width:100%}.preset-avatar-item{border:3px solid #0000;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.preset-avatar-item:hover{border-color:#3b82f6;transform:scale(1.05)}.preset-avatar-item.active{border-color:#10b981;box-shadow:0 0 12px #10b98166}.preset-avatar-item img{display:block;height:100%;object-fit:cover;width:100%}.preset-avatar-check{align-items:center;background:#10b981;border-radius:50%;bottom:2px;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:2px;width:20px}.profile-stats{animation:slideInLeft .6s ease .1s backwards;background:#fffffff2;border-radius:16px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;gap:16px;padding:24px}.stat-card{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);border-radius:12px;padding:16px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 12px #3b82f633;transform:translateY(-3px)}.stat-value{color:#1e3a8a;font-size:15px;font-weight:600;margin-bottom:4px}.edit-role-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.edit-role-badge.role-administrator,.edit-role-badge.role-system_administrator{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.edit-role-badge.role-sr_mod{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.edit-role-badge.role-moderator{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.edit-role-badge.role-member{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1}.stat-label{font-size:13px}.profile-identity{border-top:1px solid #ffffff1a;margin-top:12px;padding:16px 0;text-align:center}.profile-username-display{color:#e2e8f0;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 8px}.profile-form-container{animation:slideInRight .6s ease;background:#fffffff2;border-radius:16px;box-shadow:0 8px 24px #0003;padding:40px}.ep-tabs{background:#f1f5f9;border-radius:12px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px;padding:10px 12px}.ep-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;padding:9px 16px;transition:all .2s ease;white-space:nowrap}.ep-tab:hover{background:#e2e8f0;color:#334155}.ep-tab.active{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #00000014;color:#1e293b}.ep-tab svg{flex-shrink:0;opacity:.6}.ep-tab.active svg{color:#3b82f6;opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.profile-form{display:flex;flex-direction:column;gap:24px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#1e3a8a;font-size:14px;font-weight:600}.form-input,.form-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:14px;outline:none;padding:14px 16px;transition:all .3s ease}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{min-height:100px;resize:vertical}.privacy-section{border-top:2px solid #e2e8f0;margin-top:24px;padding-top:24px}.privacy-heading{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 6px}.privacy-heading svg{color:#0369a1}.privacy-description{color:#64748b;font-size:13px;margin:0 0 20px}.privacy-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.privacy-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.privacy-label-text{color:#334155;font-size:13px;font-weight:600}.privacy-select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;font-size:13px;min-width:120px;padding:6px 10px}.privacy-select:focus{border-color:#0369a1;box-shadow:0 0 0 2px #0369a126;outline:none}@media (max-width:768px){.privacy-grid{grid-template-columns:1fr}}.notification-section{border-top:2px solid #e2e8f0;margin-top:24px;padding-top:24px}.notification-heading{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 6px}.notification-heading svg{color:#0369a1}.notification-description{color:#64748b;font-size:13px;margin:0 0 20px}.notification-grid{display:flex;flex-direction:column;gap:12px}.notification-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:16px;justify-content:space-between;padding:14px 18px;transition:all .2s ease}.notification-item:hover{background:#f1f5f9;border-color:#cbd5e1}.notification-label{display:flex;flex-direction:column;gap:2px}.notification-label-text{color:#334155;font-size:14px;font-weight:600}.notification-label-desc{color:#94a3b8;font-size:12px}.notification-toggle{background:#cbd5e1;border:none;border-radius:13px;cursor:pointer;flex-shrink:0;height:26px;padding:0;position:relative;transition:background .3s ease;width:48px}.notification-toggle.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f659}.notification-toggle-slider{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;height:20px;left:3px;pointer-events:none;position:absolute;top:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:20px}.notification-toggle.active .notification-toggle-slider{transform:translateX(22px)}@media (max-width:768px){.notification-item{padding:12px 14px}}.blocked-users-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px}.blocked-empty{color:#94a3b8;font-size:14px;padding:16px 0}.blocked-list{display:flex;flex-direction:column;gap:8px}.blocked-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:10px;padding:10px 14px}.blocked-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.blocked-name{color:#1e293b;flex:1 1;font-size:14px;font-weight:600}.blocked-unblock-btn{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .15s}.blocked-unblock-btn:hover{background:#dc2626;color:#fff}.form-actions{margin-top:12px}.cancel-button,.save-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.cancel-button{background:#f1f5f9;color:#64748b}.cancel-button:hover{background:#e2e8f0;color:#475569}.save-button{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.save-button:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.cancel-button:active,.save-button:active{transform:translateY(0)}.aboutme-section{border-top:2px solid #e2e8f0;display:flex;flex-direction:column;gap:16px;margin-top:24px;padding-top:24px}.aboutme-heading{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 2px}.aboutme-heading svg{color:#8b5cf6}.aboutme-description{color:#64748b;font-size:13px;margin:0}.theme-section{border-top:2px solid #e2e8f0;margin-top:24px;padding-top:24px}.theme-heading{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 6px}.theme-heading svg{color:#ec4899}.theme-description{color:#64748b;font-size:13px;margin:0 0 16px}.theme-color-picker{display:flex;flex-wrap:wrap;gap:10px}.theme-color-swatch{border:3px solid #0000;border-radius:50%;cursor:pointer;height:36px;position:relative;transition:all .2s ease;width:36px}.theme-color-swatch:hover{box-shadow:0 4px 12px #0003;transform:scale(1.15)}.theme-color-swatch.active{border-color:#0f172a;box-shadow:0 0 0 2px #fff,0 0 0 4px #0f172a}.theme-color-swatch.clear-swatch{align-items:center;background:#f1f5f9;border:2px dashed #cbd5e1;color:#94a3b8;display:flex;justify-content:center}.theme-color-swatch.clear-swatch.active{border-color:#0f172a;border-style:solid;box-shadow:0 0 0 2px #fff,0 0 0 4px #0f172a}.theme-preview-bar{border-radius:2px;height:4px;margin-top:12px;transition:background .3s ease}.spotlight-section{border-top:2px solid #e2e8f0;display:flex;flex-direction:column;gap:16px;margin-top:24px;padding-top:24px}.spotlight-heading{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 2px}.spotlight-heading svg{color:#f59e0b}.spotlight-description{color:#64748b;font-size:13px;margin:0}.timezone-section{border-top:2px solid #e2e8f0;margin-top:24px;padding-top:24px}.timezone-heading{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 6px}.timezone-heading svg{color:#06b6d4}.timezone-description{color:#64748b;font-size:13px;margin:0 0 16px}@media (max-width:1024px){.profile-container{grid-template-columns:280px 1fr}.profile-form-container{padding:32px}}@media (max-width:768px){.profile-container{grid-template-columns:1fr}.profile-sidebar{flex-direction:column}.profile-avatar-section,.profile-stats{flex-shrink:0;min-width:0;min-width:auto;width:100%}.profile-form-container{padding:24px}.form-row{grid-template-columns:1fr}}@media (max-width:480px){.profile-sidebar{flex-direction:column}.profile-avatar-section,.profile-stats{min-width:100%}.profile-form-container{padding:20px}.form-actions{flex-direction:column-reverse}.cancel-button,.save-button{justify-content:center;width:100%}}.composer-open-button{align-items:center;background:linear-gradient(135deg,#0369a1,#0284c7);border:none;border-radius:10px;box-shadow:0 4px 12px #0369a14d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-top:8px;padding:10px 20px;transition:all .3s ease}.composer-open-button:hover{box-shadow:0 6px 20px #0369a166;transform:translateY(-2px)}.composer-overlay{align-items:center;animation:composerFadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}@keyframes composerFadeIn{0%{opacity:0}to{opacity:1}}.composer-modal{animation:composerSlideUp .4s cubic-bezier(.4,0,.2,1);background:#0c1929;border-radius:20px;box-shadow:0 25px 80px #00000080,0 0 0 1px #3b82f626;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:95%}@keyframes composerSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.composer-header{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);border-bottom:1px solid #38bdf826;display:flex;justify-content:space-between;padding:18px 24px}.composer-header h2{-webkit-text-fill-color:#fff;background:none;-webkit-background-clip:unset;background-clip:initial;color:#fff;font-size:20px;font-weight:700;letter-spacing:.2px;margin:0}.composer-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .2s;width:36px}.composer-close:hover{background:#ffffff40;color:#fff}.composer-body{display:flex;flex:1 1;overflow:hidden;position:relative}.composer-preview-panel{align-items:center;background:linear-gradient(180deg,#0c1929,#0a1222);border-right:1px solid #38bdf814;display:flex;flex-direction:column;flex-shrink:0;padding:24px;width:320px}.composer-preview-frame{background:#e8f0fe;border:3px solid #3b82f659;border-radius:16px;box-shadow:0 0 20px #3b82f61f;height:280px;overflow:hidden;position:relative;width:240px}.composer-preview-canvas{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.composer-layer{height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;left:0;object-fit:contain;position:absolute;top:0;width:100%}.composer-empty-preview{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:8px;text-align:center}.composer-empty-preview p{font-size:12px;margin:0}.composer-gender-toggle{display:flex;gap:8px;margin-top:20px;width:100%}.gender-btn{align-items:center;background:#ffffff0a;border:2px solid #ffffff1a;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .3s ease}.gender-btn:hover{background:#3b82f614;border-color:#3b82f64d}.gender-btn.active{background:linear-gradient(135deg,#3b82f633,#2563eb33);border-color:#3b82f6;box-shadow:0 0 20px #3b82f626;color:#60a5fa}.composer-selected-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;min-height:30px;width:100%}.selected-part-tag{align-items:center;background:#3b82f61f;border:1px solid #3b82f640;border-radius:16px;color:#60a5fa;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:3px 8px}.remove-part-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:14px;line-height:1;padding:0 2px}.remove-part-btn:hover{color:#f87171}.composer-parts-panel{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.composer-category-tabs{background:#0f1f33;border-bottom:1px solid #38bdf814;display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px}.composer-cat-tab{align-items:center;background:#ffffff08;border:2px solid #ffffff0f;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:8px 12px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.composer-cat-tab:hover{background:#3b82f61a;border-color:#3b82f633;color:#cbd5e1;transform:translateY(-1px)}.composer-cat-tab.active{background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.cat-tab-icon{font-size:15px}.cat-tab-check{color:#3b82f6;font-size:10px;font-weight:700}.composer-cat-tab.active .cat-tab-check{color:#bfdbfe}.composer-items-grid{grid-gap:10px;animation:composerGridFadeIn .3s ease;background:#0a1222;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));overflow-y:auto;padding:16px}@keyframes composerGridFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.composer-no-items{color:#475569;font-size:13px;grid-column:1/-1;padding:40px 20px;text-align:center}.composer-item{animation:composerItemAppear .35s cubic-bezier(.4,0,.2,1) both;aspect-ratio:1;background:#dbeafe;border:3px solid #ffffff0f;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}@keyframes composerItemAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.composer-item:hover{border-color:#3b82f666;box-shadow:0 6px 16px #00000040;transform:scale(1.06)}.composer-item.selected{animation:composerItemPop .35s cubic-bezier(.34,1.56,.64,1);border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d,inset 0 0 20px #3b82f614}@keyframes composerItemPop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.composer-item img{display:block;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;object-fit:contain;padding:4px;width:100%}.composer-item-check{align-items:center;animation:composerCheckIn .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;display:flex;font-size:12px;font-weight:700;height:22px;justify-content:center;position:absolute;right:4px;top:4px;width:22px}@keyframes composerCheckIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.composer-loading-overlay{align-items:center;background:#0c1929d9;border-radius:16px;display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;position:absolute;z-index:50}.composer-loading-overlay p{color:#94a3b8;font-size:13px;margin:0}.composer-spinner{animation:composerSpin .8s linear infinite;border:3px solid #38bdf826;border-radius:50%;border-top-color:#38bdf8;height:36px;width:36px}@keyframes composerSpin{to{transform:rotate(1turn)}}.composer-footer{align-items:center;background:linear-gradient(135deg,#0c1929,#0f1f33);border-top:1px solid #38bdf814;display:flex;justify-content:space-between;padding:14px 24px}.composer-save-btn{background:linear-gradient(135deg,#0369a1,#0284c7);border:1px solid #38bdf84d;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 24px;transition:all .2s}.composer-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0ea5e9);box-shadow:0 0 20px #0ea5e94d}.composer-save-btn:disabled{cursor:not-allowed;opacity:.4}.composer-clear-btn{background:#ef44441a;border:1px solid #ef444440;border-radius:10px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s}.composer-clear-btn:hover{background:#ef444433;border-color:#ef444466}@media (max-width:768px){.composer-modal{max-height:95vh}.composer-body{flex-direction:column}.composer-preview-panel{border-bottom:1px solid #38bdf814;border-right:none;flex-direction:row;gap:16px;padding:16px;width:100%}.composer-preview-frame{flex-shrink:0;height:160px;width:140px}.composer-gender-toggle{margin-top:0}.composer-selected-summary{margin-top:8px}.composer-items-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));padding:12px}}@media (max-width:480px){.composer-preview-panel{flex-direction:column}.composer-category-tabs{gap:4px;padding:8px}.composer-cat-tab{font-size:11px;padding:6px 8px}.cat-tab-label{display:none}.cat-tab-icon{font-size:18px}}.administration-page{animation:fadeIn .5s ease;box-sizing:border-box;margin:0 auto;max-width:1600px;overflow-x:hidden;padding:20px;width:100%}.admin-header{animation:slideDown .6s ease;margin-bottom:30px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.admin-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0c4a6e,#0369a1);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;margin-bottom:8px}.admin-subtitle{color:#64748b;font-size:16px;font-weight:400}.admin-navigation{animation:slideUp .6s ease;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;gap:12px;margin-bottom:30px;overflow-x:auto;padding:12px}.admin-nav-btn{align-items:center;background:#0000;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:14px 20px;transition:all .3s ease;white-space:nowrap}.admin-nav-btn:hover{background:#0c4a6e0d;border-color:#0c4a6e;color:#0c4a6e;transform:translateY(-2px)}.admin-nav-btn.active{background:linear-gradient(135deg,#0c4a6e,#0369a1);border-color:#0c4a6e;box-shadow:0 4px 12px #0c4a6e4d;color:#fff}.admin-nav-btn svg{flex-shrink:0}.admin-content{animation:fadeIn .6s ease;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:30px}.section-header{border-bottom:2px solid #e5e7eb;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.section-header,.section-title{align-items:center;display:flex}.section-title{color:#1f2937;font-size:24px;font-weight:700;gap:12px}.live-indicator{align-items:center;background:#10b9811a;border-radius:20px;color:#10b981;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.live-dot{animation:livePulse 1.5s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.add-mod-button{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);border:none;border-radius:10px;box-shadow:0 4px 12px #0c4a6e4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-mod-button:hover{background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 6px 20px #0c4a6e66;transform:translateY(-2px)}.add-moderator-form{animation:slideDown .4s ease;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:30px;padding:24px}.form-title{color:#1f2937;font-size:20px;font-weight:700;margin-bottom:16px}.mod-name-input{border:2px solid #e5e7eb;border-radius:10px;font-size:14px;margin-bottom:20px;outline:none;padding:14px 18px;transition:all .3s ease;width:100%}.mod-name-input:focus{border-color:#0c4a6e;box-shadow:0 0 0 4px #0c4a6e1a}.role-selection{margin-bottom:20px}.role-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:16px}.role-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.role-card{background:#fff;border:3px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s ease}.role-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.role-card.selected{background:#0c4a6e0d;border-color:#0c4a6e;box-shadow:0 4px 16px #0c4a6e33}.role-card.moderator.selected{background:#3b82f60d;border-color:#3b82f6}.role-card.administrator.selected{background:#ef44440d;border-color:#ef4444}.role-badge-large{border-radius:8px;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;padding:8px 16px;text-transform:uppercase}.moderator-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.srmod-badge{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.admin-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.role-card-title{color:#1f2937;font-size:18px;font-weight:700;margin-bottom:8px}.role-card-desc{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:16px}.permissions-list{list-style:none;margin:0;padding:0}.permissions-list li{border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:13px;padding:6px 0}.permissions-list li:last-child{border-bottom:none}.form-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.submit-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-btn{background:#e5e7eb;color:#6b7280}.cancel-btn:hover{background:#d1d5db}.submit-btn{background:linear-gradient(135deg,#0c4a6e,#0369a1);box-shadow:0 4px 12px #0c4a6e4d;color:#fff}.submit-btn:hover{background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 6px 20px #0c4a6e66;transform:translateY(-2px)}.mod-lists-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.mod-list-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.list-title{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px}.title-badge{border-radius:6px;font-size:14px;font-weight:700;padding:6px 12px}.count-badge{background:#e5e7eb;border-radius:12px;color:#6b7280;font-size:12px;font-weight:700;padding:4px 10px}.mod-list{flex-direction:column}.mod-item,.mod-list{display:flex;gap:12px}.mod-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px;transition:all .3s ease}.mod-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.mod-avatar{border:2px solid #e5e7eb;border-radius:50%;height:48px;width:48px}.mod-info{flex:1 1}.mod-name{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:4px}.mod-date{color:#9ca3af;font-size:12px}.remove-btn{background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.remove-btn:hover{background:#fecaca;transform:scale(1.05)}.users-section{animation:fadeIn .5s ease}.users-table-container{margin-top:20px;overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f9fafb}.users-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:14px;padding:20px}.users-table tbody tr{transition:all .3s ease}.users-table tbody tr:hover{background:#f9fafb}.user-cell{align-items:center;display:flex;gap:12px}.user-table-avatar{border:2px solid #0c4a6e;border-radius:50%;height:40px;width:40px}.user-table-name{color:#1f2937;font-weight:600;margin-bottom:2px}.user-table-email{color:#6b7280;font-size:13px}.role-badge{display:inline-block;padding:6px 12px;text-transform:capitalize}.role-badge.admin{background:#ef44441a;color:#dc2626}.role-badge.moderator{background:#3b82f61a;color:#2563eb}.role-badge.user{background:#6b72801a;color:#4b5563}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.status-badge.suspended{background:#ef44441a;color:#dc2626}.date-cell{color:#6b7280;font-size:13px}.table-actions{display:flex;gap:8px}.table-action-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.table-action-button:hover{background:#0c4a6e1a;color:#0c4a6e}.placeholder-section{color:#9ca3af;padding:60px 20px;text-align:center}.statistics-section{animation:fadeIn .5s ease}.stats-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:30px 0}.stat-card{align-items:center;animation:slideUp .6s ease backwards;background:linear-gradient(135deg,#0c4a6e0d,#0369a10d);border:2px solid #e5e7eb;border-radius:16px;display:flex;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:hover{border-color:#0c4a6e;box-shadow:0 8px 24px #0c4a6e26;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.users-icon{background:linear-gradient(135deg,#0c4a6e,#0369a1);color:#fff}.active-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.rooms-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.messages-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-details{flex:1 1}.stat-value{color:#0c4a6e;font-size:32px;font-weight:700;margin:0 0 4px}.stat-label{color:#64748b;font-size:14px;font-weight:500;margin:0 0 8px}.stat-change{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.stat-change.positive{background:#10b9811a;color:#059669}.stat-change.negative{background:#ef44441a;color:#dc2626}.stat-change.neutral{background:#64748b1a;color:#64748b}.charts-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin:30px 0}.chart-box{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:24px;transition:all .3s ease}.chart-box:hover{border-color:#0c4a6e;box-shadow:0 4px 16px #0c4a6e1a}.chart-title{color:#0c4a6e;font-size:18px;font-weight:700;margin:0 0 24px}.bar-chart{align-items:flex-end;display:flex;gap:12px;height:200px;justify-content:space-between;padding:20px 0}.bar-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.bar{animation:growUp .8s ease backwards;background:linear-gradient(180deg,#0c4a6e,#0369a1);border-radius:6px 6px 0 0;min-height:20px;position:relative;transition:all .3s ease;width:100%}.bar-item:first-child .bar{animation-delay:.1s}.bar-item:nth-child(2) .bar{animation-delay:.2s}.bar-item:nth-child(3) .bar{animation-delay:.3s}.bar-item:nth-child(4) .bar{animation-delay:.4s}.bar-item:nth-child(5) .bar{animation-delay:.5s}.bar-item:nth-child(6) .bar{animation-delay:.6s}.bar-item:nth-child(7) .bar{animation-delay:.7s}@keyframes growUp{0%{height:0!important;opacity:0}to{opacity:1}}.bar-item:hover .bar{background:linear-gradient(180deg,#0369a1,#0284c7);transform:scaleY(1.05)}.bar-count{color:#0c4a6e;font-size:12px;font-weight:700;margin-bottom:4px}.bar-label{color:#64748b;font-size:12px;font-weight:600}.stats-overview.secondary{grid-template-columns:repeat(3,1fr)}.stat-card.mini{padding:16px 20px;text-align:center}.stat-card.mini .stat-value{font-size:24px}.stat-card.mini .stat-label{font-size:12px}.activity-chart{gap:20px}.activity-chart,.activity-item{display:flex;flex-direction:column}.activity-item{gap:8px}.activity-label{align-items:center;color:#1f2937;display:flex;font-size:14px;font-weight:600;gap:8px}.activity-dot{border-radius:50%;height:12px;width:12px}.activity-dot.messages{background:#0c4a6e}.activity-dot.rooms{background:#10b981}.activity-dot.private{background:#8b5cf6}.activity-dot.mail{background:#f59e0b}.activity-bar-container{align-items:center;display:flex;gap:12px}.activity-bar{animation:growRight .8s ease backwards;border-radius:12px;height:24px;transition:all .5s ease}.activity-item:first-child .activity-bar{animation-delay:.2s}.activity-item:nth-child(2) .activity-bar{animation-delay:.4s}.activity-item:nth-child(3) .activity-bar{animation-delay:.6s}.activity-item:nth-child(4) .activity-bar{animation-delay:.8s}@keyframes growRight{0%{opacity:0;width:0!important}to{opacity:1}}.activity-bar.messages{background:linear-gradient(90deg,#0c4a6e,#0369a1)}.activity-bar.rooms{background:linear-gradient(90deg,#10b981,#059669)}.activity-bar.private{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.activity-bar.mail{background:linear-gradient(90deg,#f59e0b,#d97706)}.activity-value{color:#64748b;font-size:13px;font-weight:700;min-width:40px}.popular-rooms-section{margin-top:30px}.section-subtitle{color:#0c4a6e;font-size:20px;font-weight:700;margin-bottom:20px}.popular-rooms-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.popular-room-card{align-items:center;animation:slideInRight .6s ease backwards;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-room-card:first-child{animation-delay:.1s}.popular-room-card:nth-child(2){animation-delay:.2s}.popular-room-card:nth-child(3){animation-delay:.3s}.popular-room-card:nth-child(4){animation-delay:.4s}.popular-room-card:hover{border-color:#0c4a6e;box-shadow:0 4px 16px #0c4a6e26;transform:translateX(4px)}.room-rank{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.room-info{flex:1 1;min-width:0}.room-name{color:#1f2937;font-size:16px;font-weight:700;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-stats{color:#64748b;font-size:13px;margin:0}.room-trend{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.room-trend.up{background:#10b9811a;color:#059669}.room-trend.down{background:#ef44441a;color:#dc2626}.room-trend.neutral{background:#64748b1a;color:#64748b}.stats-overview.four-col{gap:16px;grid-template-columns:repeat(4,1fr);margin:20px 0}.stat-card.activity-card{align-items:center;display:flex;gap:14px;padding:20px}.stat-icon-small{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.wallposts-icon{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.photos-icon{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.friends-icon{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff}.kickbans-icon{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.stat-card.activity-card .stat-value{font-size:24px}.stat-card.activity-card .stat-label{font-size:12px;margin-bottom:0}.stat-card.status-card{align-items:center;display:flex;gap:14px;padding:18px 20px}.status-indicator{border-radius:50%;box-shadow:0 0 8px currentColor;flex-shrink:0;height:12px;width:12px}.status-indicator.active-status{background:#10b981;box-shadow:0 0 8px #10b98180}.status-indicator.premium-status{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.status-indicator.banned-status{background:#ef4444;box-shadow:0 0 8px #ef444480}.status-indicator.suspended-status{background:#f97316;box-shadow:0 0 8px #f9731680}.stat-card.status-card .stat-value{font-size:24px}.stat-card.status-card .stat-label{font-size:12px;margin-bottom:0}.stats-growth-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin:20px 0}.growth-card{animation:slideUp .6s ease backwards;background:linear-gradient(135deg,#0c4a6e0a,#0369a10a);border:2px solid #e5e7eb;border-radius:14px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.growth-card:first-child{animation-delay:.1s}.growth-card:nth-child(2){animation-delay:.2s}.growth-card:nth-child(3){animation-delay:.3s}.growth-card:nth-child(4){animation-delay:.4s}.growth-card:hover{border-color:#0c4a6e;box-shadow:0 6px 20px #0c4a6e1f;transform:translateY(-3px)}.growth-card-header{align-items:center;color:#64748b;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px}.growth-value{color:#0c4a6e;font-size:28px;font-weight:700;margin:0 0 4px}.growth-label{color:#94a3b8;font-size:12px;font-weight:500;margin:0}.popular-room-highlight{background:linear-gradient(135deg,#10b9810f,#0596690f)!important;border-color:#a7f3d0!important}.popular-room-highlight:hover{border-color:#10b981!important}.popular-room-name{font-size:18px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-distribution-section{background:#fff;border:2px solid #e5e7eb;border-radius:16px;margin-top:30px;padding:24px;transition:all .3s ease}.role-distribution-section:hover{border-color:#0c4a6e;box-shadow:0 4px 16px #0c4a6e1a}.role-distribution-chart{display:flex;flex-direction:column;gap:14px}.role-dist-item{align-items:center;display:flex;gap:12px}.role-dist-label{align-items:center;display:flex;flex-shrink:0;gap:8px;min-width:180px}.role-dist-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.role-dist-name{color:#1f2937;font-size:14px;font-weight:600}.role-dist-count{color:#94a3b8;font-size:13px;font-weight:500;margin-left:auto}.role-dist-bar-bg{background:#f1f5f9;border-radius:12px;flex:1 1;height:24px;overflow:hidden}.role-dist-bar-fill{animation:growRight .8s ease backwards;border-radius:12px;height:100%;opacity:.8;transition:width .8s ease}.role-dist-bar-fill:hover{opacity:1}.role-dist-pct{color:#64748b;font-size:13px;font-weight:700;min-width:40px;text-align:right}@media (max-width:1024px){.stats-growth-row,.stats-overview.four-col{grid-template-columns:repeat(2,1fr)}.role-dist-label{min-width:140px}}@media (max-width:768px){.stats-growth-row,.stats-overview.four-col{grid-template-columns:1fr}.growth-value{font-size:22px}.role-dist-item{flex-wrap:wrap;gap:8px}.role-dist-label{min-width:100%}.role-dist-bar-bg{flex:1 1}}.settings-section{animation:fadeIn .5s ease}.settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:30px}.settings-card{animation:slideUp .6s ease backwards;background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:24px;transition:all .3s ease}.settings-card:first-child{animation-delay:.1s}.settings-card:nth-child(2){animation-delay:.2s}.settings-card:nth-child(3){animation-delay:.3s}.settings-card:nth-child(4){animation-delay:.4s}.settings-card:nth-child(5){animation-delay:.5s}.settings-card:hover{border-color:#0c4a6e;box-shadow:0 4px 16px #0c4a6e1a}.settings-card-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}.settings-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.site-icon{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.general-icon{background:linear-gradient(135deg,#0c4a6e,#0369a1);color:#fff}.security-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.chat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.notification-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.mail-icon{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.test-email-btn{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.test-email-btn:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 4px 12px #0369a14d;transform:translateY(-1px)}.test-email-btn:disabled{cursor:not-allowed;opacity:.6}.settings-card-title{color:#0c4a6e;font-size:20px;font-weight:700;margin:0}.setting-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:20px;justify-content:space-between;padding:16px 0}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-info{flex:1 1}.setting-label{color:#1f2937;display:block;font-size:15px;font-weight:600;margin-bottom:4px}.setting-desc{color:#64748b;font-size:13px;line-height:1.4;margin:0}.setting-input{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .3s ease;width:200px}.setting-input:focus{border-color:#0c4a6e;box-shadow:0 0 0 3px #0c4a6e1a;outline:none}.setting-textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 14px;resize:vertical;transition:all .3s ease;width:100%}.setting-textarea:focus{border-color:#0c4a6e;box-shadow:0 0 0 3px #0c4a6e1a;outline:none}.toggle-switch{cursor:pointer;display:inline-block;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#cbd5e1;border-radius:28px;bottom:0;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .3s ease}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:3px;width:22px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#0c4a6e,#0369a1)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.settings-footer{border-top:2px solid #e5e7eb;display:flex;justify-content:flex-end;margin-top:30px;padding-top:24px}.settings-save-btn{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);border:none;border-radius:12px;box-shadow:0 4px 12px #0c4a6e4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-save-btn:hover{background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 6px 20px #0c4a6e66;transform:translateY(-2px)}.language-chips-container{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;max-height:200px;overflow-y:auto;padding:12px}.language-chip{background:#fff;border:2px solid #e2e8f0;border-radius:20px;color:#475569;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.language-chip:hover{border-color:#3b82f6;color:#1d4ed8}.language-chip.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;color:#fff}.logo-upload-area{align-items:center;display:flex;gap:16px;padding:12px 0}.logo-preview{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.logo-preview-img{max-height:100%;max-width:100%;object-fit:contain}.logo-placeholder{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;color:#94a3b8;display:flex;flex-direction:column;gap:4px;height:80px;justify-content:center;width:80px}.logo-placeholder span{font-size:10px;text-align:center}.logo-upload-btn{align-items:center;background:#0369a1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.logo-upload-btn:hover{background:#0c4a6e;transform:translateY(-1px)}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.add-mod-modal{max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.modal-body{padding:24px}.modal-footer{background:#f9fafb;border-top:2px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.role-badge-small{border-radius:6px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-left:10px;padding:4px 10px;text-transform:uppercase;vertical-align:middle}.mod-name{align-items:center;display:flex;gap:8px}@media (max-width:1024px){.admin-navigation{overflow-x:auto}.charts-container,.mod-lists-container,.role-grid{grid-template-columns:1fr}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.settings-grid{grid-template-columns:1fr}}@media (max-width:768px){.administration-page{box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:10px;width:100%}.admin-header{margin-bottom:12px}.admin-title{font-size:22px}.admin-subtitle{font-size:12px}.admin-navigation{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:6px;margin-bottom:12px;padding:6px}.admin-nav-btn{border-radius:8px;font-size:11px;gap:4px;min-width:-webkit-max-content;min-width:max-content;padding:8px 12px}.admin-nav-btn svg{height:14px;width:14px}.admin-content{word-wrap:break-word;border-radius:10px;max-width:100%;overflow-x:hidden;padding:10px}.section-header{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:14px;padding-bottom:10px}.section-title{font-size:18px}.add-mod-button{font-size:13px;justify-content:center;padding:10px 16px;width:100%}.users-table-container{-webkit-overflow-scrolling:touch;margin:0 -10px;overflow-x:auto;padding:0;width:calc(100% + 20px)}.users-table{min-width:550px}.users-table td,.users-table th{font-size:12px;padding:10px 8px}.user-cell{gap:8px}.user-table-avatar{height:32px;width:32px}.stats-overview{gap:12px;grid-template-columns:1fr}.stat-card{gap:12px;padding:14px}.stat-icon{height:44px;width:44px}.stat-value{font-size:22px}.popular-rooms-grid{grid-template-columns:1fr}.bar-chart{gap:6px;height:140px}.charts-container{gap:16px;grid-template-columns:1fr}.chart-box{padding:16px}.setting-item{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 0}.setting-input,.setting-textarea{box-sizing:border-box;width:100%}.settings-grid{gap:16px;grid-template-columns:1fr}.settings-card{padding:14px}.settings-card-header{margin-bottom:16px;padding-bottom:12px}.settings-icon{height:40px;width:40px}.settings-card-title{font-size:16px}.logo-upload-area{align-items:flex-start;flex-direction:column}.settings-footer{margin-top:20px;padding-top:16px}.settings-save-btn{justify-content:center;width:100%}.modal-overlay{padding:10px}.modal-content{border-radius:12px;max-height:90vh}.add-mod-modal,.modal-content{max-width:100%;width:100%}.modal-header{padding:16px}.modal-header h2{font-size:16px}.modal-body{padding:16px}.modal-footer{flex-direction:column;padding:16px}.modal-footer .cancel-btn,.modal-footer .submit-btn{width:100%}.console-log-area{font-size:10px;max-height:350px;padding:10px}.console-timestamp{font-size:9px;min-width:auto}.console-event-type{font-size:10px;min-width:70px}.language-chips-container{max-height:120px}.mod-lists-container{gap:16px;grid-template-columns:1fr}.mod-list-section{padding:14px}.mod-item{gap:8px;padding:8px}.mod-avatar{height:36px;width:36px}.mod-name{font-size:13px}.remove-btn{font-size:12px;padding:6px 12px}.role-grid{gap:12px;grid-template-columns:1fr}.role-card{padding:14px}.form-actions{flex-direction:column}.form-actions .cancel-btn,.form-actions .submit-btn{width:100%}.maintenance-banner{padding:14px}.maintenance-banner-content{align-items:flex-start;flex-direction:column;gap:12px}.console-controls{align-items:stretch;flex-direction:column;gap:8px}.mod-name-input{margin-bottom:12px}.ban-history-item{grid-template-columns:1fr}}.empty-state,.loading-state{color:#94a3b8;font-size:15px;font-weight:500;padding:40px 20px;text-align:center}.chatrooms-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}.chatroom-card{animation:slideUp .5s ease backwards;background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.chatroom-card:hover{border-color:#0c4a6e;box-shadow:0 6px 20px #0c4a6e26;transform:translateY(-2px)}.chatroom-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.chatroom-card-name{color:#0c4a6e;font-size:18px;font-weight:700;margin:0}.chatroom-card-badges{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px}.access-badge{border-radius:6px;display:inline-block;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.access-badge.everybody{background:#10b9811a;color:#059669}.access-badge.members{background:#3b82f61a;color:#2563eb}.access-badge.moderators{background:#ef44441a;color:#dc2626}.access-badge.premium{background:#fbbf2426;color:#b45309}.access-badge.invite_only{background:#a855f71a;color:#7c3aed}.access-badge.official{background:#3b82f626;color:#1d4ed8}.access-badge.spectator{background:#7c3aed1a;color:#7c3aed}.access-badge.registered{background:#64748b1a;color:#475569}.chatroom-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 12px;overflow:hidden}.chatroom-card-meta{display:flex;gap:16px;margin-bottom:14px}.chatroom-meta-item{align-items:center;color:#64748b;display:flex;font-size:13px;font-weight:500;gap:6px}.chatroom-card-modes{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.room-mode-tag{align-items:center;border-radius:10px;display:inline-flex;font-size:10px;font-weight:700;gap:3px;letter-spacing:.3px;padding:2px 7px;text-transform:uppercase}.room-mode-tag.youtube{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.room-mode-tag.invite{background:#fefce8;border:1px solid #fde68a;color:#a16207}.room-mode-tag.premium{background:#fdf4ff;border:1px solid #e9d5ff;color:#9333ea}.room-mode-tag.temp{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.room-mode-tag.spectator{background:#f3e8ff;border:1px solid #ddd6fe;color:#7c3aed}.chatroom-card-actions{border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:flex-end;padding-top:12px}.table-action-button.delete-action:hover{background:#ef44441a;color:#dc2626}.role-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;cursor:pointer;font-size:13px;font-weight:600;outline:none;padding:6px 12px;transition:all .3s ease}.role-select:focus{border-color:#0c4a6e;box-shadow:0 0 0 3px #0c4a6e1a}.table-action-button.ban-action:hover{background:#ef44441a;color:#dc2626}.table-action-button.unban-action:hover{background:#10b9811a;color:#059669}.table-action-button.history-action:hover{background:#3b82f61a;color:#2563eb}.ban-history-row{background:#f8fafc}.ban-history-section{animation:fadeIn .3s ease;padding:16px}.ban-history-title{color:#0c4a6e;font-size:16px;font-weight:700;margin:0 0 12px}.ban-history-list{display:flex;flex-direction:column;gap:10px}.ban-history-item{grid-gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:grid;gap:8px;grid-template-columns:1fr 1fr;padding:12px 16px}.ban-history-detail{color:#475569;font-size:13px}.ban-history-detail strong{color:#1f2937}.maintenance-banner{animation:fadeIn .5s ease;background:linear-gradient(135deg,#f59e0b14,#ea580c14);border:2px solid #fbbf24;border-radius:12px;margin:20px 0 24px;padding:20px 24px}.maintenance-banner-content{align-items:center;display:flex;gap:20px;justify-content:space-between}.maintenance-banner-info{align-items:center;display:flex;gap:16px}.maintenance-banner-info svg{color:#d97706;flex-shrink:0}.console-section{animation:fadeIn .5s ease}.console-controls{align-items:center;display:flex;gap:12px}.console-filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;cursor:pointer;font-size:14px;font-weight:600;outline:none;padding:10px 16px;transition:all .3s ease}.console-filter-select:focus{border-color:#0c4a6e;box-shadow:0 0 0 3px #0c4a6e1a}.console-log-area{background:#0f172a;border-radius:12px;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.8;margin-top:20px;max-height:500px;overflow-y:auto;padding:20px}.console-log-area::-webkit-scrollbar{width:8px}.console-log-area::-webkit-scrollbar-track{background:#1e293b;border-radius:4px}.console-log-area::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.console-empty,.console-loading{color:#64748b;font-family:Courier New,Courier,monospace;padding:40px 0;text-align:center}.console-log-entry{align-items:baseline;animation:fadeIn .3s ease;display:flex;gap:10px;padding:3px 0}.console-timestamp{color:#64748b;flex-shrink:0;font-size:12px;min-width:150px}.console-event-icon{flex-shrink:0;font-weight:700;min-width:24px;text-align:center}.console-event-type{flex-shrink:0;font-size:12px;font-weight:700;min-width:100px}.console-message{color:#e2e8f0;word-break:break-word}.close-modal{align-items:center;background:#64748b1a;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;line-height:1;transition:all .3s ease;width:36px}.close-modal:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;transform:rotate(90deg)}.modal-header{align-items:center;background:linear-gradient(135deg,#0c4a6e0d,#0369a10d);border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#0c4a6e;font-size:20px;margin:0}.modal-content{animation:slideInUp .4s cubic-bezier(.68,-.55,.265,1.55);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:560px;overflow-y:auto;width:90%}.modal-content.add-mod-modal{max-width:680px}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-body .form-group{margin-bottom:16px}.modal-body .form-group label{color:#0c4a6e;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.ban-modal-body{padding:24px}.ban-reason-input{border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:14px;min-height:80px;padding:12px 16px;resize:vertical;transition:all .3s ease;width:100%}.ban-reason-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #ef44441a;outline:none}.status-badge.banned,.status-badge.disabled{background:#ef44441a;color:#dc2626}.status-badge.active{background:#10b9811a;color:#059669}.role-badge-admin{border-radius:6px;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px;white-space:nowrap}.role-badge-admin.admin-badge,.role-badge-admin.admin-sysadmin{background:#ef44441a;color:#dc2626}.role-badge-admin.moderator-badge,.role-badge-admin.srmod-badge{background:#3b82f626;color:#2563eb}.role-badge-admin.member-badge{background:#64748b1a;color:#64748b}.title-badge.srmod-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;color:#fff;font-size:14px;font-weight:700;padding:4px 12px}.user-search-bar{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px;transition:border-color .2s ease}.user-search-bar:focus-within{border-color:#0369a1;box-shadow:0 0 0 3px #0369a11a}.user-search-bar svg{color:#94a3b8;flex-shrink:0}.user-search-input{background:#0000;border:none;color:#1f2937;flex:1 1;font-size:14px;font-weight:500;outline:none}.user-search-input::placeholder{color:#94a3b8}.user-search-clear{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:20px;line-height:1;padding:0 4px}.user-search-clear:hover{color:#ef4444}.search-dropdown{background:#fff;border:2px solid #e5e7eb;border-radius:0 0 10px 10px;border-top:none;box-shadow:0 8px 24px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.search-dropdown-item{align-items:center;color:#334155;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 14px;transition:background .15s ease}.search-dropdown-item:hover{background:#f1f5f9}.role-card.disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.4;pointer-events:none}.role-card-current{color:#f59e0b;font-size:12px;font-weight:700;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}@media (max-width:1024px){.chatrooms-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ban-history-item{grid-template-columns:1fr}.console-controls{align-items:stretch;flex-direction:column}}@media (max-width:768px){.chatrooms-grid{gap:12px;grid-template-columns:1fr}.chatroom-card{padding:14px}.chatroom-card-header{flex-direction:column}.chatroom-card-name{font-size:16px}.chatroom-card-meta{flex-wrap:wrap;gap:10px}.chatroom-card-actions{justify-content:stretch}.console-log-entry{flex-wrap:wrap;gap:4px}.console-timestamp{min-width:auto;width:100%}.console-event-type{min-width:auto}.user-search-bar{padding:10px 12px}}.bg-preview{border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative}.bg-preview img{display:block;height:120px;object-fit:cover;width:100%}.bg-preview-actions{background:#f9fafb;display:flex;gap:8px;padding:8px}.bg-change-btn,.bg-remove-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;padding:5px 14px;transition:all .15s}.bg-change-btn:hover{background:#f3f4f6}.bg-remove-btn:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.bg-choose-btn{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;padding:12px;transition:all .15s;width:100%}.bg-choose-btn:hover{background:#f0f9ff;border-color:#0ea5e9;color:#0ea5e9}.bg-picker{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:10px;overflow:hidden}.bg-picker-header{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:10px 12px}.bg-upload-btn{background:#0ea5e9;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:background .15s}.bg-upload-btn:hover{background:#0284c7}.bg-category-tabs{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:0;overflow-x:auto;padding:0}.bg-category-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s;white-space:nowrap}.bg-category-tab:hover{background:#f3f4f6;color:#1f2937}.bg-category-tab.active{border-bottom-color:#0ea5e9;color:#0ea5e9}.bg-image-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);max-height:220px;overflow-y:auto;padding:12px}.bg-image-thumb{border:2px solid #0000;border-radius:6px;cursor:pointer;overflow:hidden;transition:all .15s}.bg-image-thumb:hover{border-color:#0ea5e9;transform:scale(1.03)}.bg-image-thumb.selected{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e94d}.bg-image-thumb img{display:block;height:70px;object-fit:cover;width:100%}.bg-no-images{color:#9ca3af;font-size:13px;padding:20px;text-align:center}.bg-loading-bar{background:#1e293b;border-radius:6px;height:28px;margin:12px 0;overflow:hidden;position:relative}.bg-loading-bar-fill{background:linear-gradient(90deg,#0369a1,#0ea5e9);border-radius:6px;height:100%;transition:width .2s ease}.bg-loading-text{color:#fff;font-size:12px;font-weight:500;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.admin-back-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:20px;padding:8px 16px}.admin-back-btn:hover{background:#e5e7eb}.admin-profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:600px;overflow:hidden}.admin-profile-header-img{background-position:50%;background-size:cover;height:160px}.admin-profile-info{margin-top:-50px;padding:0 24px 20px;text-align:center}.admin-profile-avatar{border:4px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:100px;object-fit:cover;width:100px}.admin-profile-info h2{color:#1f2937;font-size:20px;font-weight:600;margin:12px 0 4px}.admin-profile-username{color:#6b7280;font-size:14px;margin-bottom:8px}.admin-profile-details{border-top:1px solid #f3f4f6;padding:16px 24px 24px}.admin-profile-detail-row{border-bottom:1px solid #f9fafb;display:flex;padding:8px 0}.admin-profile-label{color:#6b7280;font-size:13px;font-weight:500;width:100px}.admin-profile-detail-row span:last-child{color:#1f2937;flex:1 1;font-size:13px}.admin-console-section{display:flex;flex-direction:column;height:calc(100vh - 200px)}.admin-console-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.admin-console-header h2{color:#1f2937;font-size:20px;font-weight:600}.console-header-actions{align-items:center;display:flex;gap:12px}.console-live-indicator{align-items:center;color:#10b981;display:flex;font-size:13px;font-weight:500;gap:6px}.console-live-dot{animation:consolePulse 1.5s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes consolePulse{0%,to{opacity:1}50%{opacity:.3}}.console-clear-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:6px 14px}.console-clear-btn:hover{background:#e5e7eb}.admin-console-terminal{background:#0f172a;border-radius:12px;flex:1 1;font-family:Courier New,Consolas,monospace;font-size:13px;line-height:1.6;overflow-y:auto;padding:16px}.console-line{align-items:baseline;display:flex;gap:10px;padding:2px 0}.console-time{color:#64748b;font-size:12px;min-width:70px}.console-type-badge{border-radius:3px;font-size:10px;font-weight:700;min-width:80px;padding:1px 6px;text-align:center;text-transform:uppercase}.console-type-badge.connection{background:#10b98133;color:#34d399}.console-type-badge.disconnect{background:#ef444433;color:#f87171}.console-type-badge.join{background:#3b82f633;color:#60a5fa}.console-type-badge.leave{background:#fbbf2433;color:#fbbf24}.console-type-badge.kick{background:#f9731633;color:#fb923c}.console-type-badge.ban{background:#dc262633;color:#ef4444}.console-type-badge.message{background:#8b5cf633;color:#a78bfa}.console-type-badge.error{background:#ef44444d;color:#ef4444}.console-type-badge.system{background:#64748b33;color:#94a3b8}.console-msg{color:#e2e8f0}.console-line.type-error .console-msg{color:#f87171}.console-line.type-system .console-msg{color:#94a3b8;font-style:italic}.admin-inline-profile .admin-profile-card{max-width:100%}.admin-stats-section-title{align-items:center;border-bottom:2px solid #e5e7eb;color:#0c4a6e;display:flex;font-size:17px;font-weight:700;gap:10px;margin:0 0 18px;padding-bottom:12px}.admin-stats-section-title svg{color:#0369a1;flex-shrink:0}.admin-user-stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.admin-user-stat-card{animation:slideUp .5s ease backwards;background:#0369a114;border:1px solid #0369a11f;border-radius:12px;padding:16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-user-stat-card:first-child{animation-delay:.05s}.admin-user-stat-card:nth-child(2){animation-delay:.1s}.admin-user-stat-card:nth-child(3){animation-delay:.15s}.admin-user-stat-card:nth-child(4){animation-delay:.2s}.admin-user-stat-card:nth-child(5){animation-delay:.25s}.admin-user-stat-card:nth-child(6){animation-delay:.3s}.admin-user-stat-card:nth-child(7){animation-delay:.35s}.admin-user-stat-card:nth-child(8){animation-delay:.4s}.admin-user-stat-card:nth-child(9){animation-delay:.45s}.admin-user-stat-card:nth-child(10){animation-delay:.5s}.admin-user-stat-card:nth-child(11){animation-delay:.55s}.admin-user-stat-card:hover{border-color:#0369a14d;box-shadow:0 6px 20px #0369a126;transform:translateY(-3px)}.admin-user-stat-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;margin:0 auto 10px;width:40px}.admin-user-stat-value{color:#0c4a6e;font-size:26px;font-weight:700;line-height:1.2;margin-bottom:4px}.admin-user-stat-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.admin-verified-badge{background:#10b9811a;color:#059669}.admin-unverified-badge,.admin-verified-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:3px 10px}.admin-unverified-badge{background:#ef44441a;color:#dc2626}.admin-room-roles-list{display:flex;flex-direction:column;gap:8px}.admin-room-role-item{align-items:center;background:#0369a10a;border:1px solid #e5e7eb;border-radius:10px;display:flex;justify-content:space-between;padding:10px 14px;transition:all .2s ease}.admin-room-role-item:hover{background:#0369a114;border-color:#0369a133}.admin-room-role-name{color:#1f2937;font-size:14px;font-weight:600}.admin-room-role-badge{border-radius:8px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.admin-room-role-moderator{background:#3b82f61f;color:#2563eb}.admin-room-role-admin,.admin-room-role-administrator{background:#ef44441a;color:#dc2626}.admin-room-role-owner{background:#f59e0b1f;color:#b45309}.admin-room-role-dj{background:#8b5cf61f;color:#7c3aed}.admin-premium-active-badge{align-items:center;background:linear-gradient(135deg,#f59e0b1f,#ea580c1f);border:1px solid #f59e0b33;border-radius:12px;color:#b45309;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:4px 14px}.admin-premium-info{margin-top:4px}@media (max-width:1024px){.admin-user-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.admin-user-stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.admin-user-stat-card{padding:12px}.admin-user-stat-value{font-size:20px}.admin-user-stat-icon{height:34px;width:34px}.admin-user-stat-icon svg{height:15px;width:15px}.admin-stats-section-title{font-size:15px}.admin-room-role-item{align-items:flex-start;flex-direction:column;gap:6px}.admin-profile-label{min-width:110px;width:110px}}@keyframes lightboxFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.profile-page{animation:fadeIn .5s ease;margin:-20px -20px 0;overflow:hidden;padding-bottom:60px;position:relative;width:calc(100vw - 220px)}.profile-back-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;left:12px;padding:8px 14px;position:absolute;top:12px;transition:all .2s;z-index:20}.profile-back-btn:hover{background:#000000b3;color:#fff}.profile-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:16px;gap:16px;justify-content:center;min-height:400px}.profile-loading-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#0369a1;height:40px;width:40px}.profile-error{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:16px;gap:16px;justify-content:center;min-height:400px}.profile-retry-btn{background:#0369a1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:background .2s ease}.profile-retry-btn:hover{background:#0c4a6e}.profile-header-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:0;height:250px;overflow:hidden;position:relative;width:100%}.profile-header-gradient{background:linear-gradient(135deg,#0c4a6e,#0369a1 40%,#0284c7 70%,#38bdf8);height:100%;width:100%}.profile-edit-header-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:inline-flex;font-weight:600;transition:all .2s ease;z-index:3}.profile-edit-header-btn:hover{background:#000000b3;transform:translateY(-1px)}.profile-avatar-wrapper-card{display:inline-block;position:relative}.profile-edit-photo-btn{align-items:center;background:#0369a1;border:3px solid #fff;border-radius:50%;bottom:4px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:4px;transition:all .2s ease;width:32px;z-index:2}.profile-edit-photo-btn:hover{background:#0c4a6e;transform:scale(1.1)}.profile-online-dot{border:3px solid #fff;border-radius:50%;height:16px;position:absolute;right:6px;top:6px;width:16px;z-index:2}.profile-online-dot.online{background:#22c55e}.profile-online-dot.away{background:#f59e0b}.profile-online-dot.offline{background:#94a3b8}.profile-badges-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.profile-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px}.profile-status-badge.online{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.profile-status-badge.away{background:#fffbeb;border:1px solid #fde68a;color:#d97706}.profile-status-badge.offline{background:#f8fafc;border:1px solid #e2e8f0;color:#94a3b8}.profile-status-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.profile-status-badge.online .profile-status-dot{background:#22c55e}.profile-status-badge.away .profile-status-dot{background:#f59e0b}.profile-status-badge.offline .profile-status-dot{background:#94a3b8}.profile-info-section{animation:slideUp .6s ease .1s backwards;margin-bottom:32px;padding:0 32px;position:relative}.profile-avatar-wrapper{left:32px;position:absolute;top:-75px;z-index:2}.profile-avatar{background:#e2e8f0;border:5px solid #fff;border-radius:50%;box-shadow:0 4px 20px #00000026;height:150px;object-fit:cover;width:150px}.profile-details{padding-top:90px}.profile-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:4px}.profile-display-name{color:#0f172a;font-size:28px;font-weight:700;margin:0}.role-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.role-sysadmin{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.role-admin{background:#fefce8;border:1px solid #fef08a;color:#ca8a04}.role-moderator{color:#2563eb}.role-moderator,.role-srmod{background:#eff6ff;border:1px solid #bfdbfe}.role-srmod{color:#1d4ed8}.role-member{background:#fefce8;border:1px solid #fef08a;color:#ca8a04}.profile-username{color:#64748b;font-size:16px;margin:0 0 12px}.profile-bio{color:#334155;font-size:15px;line-height:1.6;margin:0 0 16px;max-width:600px}.profile-meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:14px;gap:20px}.profile-meta-item{align-items:center;color:#64748b;display:inline-flex;gap:6px;text-decoration:none}.profile-website-link{color:#0369a1;transition:color .2s ease}.profile-website-link:hover{color:#0284c7;text-decoration:underline}.profile-section{animation:slideUp .6s ease .2s backwards;margin-bottom:40px;padding:0 32px}.profile-section-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.profile-section-title{align-items:center;color:#0f172a;display:flex;font-size:22px;font-weight:700;gap:10px;margin:0}.profile-section-title svg{color:#0369a1}.profile-add-photo-btn{align-items:center;background:#0369a1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.profile-add-photo-btn:hover{background:#0c4a6e;transform:translateY(-1px)}.profile-empty-state{align-items:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;color:#94a3b8;display:flex;flex-direction:column;font-size:15px;gap:12px;justify-content:center;padding:48px 20px}.profile-gallery-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.profile-gallery-item{aspect-ratio:1;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.profile-gallery-item:hover{box-shadow:0 8px 24px #00000026;transform:scale(1.03)}.profile-gallery-item img{border-radius:12px;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.profile-gallery-item:hover img{transform:scale(1.08)}.profile-create-post{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:24px;padding:20px;transition:box-shadow .2s ease}.profile-create-post:focus-within{border-color:#0284c7;box-shadow:0 4px 16px #0369a11a}.profile-create-post-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.profile-create-post-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.profile-create-post-label{color:#94a3b8;font-size:14px;font-weight:500}.profile-create-post-textarea{border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:15px;line-height:1.5;min-height:80px;outline:none;padding:14px 16px;resize:vertical;transition:border-color .2s ease;width:100%}.profile-create-post-textarea:focus{border-color:#0284c7}.profile-create-post-textarea::placeholder{color:#94a3b8}.profile-create-post-actions{align-items:center;display:flex;gap:12px;margin-top:12px}.profile-create-post-image-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;max-width:200px;overflow:hidden;padding:8px 14px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.profile-create-post-image-btn:hover{background:#e2e8f0;color:#0369a1}.profile-remove-image-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:13px;padding:4px 8px;transition:color .2s ease}.profile-remove-image-btn:hover{color:#dc2626;text-decoration:underline}.profile-submit-post-btn{background:#0369a1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-left:auto;padding:8px 24px;transition:all .2s ease}.profile-submit-post-btn:hover:not(:disabled){background:#0c4a6e;transform:translateY(-1px)}.profile-submit-post-btn:disabled{cursor:not-allowed;opacity:.5}.profile-posts-list{display:flex;flex-direction:column;gap:20px}.profile-post-card{animation:slideUp .4s ease;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:20px;transition:box-shadow .2s ease}.profile-post-card:hover{box-shadow:0 4px 16px #00000014}.profile-post-header{align-items:center;display:flex;gap:12px;margin-bottom:14px}.profile-post-author-avatar{border-radius:50%;flex-shrink:0;height:42px;object-fit:cover;width:42px}.profile-post-author-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.profile-post-author-name{color:#0f172a;font-size:15px;font-weight:600}.profile-post-timestamp{color:#94a3b8;font-size:13px}.profile-post-delete-btn{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;flex-shrink:0;padding:6px;transition:all .2s ease}.profile-post-delete-btn:hover{background:#fef2f2;color:#ef4444}.profile-post-content{margin-bottom:14px}.profile-post-content p{color:#334155;font-size:15px;line-height:1.6;margin:0 0 12px;white-space:pre-wrap;word-break:break-word}.profile-post-image-wrapper{border-radius:12px;margin-top:8px;overflow:hidden}.profile-post-image{border-radius:12px;cursor:pointer;max-height:500px;object-fit:cover;transition:opacity .2s ease;width:100%}.profile-post-image:hover{opacity:.95}.profile-post-actions{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:16px;padding-top:12px}.profile-post-comment-btn,.profile-post-like-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.profile-post-like-btn:hover{background:#fef2f2;color:#ef4444}.profile-post-like-btn.liked{color:#ef4444}.profile-post-like-btn.liked:hover{background:#fef2f2}.profile-post-comment-btn.active,.profile-post-comment-btn:hover{background:#f0f9ff;color:#0369a1}.profile-post-comments{animation:fadeIn .3s ease;border-top:1px solid #f1f5f9;margin-top:14px;padding-top:14px}.profile-comments-loading{color:#94a3b8;font-size:14px;padding:16px 0;text-align:center}.profile-comments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.profile-comment{animation:slideUp .3s ease;border-left:3px solid #e2e8f0;display:flex;gap:10px;padding-left:12px}.profile-comment-avatar{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.profile-comment-body{flex:1 1;min-width:0}.profile-comment-author{color:#0f172a;font-size:13px;font-weight:600;margin-right:8px}.profile-comment-text{color:#475569;font-size:14px;line-height:1.5;margin:2px 0 4px;word-break:break-word}.profile-comment-time{color:#94a3b8;font-size:12px}.profile-no-comments{color:#94a3b8;font-size:14px;margin:0 0 14px;padding:12px 0;text-align:center}.profile-add-comment{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:10px;padding-top:12px}.profile-comment-input{border:1px solid #e2e8f0;border-radius:20px;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s ease}.profile-comment-input:focus{border-color:#0284c7}.profile-comment-input::placeholder{color:#94a3b8}.profile-comment-submit-btn{align-items:center;background:#0369a1;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.profile-comment-submit-btn:hover:not(:disabled){background:#0c4a6e;transform:scale(1.05)}.profile-comment-submit-btn:disabled{cursor:not-allowed;opacity:.4}.profile-lightbox{animation:fadeIn .3s ease;background:#000000d9;box-sizing:border-box;height:100%;left:0;padding:40px;position:fixed;top:0;width:100%;z-index:9999}.profile-lightbox,.profile-lightbox-close{align-items:center;display:flex;justify-content:center}.profile-lightbox-close{background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;height:44px;position:absolute;right:20px;top:20px;transition:background .2s ease;width:44px;z-index:10000}.profile-lightbox-close:hover{background:#ffffff4d}.profile-lightbox-image{animation:lightboxFadeIn .3s ease;border-radius:8px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:90%;object-fit:contain}.profile-two-column{display:flex;gap:24px;margin-left:auto;margin-right:auto;margin-top:16px;max-width:1100px;padding:0 24px;position:relative;z-index:2}.profile-left-column{display:flex;flex-direction:column;flex-shrink:0;gap:20px;width:320px}.profile-right-column{display:flex;flex:1 1;flex-direction:column;gap:20px;min-width:0}.profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:24px}.profile-avatar-centered{display:flex;justify-content:center;margin-bottom:16px}.profile-avatar-centered .profile-avatar{background:#e2e8f0;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 20px #00000026;height:130px;object-fit:cover;width:130px}.profile-card-details{align-items:center;display:flex;flex-direction:column;gap:6px;text-align:center}.profile-card-details .profile-display-name{font-size:22px;margin-bottom:4px}.profile-card-details .profile-username{margin-bottom:8px}.profile-card-details .profile-bio{font-size:14px;margin-bottom:12px;max-width:100%;text-align:center}.profile-card-details .profile-meta{align-items:center;flex-direction:column;font-size:13px;gap:8px}.profile-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.profile-card-title{align-items:center;color:#0f172a;display:flex;font-size:17px;font-weight:700;gap:8px;margin:0}.profile-card-title svg{color:#0369a1}.profile-gallery-grid-sm{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.profile-gallery-item-sm{aspect-ratio:1;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.profile-gallery-item-sm:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.profile-gallery-item-sm img{border-radius:8px;height:100%;object-fit:cover;width:100%}.profile-empty-text{color:#94a3b8;font-size:14px;margin:8px 0 0;text-align:center}.profile-comment-footer{align-items:center;display:flex;gap:12px}.profile-comment-delete-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:12px;padding:0;transition:color .2s ease}.profile-comment-delete-btn:hover{color:#ef4444}.profile-friend-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-top:12px;padding:8px 20px;transition:all .2s ease;white-space:nowrap}.profile-friend-btn.add{background:#0369a1;color:#fff}.profile-friend-btn.add:hover{background:#0c4a6e;box-shadow:0 4px 12px #0369a14d;transform:translateY(-1px)}.profile-friend-btn.remove{background:#fee2e2;color:#dc2626}.profile-friend-btn.remove:hover{background:#fecaca}.profile-friend-btn.pending{background:#f1f5f9;color:#64748b;cursor:default}.profile-friend-btn.accept{background:#059669;color:#fff}.profile-friend-btn.accept:hover{background:#047857}.profile-friend-btn.decline{background:#f1f5f9;color:#64748b}.profile-friend-btn.decline:hover{background:#e2e8f0;color:#475569}.friend-request-actions,.profile-action-buttons{display:flex;gap:8px;margin-top:12px}.profile-action-buttons{align-items:center;flex-wrap:nowrap}.profile-block-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 20px;transition:all .2s ease;white-space:nowrap}.profile-block-btn.unblock,.profile-block-btn:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.profile-block-btn.unblock:hover{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}.block-confirm-inline{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-top:12px;padding:14px}.block-confirm-inline p{color:#991b1b;font-size:13px;margin:0 0 10px}.block-confirm-actions{display:flex;gap:8px}.block-confirm-yes{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px}.block-confirm-yes:hover{background:#b91c1c}.block-confirm-no{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px}.block-confirm-no:hover{background:#e2e8f0}.profile-friends-count{background:#0369a1;border-radius:10px;color:#fff;font-size:12px;font-weight:700;margin-left:4px;padding:2px 8px}.profile-friends-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.profile-friend-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:8px 4px;transition:background .2s ease}.profile-friend-item:hover{background:#f1f5f9}.profile-friend-avatar{border:2px solid #e2e8f0;border-radius:50%;height:56px;object-fit:cover;transition:border-color .2s ease;width:56px}.profile-friend-item:hover .profile-friend-avatar{border-color:#0369a1}.profile-friend-name{color:#334155;font-size:12px;font-weight:600;max-width:80px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.premium-badge-profile{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;box-shadow:0 2px 8px #fbbf2466;color:#000;display:inline-flex;font-size:12px;font-weight:700;gap:4px;padding:4px 12px}.premium-profile .profile-header-card{border:2px solid #fbbf24;box-shadow:0 0 20px #fbbf2426}.premium-profile .profile-avatar-img{border-color:#fbbf24;box-shadow:0 0 15px #fbbf244d}.photo-selector-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.photo-selector-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:520px;overflow-y:auto;width:90%}.photo-selector-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.photo-selector-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.photo-selector-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;width:32px}.photo-selector-close:hover{background:#f3f4f6;color:#1f2937}.photo-selector-options{display:flex;gap:12px;padding:16px 24px}.photo-selector-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#4b5563;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:13px;font-weight:500;gap:8px;padding:20px 16px;transition:all .2s}.photo-selector-option:hover{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.photo-selector-option.upload{cursor:pointer}.photo-selector-gallery{padding:0 24px 24px}.photo-selector-gallery h4{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.photo-selector-gallery-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);max-height:240px;overflow-y:auto}.photo-selector-gallery-item{aspect-ratio:1;border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .15s}.photo-selector-gallery-item:hover{border-color:#3b82f6;transform:scale(1.05)}.photo-selector-gallery-item img{height:100%;object-fit:cover;width:100%}.reposition-overlay{align-items:center;background:#0006;cursor:grab;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;-webkit-user-select:none;user-select:none;z-index:10}.reposition-overlay:active{cursor:grabbing}.reposition-hint{background:#00000080;border-radius:8px;color:#fff;font-size:14px;font-weight:500;margin-bottom:12px;padding:8px 16px;pointer-events:none}.reposition-actions{display:flex;gap:8px}.reposition-save-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 20px}.reposition-save-btn:hover{background:#2563eb}.reposition-cancel-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 20px}.reposition-cancel-btn:hover{background:#ffffff4d}.profile-avatar-wrapper-card.repositioning{cursor:grab;-webkit-user-select:none;user-select:none}.profile-avatar-wrapper-card.repositioning:active{cursor:grabbing}.reposition-profile-controls{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:8px}.reposition-profile-controls .reposition-hint{background:#f3f4f6;color:#4b5563;font-size:12px;padding:4px 12px}.reposition-profile-controls .reposition-actions{gap:6px}.reposition-profile-controls .reposition-save-btn{font-size:12px;padding:6px 14px}.reposition-profile-controls .reposition-cancel-btn{background:#f3f4f6;border-color:#d1d5db;color:#4b5563;font-size:12px;padding:6px 14px}.profile-edit-header-btn{align-items:center;background:#0009;border:none;border-radius:8px;bottom:16px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;position:absolute;right:16px;transition:background .2s;z-index:5}.profile-edit-header-btn:hover{background:#000c}@media (max-width:768px){.photo-selector-gallery-grid{grid-template-columns:repeat(3,1fr)}.photo-selector-options{flex-direction:column}}@media (max-width:1024px){.profile-page{width:100vw}}@media (max-width:768px){.profile-page{padding-bottom:40px}.profile-header-image{border-radius:0;height:180px}.profile-two-column{flex-direction:column;margin-top:12px;padding:0 16px}.profile-left-column{width:100%}.profile-info-section{padding:0 16px}.profile-avatar-centered .profile-avatar{height:100px;width:100px}.profile-card-details .profile-display-name{font-size:20px}.profile-gallery-grid-sm{gap:4px;grid-template-columns:repeat(3,1fr)}.profile-create-post{padding:16px}.profile-create-post-actions{flex-wrap:wrap}.profile-submit-post-btn{justify-content:center;margin-left:0;width:100%}.profile-post-card{padding:16px}.profile-lightbox{padding:20px}.profile-lightbox-image{border-radius:4px;max-width:100%}.profile-lightbox-close{right:10px;top:10px}}@media (max-width:480px){.profile-header-image{height:150px}.profile-avatar-centered .profile-avatar{height:80px;width:80px}.profile-post-actions{gap:8px}.profile-add-comment{flex-wrap:wrap}.profile-comment-input{flex-basis:calc(100% - 42px)}}.profile-create-post-feeling-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.profile-create-post-feeling-btn:hover{background:#e2e8f0;color:#0369a1}.profile-feeling-picker{grid-gap:6px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #00000014;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin-bottom:8px;padding:12px}.profile-feeling-option{align-items:center;background:none;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:8px 4px;transition:all .15s ease}.profile-feeling-option:hover{background:#f0f9ff;border-color:#bae6fd}.profile-feeling-option.selected{background:#e0f2fe;border-color:#0284c7}.feeling-emoji{font-size:24px}.feeling-label{color:#475569;font-size:11px;font-weight:500}.profile-post-feeling{color:#64748b;font-size:13px;font-weight:400}.profile-view-all-photos-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#0369a1;cursor:pointer;display:block;font-size:13px;font-weight:600;margin-top:10px;padding:10px;text-align:center;transition:all .2s ease;width:100%}.profile-view-all-photos-btn:hover{background:#e0f2fe;border-color:#bae6fd}.photo-viewer-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:40px;position:fixed;top:0;width:100%;z-index:9999}.photo-viewer-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;max-height:85vh;max-width:1100px;overflow:hidden;position:relative;width:90%}.photo-viewer-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:12px;top:12px;transition:background .2s ease;width:40px;z-index:10}.photo-viewer-close:hover{background:#000000b3}.photo-viewer-image-panel{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;min-height:400px;min-width:0}.photo-viewer-image{max-height:85vh;max-width:100%;object-fit:contain}.photo-viewer-details-panel{border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;max-height:85vh;width:360px}.photo-viewer-caption-section{border-bottom:1px solid #e2e8f0;padding:20px}.photo-viewer-caption-section h3,.photo-viewer-comments-section h3{color:#0f172a;font-size:15px;font-weight:700;margin:0 0 10px}.photo-viewer-caption-display{align-items:flex-start;display:flex;gap:8px}.photo-viewer-caption-display p{color:#475569;flex:1 1;font-size:14px;line-height:1.5;margin:0}.pv-edit-btn{background:none;border:none;border-radius:4px;color:#0369a1;cursor:pointer;font-size:13px;font-weight:600;padding:2px 8px;transition:background .2s;white-space:nowrap}.pv-edit-btn:hover{background:#e0f2fe}.photo-viewer-caption-edit textarea{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;outline:none;padding:10px;resize:vertical;width:100%}.photo-viewer-caption-edit textarea:focus{border-color:#0369a1}.photo-viewer-caption-actions{display:flex;gap:8px;margin-top:8px}.pv-btn-save{background:#0369a1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:background .2s}.pv-btn-save:hover{background:#0c4a6e}.pv-btn-cancel{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:background .2s}.pv-btn-cancel:hover{background:#e2e8f0}.photo-viewer-comments-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:20px}.photo-viewer-comments-list{flex:1 1;margin-bottom:12px;max-height:300px;overflow-y:auto}.photo-viewer-add-comment{border-top:1px solid #e2e8f0;margin-top:auto;padding-top:12px}@media (max-width:768px){.photo-viewer-modal{flex-direction:column;max-height:95vh;width:95%}.photo-viewer-image-panel{max-height:50vh;min-height:200px}.photo-viewer-details-panel{border-left:none;border-top:1px solid #e2e8f0;max-height:45vh;width:100%}}.profile-theme-bar{height:4px;width:100%}.profile-aboutme-card .aboutme-items{display:flex;flex-direction:column;gap:12px}.aboutme-item{display:flex;flex-direction:column;gap:4px}.aboutme-label{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;text-transform:uppercase}.aboutme-label svg{color:#94a3b8}.aboutme-value{color:#334155;font-size:14px;line-height:1.5;padding-left:20px}.aboutme-quote{background:#f8fafc;border-left:3px solid #0369a1;border-radius:10px;display:flex;gap:8px;margin-top:4px;padding:12px}.aboutme-quote svg{color:#0369a1;flex-shrink:0;margin-top:2px}.aboutme-quote p{color:#475569;font-size:14px;font-style:italic;line-height:1.6;margin:0}.profile-spotlight-card .spotlight-song-title{color:#334155;font-size:14px;font-weight:600;margin:0 0 12px}.spotlight-player{border-radius:8px;overflow:hidden}.spotlight-player iframe{display:block}.profile-post-card.pinned{border-color:#fbbf24;box-shadow:0 2px 12px #fbbf2426}.pinned-badge{align-items:center;border-bottom:1px solid #fef3c7;color:#d97706;display:flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:10px;padding-bottom:8px}.pinned-badge svg{color:#f59e0b}.profile-post-pin-btn{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;flex-shrink:0;padding:6px;transition:all .2s ease}.profile-post-pin-btn:hover{background:#fffbeb;color:#f59e0b}.profile-post-pin-btn.pinned{color:#f59e0b}.mention-tag{background:#3b82f614;border-radius:4px;color:#3b82f6;cursor:pointer;font-weight:600;padding:1px 4px;transition:all .2s ease}.mention-tag:hover{background:#3b82f626;text-decoration:underline}.reaction-area{align-items:center;display:flex;gap:8px;position:relative}.reaction-emoji{font-size:16px;line-height:1}.reaction-picker{animation:fadeIn .15s ease;background:#fff;border:1px solid #e2e8f0;border-radius:24px;bottom:100%;box-shadow:0 8px 24px #00000026;display:flex;gap:2px;left:0;padding:6px 8px;position:absolute;z-index:50}.reaction-pick{background:none;border:none;border-radius:8px;cursor:pointer;font-size:22px;line-height:1;padding:4px 6px;transition:all .15s ease}.reaction-pick:hover{background:#f1f5f9;transform:scale(1.3)}.reaction-pick.active{background:#dbeafe}.reaction-summary{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.reaction-count{align-items:center;background:#f1f5f9;border-radius:12px;color:#64748b;display:inline-flex;font-size:12px;gap:3px;padding:2px 8px}.post-image-previews{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.post-image-preview-item{border:2px solid #e2e8f0;border-radius:10px;height:72px;overflow:hidden;position:relative;width:72px}.post-image-preview-item img{height:100%;object-fit:cover;width:100%}.post-image-preview-remove{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;position:absolute;right:2px;top:2px;width:20px}.post-image-preview-remove:hover{background:#ef4444}.post-image-add-more{align-items:center;border:2px dashed #cbd5e1;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;height:72px;justify-content:center;transition:all .2s;width:72px}.post-image-add-more:hover{background:#f0f9ff;border-color:#0369a1;color:#0369a1}.post-layout-picker{align-items:center;display:flex;gap:8px;padding:8px 0}.post-layout-label{color:#64748b;font-size:13px;font-weight:500}.post-layout-option{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .15s}.post-layout-option:hover{background:#f0f9ff;border-color:#bae6fd}.post-layout-option.active{background:#0369a1;border-color:#0369a1;color:#fff}.post-images-layout{grid-gap:4px;border-radius:12px;display:grid;gap:4px;margin-top:8px;overflow:hidden}.post-images-item{cursor:pointer;overflow:hidden;position:relative}.post-images-item img{display:block;height:100%;object-fit:cover;transition:opacity .2s;width:100%}.post-images-item:hover img{opacity:.92}.layout-grid.images-2{grid-template-columns:1fr 1fr}.layout-grid.images-2 .post-images-item{aspect-ratio:4/3}.layout-grid.images-3{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.layout-grid.images-3 .post-images-item:first-child{aspect-ratio:16/9;grid-column:1/-1}.layout-grid.images-3 .post-images-item:not(:first-child){aspect-ratio:4/3}.layout-grid.images-4{grid-template-columns:1fr 1fr}.layout-grid.images-4 .post-images-item{aspect-ratio:1}.layout-grid.images-5{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto}.layout-grid.images-5 .post-images-item:nth-child(-n+2){aspect-ratio:4/3;grid-column:span 1}.layout-grid.images-5 .post-images-item:first-child{grid-column:1/2}.layout-grid.images-5 .post-images-item:nth-child(2){grid-column:2/4}.layout-grid.images-5 .post-images-item:nth-child(n+3){aspect-ratio:1}.layout-grid.images-6{grid-template-columns:1fr 1fr 1fr}.layout-grid.images-6 .post-images-item{aspect-ratio:1}.layout-grid.images-7,.layout-grid.images-8{grid-template-columns:1fr 1fr 1fr 1fr}.layout-grid.images-7 .post-images-item,.layout-grid.images-8 .post-images-item{aspect-ratio:1}.layout-grid.images-7 .post-images-item:nth-child(-n+3),.layout-grid.images-8 .post-images-item:nth-child(-n+4){aspect-ratio:4/3}.layout-spotlight{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto}.layout-spotlight .post-images-item:first-child{aspect-ratio:16/9;grid-column:1/-1;max-height:300px}.layout-spotlight .post-images-item:not(:first-child){aspect-ratio:1}.layout-column{grid-template-columns:1fr}.layout-column .post-images-item,.layout-column .post-images-item img{max-height:300px}.featured-photos-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.featured-photo-item{aspect-ratio:1;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.featured-photo-item:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.featured-photo-item img{height:100%;object-fit:cover;width:100%}.photo-viewer-featured-section{border-bottom:1px solid #e2e8f0;padding:12px 20px}.pv-featured-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.pv-featured-btn:hover{background:#fffbeb;border-color:#fde68a;color:#d97706}.pv-featured-btn.active{background:#fffbeb;border-color:#f59e0b;color:#d97706}.pv-featured-btn.active svg{color:#f59e0b}.profile-post-checkin{align-items:center;color:#0369a1;display:inline-flex;font-size:13px;font-weight:500;gap:4px;margin-left:4px}.profile-post-checkin svg{color:#ef4444;flex-shrink:0}.profile-create-post-checkin-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s}.profile-create-post-checkin-btn:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.profile-create-post-checkin-btn svg{color:#ef4444}.post-checkin-input{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:8px;margin:4px 0;padding:8px 12px}.post-checkin-input svg{color:#ef4444;flex-shrink:0}.post-checkin-input input{background:none;border:none;color:#1e293b;flex:1 1;font-size:13px;outline:none}.post-checkin-input input::placeholder{color:#94a3b8}.profile-post-video{background:#000;border-radius:12px;cursor:pointer;max-height:400px;width:100%}.post-images-item video{display:block}.post-image-preview-item video,.post-images-item video{height:100%;object-fit:cover;width:100%}.post-layout-preview{border:1px solid #e2e8f0;border-radius:10px;margin:8px 0;overflow:hidden}.featured-photos-subtitle{color:#64748b;font-size:12px;font-style:italic;margin:0 0 10px;padding:0 16px}.lightbox-toolbar{align-items:center;display:flex;gap:8px;position:absolute;right:20px;top:20px;z-index:10000}.lightbox-toolbar .profile-lightbox-close{position:static}.lightbox-download-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;text-decoration:none;transition:background .2s ease;width:44px}.lightbox-download-btn:hover{background:#ffffff4d}.post-checkin-wrapper{position:relative}.checkin-spinner{animation:spin .6s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#0369a1;flex-shrink:0;height:16px;width:16px}.checkin-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001f;left:0;margin-top:4px;max-height:240px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:20}.checkin-result{align-items:flex-start;background:none;border:none;cursor:pointer;display:flex;gap:8px;padding:10px 12px;text-align:left;transition:background .15s;width:100%}.checkin-result:hover{background:#f0f9ff}.checkin-result svg{color:#ef4444;flex-shrink:0;margin-top:2px}.checkin-result-text{display:flex;flex-direction:column;min-width:0}.checkin-result-name{color:#1e293b;font-size:13px;font-weight:500;line-height:1.3}.checkin-result-type{color:#94a3b8;font-size:11px;text-transform:capitalize}@keyframes pgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pgSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pgSpin{to{transform:rotate(1turn)}}@keyframes pgModalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pg-page{animation:pgFadeIn .5s ease;margin:0 auto;max-width:1100px;padding:0 24px 60px}.pg-header{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.pg-header,.pg-header-left{align-items:center;display:flex}.pg-header-left{gap:16px}.pg-back-link{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0369a1;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 14px;text-decoration:none;transition:all .2s ease}.pg-back-link:hover{background:#f0f9ff;border-color:#0369a1;transform:translateY(-1px)}.pg-title{color:#0f172a;font-size:24px;font-weight:700;margin:0}.pg-title-username{color:#64748b;font-weight:500}.pg-upload-btn{align-items:center;background:#0369a1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.pg-upload-btn:hover{background:#0c4a6e;box-shadow:0 4px 12px #0369a14d;transform:translateY(-1px)}.pg-upload-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.pg-tabs{display:flex;gap:8px;margin-bottom:24px}.pg-tab{background:#fff;border:1px solid #e2e8f0;border-radius:24px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.pg-tab:hover{background:#f0f9ff;border-color:#0369a1;color:#0369a1}.pg-tab.active{background:#0369a1;border-color:#0369a1;color:#fff}.pg-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:16px;gap:16px;justify-content:center;min-height:300px}.pg-spinner{animation:pgSpin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#0369a1;height:40px;width:40px}.pg-error{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:16px;gap:16px;justify-content:center;min-height:300px}.pg-retry-btn{background:#0369a1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:background .2s ease}.pg-retry-btn:hover{background:#0c4a6e}.pg-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.pg-photo-item{aspect-ratio:1;background:#e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.pg-photo-item:hover{box-shadow:0 8px 24px #00000026;transform:scale(1.03)}.pg-photo-item img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.pg-photo-item:hover img{transform:scale(1.08)}.pg-photo-overlay{align-items:flex-end;background:#0000;display:flex;inset:0;justify-content:flex-end;padding:8px;pointer-events:none;position:absolute;transition:background .3s ease}.pg-photo-item:hover .pg-photo-overlay{background:#00000040}.pg-comment-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.pg-comment-badge,.pg-empty-state{align-items:center;border-radius:12px}.pg-empty-state{background:#f8fafc;border:2px dashed #e2e8f0;color:#94a3b8;display:flex;flex-direction:column;font-size:15px;gap:12px;grid-column:1/-1;justify-content:center;padding:60px 20px}.pg-empty-state svg{color:#cbd5e1}.pg-albums-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.pg-create-album-btn{align-items:center;background:#0369a1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.pg-create-album-btn:hover{background:#0c4a6e;transform:translateY(-1px)}.pg-albums-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.pg-album-card{animation:pgSlideUp .4s ease;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;overflow:hidden;transition:all .3s ease}.pg-album-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.pg-album-cover{aspect-ratio:4/3;background:#e2e8f0;display:block;object-fit:cover;width:100%}.pg-album-cover-placeholder{align-items:center;aspect-ratio:4/3;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#94a3b8;display:flex;justify-content:center;width:100%}.pg-album-info{padding:14px 16px}.pg-album-name{color:#0f172a;font-size:16px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-album-count{color:#64748b;font-size:13px;margin:0}.pg-album-actions{display:flex;gap:4px;padding:0 12px 12px}.pg-album-action-btn{background:none;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:12px;font-weight:500;padding:4px 10px;transition:all .2s ease}.pg-album-action-btn:hover{background:#f1f5f9;border-color:#0369a1;color:#0369a1}.pg-album-action-btn.delete:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.pg-album-detail-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.pg-album-detail-back{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0369a1;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:4px;padding:8px 14px;transition:all .2s ease}.pg-album-detail-back:hover{background:#f0f9ff;border-color:#0369a1}.pg-album-detail-title{color:#0f172a;font-size:20px;font-weight:700;margin:0}.pg-viewer-overlay{align-items:center;animation:pgFadeIn .3s ease;background:#000000d9;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:9999}.pg-viewer{animation:pgModalIn .3s ease;background:#fff;border-radius:16px;display:flex;max-height:90vh;max-width:1100px;overflow:hidden;position:relative;width:90%}.pg-viewer-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:background .2s ease;width:36px;z-index:10}.pg-viewer-close:hover{background:#000000bf}.pg-viewer-image-section{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;min-width:0;overflow:hidden}.pg-viewer-image{max-height:90vh;max-width:100%;object-fit:contain}.pg-viewer-details{background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;max-height:90vh;width:360px}.pg-viewer-details-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.pg-viewer-details-title{color:#0f172a;font-size:16px;font-weight:700;margin:0}.pg-viewer-menu-wrapper{position:relative}.pg-viewer-menu-btn{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;transition:all .2s ease}.pg-viewer-menu-btn:hover{background:#f1f5f9;color:#0f172a}.pg-viewer-menu-dropdown{animation:pgSlideUp .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:20}.pg-viewer-menu-item{align-items:center;background:none;border:none;color:#0f172a;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 16px;text-align:left;transition:background .15s ease;width:100%}.pg-viewer-menu-item:hover{background:#f1f5f9}.pg-viewer-menu-item.danger{color:#ef4444}.pg-viewer-menu-item.danger:hover{background:#fef2f2}.pg-viewer-menu-divider{background:#e2e8f0;height:1px;margin:0}.pg-move-album-list{max-height:200px;overflow-y:auto;padding:4px 0}.pg-move-album-item{background:none;border:none;color:#334155;cursor:pointer;display:block;font-size:13px;padding:10px 16px 10px 32px;text-align:left;transition:background .15s ease;width:100%}.pg-move-album-item:hover{background:#f0f9ff;color:#0369a1}.pg-move-album-item.active{color:#0369a1;font-weight:600}.pg-move-no-album{color:#94a3b8;font-size:13px;padding:10px 16px 10px 32px}.pg-viewer-caption{border-bottom:1px solid #e2e8f0;padding:16px 20px}.pg-caption-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.pg-caption-text{color:#334155;font-size:14px;line-height:1.6;margin:0;word-break:break-word}.pg-caption-empty{color:#94a3b8;font-size:14px;font-style:italic;margin:0}.pg-caption-edit-area{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.5;min-height:60px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .2s ease;width:100%}.pg-caption-edit-area:focus{border-color:#0369a1}.pg-caption-actions{display:flex;gap:8px;margin-top:8px}.pg-caption-save-btn{background:#0369a1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:background .2s ease}.pg-caption-save-btn:hover{background:#0c4a6e}.pg-caption-cancel-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .2s ease}.pg-caption-cancel-btn:hover{background:#e2e8f0;color:#334155}.pg-caption-edit-btn{background:none;border:none;color:#0369a1;cursor:pointer;font-size:13px;font-weight:500;margin-top:4px;padding:0;transition:color .2s ease}.pg-caption-edit-btn:hover{color:#0c4a6e;text-decoration:underline}.pg-viewer-comments{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.pg-comments-header{border-bottom:1px solid #e2e8f0;color:#0f172a;font-size:14px;font-weight:600;padding:12px 20px}.pg-comments-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:12px 20px}.pg-comment{animation:pgSlideUp .3s ease;display:flex;gap:10px}.pg-comment-avatar{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.pg-comment-body{flex:1 1;min-width:0}.pg-comment-author{color:#0f172a;font-size:13px;font-weight:600}.pg-comment-text{color:#475569;font-size:14px;line-height:1.5;margin:2px 0 4px;word-break:break-word}.pg-comment-footer{align-items:center;display:flex;gap:10px}.pg-comment-delete-btn,.pg-comment-time{color:#94a3b8;font-size:12px}.pg-comment-delete-btn{background:none;border:none;cursor:pointer;padding:0;transition:color .2s ease}.pg-comment-delete-btn:hover{color:#ef4444}.pg-no-comments{color:#94a3b8;font-size:14px;padding:20px 0;text-align:center}.pg-comment-input-row{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:10px;padding:12px 20px}.pg-comment-input{border:1px solid #e2e8f0;border-radius:20px;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s ease}.pg-comment-input:focus{border-color:#0369a1}.pg-comment-input::placeholder{color:#94a3b8}.pg-comment-send-btn{align-items:center;background:#0369a1;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.pg-comment-send-btn:hover:not(:disabled){background:#0c4a6e;transform:scale(1.05)}.pg-comment-send-btn:disabled{cursor:not-allowed;opacity:.4}.pg-modal-overlay{align-items:center;animation:pgFadeIn .2s ease;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9998}.pg-modal{animation:pgModalIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:28px;width:90%}.pg-modal-title{color:#0f172a;font-size:20px;font-weight:700;margin:0 0 20px}.pg-modal-input{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s ease;width:100%}.pg-modal-input:focus{border-color:#0369a1}.pg-modal-input::placeholder{color:#94a3b8}.pg-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.pg-modal-cancel-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.pg-modal-cancel-btn:hover{background:#e2e8f0;color:#334155}.pg-modal-confirm-btn{background:#0369a1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.pg-modal-confirm-btn:hover{background:#0c4a6e}.pg-modal-confirm-btn:disabled{cursor:not-allowed;opacity:.5}.pg-rename-input{border:1px solid #0369a1;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;outline:none;padding:6px 10px;width:100%}@media (max-width:768px){.pg-page{padding:0 16px 40px}.pg-header{align-items:flex-start;flex-direction:column}.pg-title{font-size:20px}.pg-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.pg-albums-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.pg-viewer{flex-direction:column;max-height:95vh;width:95%}.pg-viewer-image-section{max-height:40vh}.pg-viewer-details{max-height:55vh;width:100%}.pg-viewer-close{right:8px;top:8px;z-index:20}.pg-tabs{flex-wrap:wrap}}@media (max-width:480px){.pg-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.pg-albums-grid{grid-template-columns:1fr}.pg-modal{padding:20px}}.friends-page{margin:0 auto;max-width:800px;padding:20px}.friends-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.friends-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:-2px;padding:12px 20px;transition:all .2s ease}.friends-tab:hover{color:#0369a1}.friends-tab.active{border-bottom-color:#0369a1;color:#0369a1}.friends-tab svg{flex-shrink:0}.friends-tab-count{background:#e2e8f0;border-radius:10px;color:#475569;font-size:12px;font-weight:700;min-width:22px;padding:2px 8px;text-align:center}.friends-tab-count.pending{animation:badgePulse 2s ease infinite;background:#ef4444;color:#fff}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.friends-list{display:flex;flex-direction:column;gap:10px}.friends-empty{color:#94a3b8;padding:60px 20px;text-align:center}.friends-empty svg{margin-bottom:16px}.friends-empty p{color:#64748b;font-size:18px;font-weight:600;margin:0 0 8px}.friends-empty span{font-size:14px}.friend-card{align-items:center;animation:fadeInUp .4s ease backwards;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:14px 18px;transition:all .2s ease}.friend-card:hover{border-color:#cbd5e1;box-shadow:0 2px 12px #0000000f}.pending-card{border-left:4px solid #0ea5e9}.friend-card-left{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:14px;min-width:0}.friend-avatar{border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;height:48px;object-fit:cover;width:48px}.friend-info{display:flex;flex-direction:column;min-width:0}.friend-name{color:#1e293b;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-username{color:#94a3b8;font-size:13px}.friend-status{align-items:center;display:flex;gap:6px;margin-top:3px}.friend-status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.friend-status-dot.online{background-color:#22c55e;box-shadow:0 0 6px #22c55e66}.friend-status-dot.offline{background-color:#94a3b8}.friend-status-text{color:#64748b;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-request-time{color:#0ea5e9;font-size:12px;margin-top:2px}.friend-card-actions{display:flex;flex-shrink:0;gap:8px}.friend-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.friend-action-btn.view{background:#f1f5f9;color:#475569}.friend-action-btn.view:hover{background:#e2e8f0}.friend-action-btn.remove{background:#fef2f2;color:#dc2626}.friend-action-btn.remove:hover{background:#fee2e2}.friend-action-btn.accept{background:linear-gradient(135deg,#0c4a6e,#0369a1);color:#fff}.friend-action-btn.accept:hover{background:linear-gradient(135deg,#0369a1,#0284c7);transform:translateY(-1px)}.friend-action-btn.decline{background:#f1f5f9;color:#64748b}.friend-action-btn.decline:hover{background:#fee2e2;color:#dc2626}@media (max-width:640px){.friend-card{align-items:flex-start;flex-direction:column;gap:12px}.friend-card-actions{width:100%}.friend-action-btn{flex:1 1;justify-content:center}.friends-tab{font-size:13px;padding:10px 14px}.friend-action-btn span{display:none}}.premium-page{animation:premFadeIn .5s ease;margin:0 auto;max-width:1000px;padding:20px}@keyframes premFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.premium-hero{background:linear-gradient(135deg,#f59e0b,#d97706 30%,#b45309);border-radius:20px;color:#fff;margin-bottom:32px;overflow:hidden;padding:60px 40px;position:relative;text-align:center}.premium-hero-glow{animation:premGlow 4s ease-in-out infinite;background:radial-gradient(circle,#fff3 0,#0000 70%);height:400px;left:50%;position:absolute;top:-50%;transform:translateX(-50%);width:400px}@keyframes premGlow{0%,to{opacity:.5;transform:translateX(-50%) scale(1)}50%{opacity:.8;transform:translateX(-50%) scale(1.3)}}.premium-hero-content{position:relative;z-index:1}.premium-crown{animation:premBounce 2s ease infinite;font-size:64px;margin-bottom:16px;text-shadow:0 4px 20px #0000004d}@keyframes premBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.premium-hero-title{font-size:36px;font-weight:800;margin:0 0 12px;text-shadow:0 2px 10px #0003}.premium-hero-subtitle{font-size:18px;font-weight:400;margin:0;opacity:.9}.premium-benefits-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.premium-benefit-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:28px 24px;position:relative;text-align:center;transition:all .3s ease}.premium-benefit-card:hover{border-color:#fbbf24;box-shadow:0 8px 24px #f59e0b26;transform:translateY(-4px)}.premium-benefit-card.active{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.benefit-icon{font-size:36px;margin-bottom:12px}.premium-benefit-card h3{color:#1e293b;font-size:17px;font-weight:700;margin:0 0 8px}.premium-benefit-card p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.benefit-status{background:#10b981;border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-top:12px;padding:4px 14px}.premium-cta-section{display:flex;justify-content:center}.premium-cta-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;max-width:500px;padding:40px 48px;text-align:center;width:100%}.premium-cta-card h2{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}.premium-cta-card>p{color:#64748b;font-size:15px;margin:0 0 24px}.premium-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:14px;margin-bottom:16px;padding:10px 16px}.premium-cta-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:14px;box-shadow:0 6px 20px #f59e0b66;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;font-weight:700;gap:10px;padding:16px 40px;transition:all .3s ease}.premium-cta-btn:hover:not(:disabled){box-shadow:0 10px 30px #f59e0b80;transform:translateY(-2px)}.premium-cta-btn:disabled{cursor:not-allowed;opacity:.7}.premium-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.premium-note{color:#94a3b8;font-size:13px;font-style:italic;margin:16px 0 0}.premium-success-overlay{align-items:center;display:flex;justify-content:center;min-height:60vh}.premium-success-card{animation:premSuccessIn .5s cubic-bezier(.68,-.55,.265,1.55);background:#fff;border-radius:24px;box-shadow:0 8px 30px #0000001a;max-width:440px;padding:48px 40px;text-align:center}@keyframes premSuccessIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.success-confetti{font-size:56px;margin-bottom:16px}.premium-success-card h2{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 12px}.premium-success-card p{color:#64748b;font-size:16px;line-height:1.5;margin:0 0 24px}.premium-success-card.cancelled{border:2px solid #e2e8f0}.cancel-card{border:1px solid #e2e8f0}.premium-cancel-text{color:#64748b;font-size:14px;margin:0 0 12px}.premium-cancel-btn{background:#0000;border:2px solid #ef4444;border-radius:10px;color:#ef4444;cursor:pointer;font-size:14px;font-weight:600;padding:10px 28px;transition:all .3s ease}.premium-cancel-btn:hover{background:#fef2f2}.premium-confirm-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.premium-cancel-confirm-btn{align-items:center;background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.premium-cancel-confirm-btn:hover:not(:disabled){background:#dc2626}.premium-cancel-confirm-btn:disabled{cursor:not-allowed;opacity:.7}.premium-keep-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.premium-keep-btn:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.premium-plans{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:700px;padding:0 20px 40px}.premium-plan-card{background:#1e293b;border:2px solid #334155;border-radius:16px;display:flex;flex-direction:column;padding:32px 24px;position:relative}.premium-plan-card.premium{background:linear-gradient(135deg,#1e293b,#1a1a2e);border-color:#f59e0b}.plan-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;font-size:12px;font-weight:700;left:50%;padding:4px 16px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.plan-header{margin-bottom:24px;text-align:center}.plan-header h3{color:#e2e8f0;font-size:22px;margin:0 0 8px}.plan-price{color:#fff;font-size:36px;font-weight:800}.plan-period{color:#94a3b8;font-size:14px;margin-left:4px}.plan-features{flex:1 1;list-style:none;margin:0 0 24px;padding:0}.plan-features li{align-items:center;border-bottom:1px solid #ffffff0f;color:#cbd5e1;display:flex;font-size:14px;gap:8px;padding:8px 0}.plan-features li:before{color:#22c55e;content:"\2713";font-size:14px;font-weight:700}.plan-btn{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:all .2s;width:100%}.plan-btn.current{background:#374151;color:#94a3b8;cursor:default}.plan-btn.upgrade{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.plan-btn.upgrade:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}@media (max-width:600px){.premium-plans{grid-template-columns:1fr}}@media (max-width:768px){.premium-page{max-width:100vw;overflow-x:hidden;padding:16px}.premium-benefits-grid{grid-template-columns:repeat(2,1fr)}.premium-hero{padding:40px 24px}.premium-hero-title{font-size:28px}.premium-cta-card{padding:32px 24px}}@media (max-width:480px){.premium-benefits-grid{grid-template-columns:1fr}.premium-hero-title{font-size:24px}.premium-crown{font-size:48px}}.games-page{animation:gamesPageIn .5s ease;margin:0 auto;max-width:1400px;padding:0 16px}@keyframes gamesPageIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.games-header{margin-bottom:24px;text-align:center}.games-title{color:#1f2937;font-size:42px;font-weight:700;margin-bottom:6px}.games-subtitle{color:#6b7280;font-size:16px}.games-platform-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:12px}.games-platform-btn{background:#1f2937;border:2px solid #374151;border-radius:100px;color:#9ca3af;cursor:pointer;font-size:15px;font-weight:600;padding:10px 28px;transition:all .2s}.games-platform-btn:hover{border-color:#6366f1;color:#c7d2fe}.games-platform-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.games-categories{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.games-cat-btn{background:#fff;border:2px solid #e5e7eb;border-radius:100px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.games-cat-btn:hover{border-color:#0ea5e9;color:#0ea5e9}.games-cat-btn.active{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.games-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.game-card{align-items:center;background:#fff;border:2px solid #f3f4f6;border-radius:16px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s}.game-card:hover{border-color:#0ea5e9;border-color:var(--game-color,#0ea5e9);box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.game-card-icon{align-items:center;border-radius:14px;display:flex;height:56px;justify-content:center;min-width:56px;width:56px}.game-emoji{font-size:26px}.game-card-info{flex:1 1;min-width:0}.game-card-name{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:4px}.game-card-desc{color:#6b7280;font-size:12px;line-height:1.4;margin-bottom:6px}.game-card-meta{align-items:center;display:flex;gap:10px}.game-card-category{background:#f3f4f6;border-radius:100px;color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.game-card-score{color:#0ea5e9;font-size:12px;font-weight:600}.game-card-name-row{align-items:center;display:flex;gap:6px;margin-bottom:2px}.game-card-name-row .game-card-name{margin-bottom:0}.game-platform-badge{font-size:12px;line-height:1}.game-card-unplayable{cursor:not-allowed!important;opacity:.5}.game-card-unplayable:hover{border-color:#f3f4f6!important;box-shadow:0 2px 8px #0000000a!important;transform:none!important}.game-card-unavailable{color:#ef4444;font-size:11px;font-weight:500;margin-bottom:4px}.game-overlay{animation:gameOverlayIn .3s ease;background:#111827;display:flex;flex-direction:column;inset:0;position:fixed;z-index:1000}@keyframes gameOverlayIn{0%{opacity:0}to{opacity:1}}.game-overlay-header{align-items:center;background:#1f2937;border-bottom:1px solid #374151;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 16px}.game-overlay-title{align-items:center;display:flex;gap:10px;min-width:0}.game-overlay-icon{flex-shrink:0;font-size:22px}.game-overlay-title h2{color:#fff;font-size:18px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-overlay-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.game-leaderboard-btn{align-items:center;background:#374151;border:1px solid #4b5563;border-radius:8px;color:#d1d5db;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .15s}.game-leaderboard-btn:hover{background:#4b5563;color:#fff}.game-close-btn{align-items:center;background:#374151;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:36px}.game-close-btn:hover{background:#ef4444;color:#fff}.game-overlay-body{display:flex;flex:1 1;overflow:hidden}.game-play-area{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:16px}.game-play-area.with-leaderboard{flex:1 1}.game-leaderboard-panel{background:#1f2937;border-left:1px solid #374151;flex-shrink:0;overflow-y:auto;padding:16px;width:260px}.leaderboard-title{border-bottom:1px solid #374151;color:#fff;font-size:16px;font-weight:600;margin-bottom:12px;padding-bottom:10px}.leaderboard-empty{color:#6b7280;font-size:13px;margin-top:20px;text-align:center}.leaderboard-list{display:flex;flex-direction:column;gap:6px}.leaderboard-row{align-items:center;background:#111827;border-radius:8px;display:flex;gap:8px;padding:7px 8px}.leaderboard-row.top-three{background:#1e293b}.leaderboard-rank{color:#9ca3af;flex-shrink:0;font-size:14px;text-align:center;width:26px}.leaderboard-avatar{border-radius:50%;flex-shrink:0;height:26px;object-fit:cover;width:26px}.leaderboard-name{color:#d1d5db;flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{color:#fbbf24;flex-shrink:0;font-size:13px;font-weight:700}.leaderboard-row.leaderboard-empty-slot{background:#0d1117;border:1px dashed #374151;opacity:.5}.leaderboard-empty-text{color:#6b7280;flex:1 1;font-size:13px;font-style:italic}.game-card-leaders{border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:3px;margin-top:6px;padding-top:6px}.game-card-leader{align-items:center;display:flex;font-size:11px;gap:5px}.game-card-leader.rank-1{font-weight:600}.leader-medal{flex-shrink:0;font-size:13px;text-align:center;width:18px}.leader-avatar{border-radius:50%;flex-shrink:0;height:18px;object-fit:cover;width:18px}.leader-name{color:#4b5563;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-score{color:#0ea5e9;color:var(--game-color,#0ea5e9);flex-shrink:0;font-size:11px;font-weight:600}.mobile-leaderboard-toggle{display:none}@media (max-width:768px){.games-page{padding:0 10px}.games-header{margin-bottom:16px}.games-title{font-size:26px}.games-subtitle{font-size:13px}.games-platform-tabs{gap:6px;margin-bottom:10px}.games-platform-btn{flex:1 1;font-size:14px;padding:8px 24px;text-align:center}.games-categories{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:6px;justify-content:flex-start;margin-bottom:16px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.games-categories::-webkit-scrollbar{display:none}.games-cat-btn{flex-shrink:0;font-size:12px;padding:6px 14px;white-space:nowrap}.games-grid{gap:10px;grid-template-columns:1fr}.game-card{border-radius:12px;gap:12px;padding:12px}.game-card-icon{border-radius:12px;height:48px;min-width:48px;width:48px}.game-emoji{font-size:22px}.game-card-name{font-size:14px}.game-card-desc{font-size:11px;margin-bottom:4px}.game-overlay-header{padding:8px 12px}.game-overlay-title h2{font-size:16px}.game-overlay-icon{font-size:20px}.game-overlay-body{flex-direction:column}.game-play-area{flex:1 1;min-height:0;padding:10px}.game-leaderboard-panel{border-left:none;border-top:1px solid #374151;display:none;max-height:40vh;width:100%}.game-leaderboard-panel.mobile-open{display:block}.mobile-leaderboard-toggle{align-items:center;background:#1f2937;border:none;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px;width:100%}.mobile-leaderboard-toggle:hover{background:#374151;color:#fff}.mobile-leaderboard-toggle svg{transition:transform .2s}.mobile-leaderboard-toggle.open svg{transform:rotate(180deg)}}@media (max-width:380px){.games-platform-btn{font-size:13px;padding:7px 16px}.game-card{gap:10px;padding:10px}.game-card-icon{height:42px;min-width:42px;width:42px}.game-emoji{font-size:20px}}.avatar-select-page{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1 50%,#0284c7);display:flex;justify-content:center;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:20px 0;position:relative}.avatar-select-background{inset:0;overflow:hidden;position:absolute}.avatar-select-background .bg-circle{background:#fff;border-radius:50%;opacity:.1;position:absolute}.avatar-select-background .circle-1{animation:float 8s ease-in-out infinite;height:400px;right:-100px;top:-100px;width:400px}.avatar-select-background .circle-2{animation:float 10s ease-in-out infinite reverse;bottom:-80px;height:300px;left:-80px;width:300px}.avatar-select-background .circle-3{animation:float 12s ease-in-out infinite;height:200px;left:50%;top:50%;width:200px}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.avatar-select-container{max-width:560px;padding:20px;position:relative;width:100%;z-index:1}.avatar-select-card{animation:slideUp .6s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:28px 24px}.avatar-select-header{margin-bottom:20px;text-align:center}.avatar-select-logo{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);border-radius:12px;box-shadow:0 4px 12px #0c4a6e4d;color:#fff;display:flex;height:44px;justify-content:center;margin:0 auto 12px;width:44px}.avatar-select-logo svg{height:26px;width:26px}.avatar-select-title{color:#0c4a6e;font-size:22px;font-weight:700;margin:0 0 4px}.avatar-select-subtitle{color:#64748b;font-size:13px;margin:0}.avatar-select-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:14px;margin-bottom:20px;padding:12px 16px;text-align:center}.avatar-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr);margin-bottom:20px}.avatar-grid-item{aspect-ratio:1;background:#f1f5f9;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.avatar-grid-item:hover{border-color:#93c5fd;box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.avatar-grid-item.selected{border-color:#0c4a6e;box-shadow:0 0 0 3px #0c4a6e33;transform:scale(1.02)}.avatar-grid-item img{display:block;height:100%;object-fit:cover;width:100%}.avatar-check{align-items:center;animation:popIn .3s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#0c4a6e,#0369a1);border-radius:50%;bottom:4px;display:flex;height:22px;justify-content:center;position:absolute;right:4px;width:22px}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.avatar-select-button{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);border:none;border-radius:10px;box-shadow:0 4px 12px #0c4a6e4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.avatar-select-button:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 8px 20px #0369a166;transform:translateY(-2px)}.avatar-select-button:disabled{cursor:not-allowed;opacity:.5}.avatar-mode-tabs{background:#f1f5f9;border-radius:12px;display:flex;gap:8px;margin-bottom:16px;padding:4px}.avatar-mode-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s}.avatar-mode-tab:hover{color:#0c4a6e}.avatar-mode-tab.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#0c4a6e}.avatar-mode-tab svg{flex-shrink:0}.avatar-select-composer{margin-bottom:16px}.asc-preview-row{align-items:center;display:flex;gap:16px;margin-bottom:14px}.asc-preview-frame{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:2px solid #bae6fd;border-radius:16px;flex-shrink:0;height:120px;overflow:hidden;position:relative;width:120px}.asc-preview-frame .composer-layer{height:100%;inset:0;object-fit:contain;position:absolute;width:100%}.asc-preview-frame .composer-empty-preview{align-items:center;color:#94a3b8;display:flex;font-size:11px;height:100%;justify-content:center;padding:8px;text-align:center}.asc-gender-toggle{display:flex;flex:1 1;flex-direction:column;gap:6px}.asc-gender-toggle .gender-btn{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.asc-gender-toggle .gender-btn:hover{border-color:#93c5fd}.asc-gender-toggle .gender-btn.active{background:linear-gradient(135deg,#0c4a6e,#0369a1);border-color:#0369a1;color:#fff}.asc-category-tabs{display:flex;gap:4px;margin-bottom:10px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.asc-category-tabs::-webkit-scrollbar{display:none}.asc-cat-tab{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s;white-space:nowrap}.asc-cat-tab:hover{border-color:#93c5fd;color:#0369a1}.asc-cat-tab.active{background:linear-gradient(135deg,#0c4a6e,#0369a1);border-color:#0369a1;color:#fff}.asc-cat-label{font-size:11px}.asc-cat-check{color:#10b981;font-size:10px}.asc-cat-tab.active .asc-cat-check{color:#86efac}.asc-items-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin-bottom:16px;max-height:240px;overflow-y:auto;padding:4px}.asc-items-grid::-webkit-scrollbar{width:4px}.asc-items-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.asc-item{aspect-ratio:1;background:#f8fafc;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s}.asc-item:hover{border-color:#93c5fd;transform:translateY(-2px)}.asc-item.selected{border-color:#0c4a6e;box-shadow:0 0 0 2px #0c4a6e33}.asc-item img{display:block;height:100%;object-fit:contain;width:100%}.asc-item-check{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);border-radius:50%;bottom:2px;color:#fff;display:flex;font-size:10px;height:18px;justify-content:center;position:absolute;right:2px;width:18px}.asc-no-items{color:#94a3b8;font-size:13px;grid-column:1/-1;padding:30px 0;text-align:center}.asc-loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 0}.asc-loading p{color:#64748b;font-size:13px;margin:0}.asc-spinner{animation:ascSpin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0369a1;height:32px;width:32px}@keyframes ascSpin{to{transform:rotate(1turn)}}@media (max-width:768px){.avatar-select-page{align-items:flex-start;padding:10px}.avatar-select-container{max-width:100%;padding:8px}.avatar-select-card{border-radius:14px;padding:20px 14px}.avatar-select-header{margin-bottom:14px}.avatar-select-title{font-size:18px}.avatar-select-subtitle{font-size:12px}.avatar-grid{gap:8px;grid-template-columns:repeat(5,1fr);margin-bottom:16px}.avatar-grid-item{border-radius:8px}.avatar-check{bottom:3px;height:18px;right:3px;width:18px}.avatar-check svg{height:12px;width:12px}.avatar-select-button{font-size:13px;padding:10px}}@media (max-width:400px){.asc-items-grid,.avatar-grid{gap:6px;grid-template-columns:repeat(4,1fr)}.asc-preview-frame{height:100px;width:100px}}.pc-window{background:#0f172a;background-position:50%;background-size:cover;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh}.pc-win-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 16px}.pc-win-header-info{align-items:center;display:flex;gap:10px}.pc-win-avatar{border:2px solid #3b82f680;border-radius:50%;height:36px;width:36px}.pc-win-title{color:#f1f5f9;font-size:14px;font-weight:700;margin:0}.pc-win-partner{color:#94a3b8;font-size:12px}.pc-win-leave{background:#ef4444cc;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 16px;transition:background .15s}.pc-win-leave:hover{background:#ef4444}.pc-win-leave:disabled{cursor:default;opacity:.4}.pc-win-messages{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:16px}.pc-win-msg{align-items:flex-start;display:flex;gap:8px;max-width:85%}.pc-win-msg.own{align-self:flex-end;flex-direction:row-reverse}.pc-win-msg-avatar{border-radius:50%;flex-shrink:0;height:28px;width:28px}.pc-win-msg-bubble{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:12px;max-width:280px;padding:8px 12px}.pc-win-msg.own .pc-win-msg-bubble{background:#0ea5e94d}.pc-win-msg-name{color:#fff9;display:block;font-size:11px;font-weight:700;margin-bottom:2px}.pc-win-msg-text{color:#f1f5f9;display:block;font-size:13px;line-height:1.4;word-break:break-word}.pc-win-input{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;border-top:1px solid #ffffff1a;display:flex;gap:8px;padding:12px 16px}.pc-win-input input{background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;color:#fff;flex:1 1;font-size:13px;outline:none;padding:10px 14px}.pc-win-input input::placeholder{color:#fff6}.pc-win-input input:focus{border-color:#3b82f680}.pc-win-input button{background:linear-gradient(135deg,#0c4a6e,#0369a1);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:background .15s}.pc-win-input button:hover{background:linear-gradient(135deg,#0369a1,#0284c7)}.pc-win-ended{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:center;padding:16px}.pc-win-ended span{color:#94a3b8;font-size:13px}.pc-win-ended button{background:#334155;border:none;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:background .15s}.pc-win-ended button:hover{background:#475569}.pc-win-header-actions{align-items:center;display:flex;gap:8px}.pc-win-mode-toggle{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .15s}.pc-win-mode-toggle:hover{background:#ffffff26;color:#e2e8f0}.pc-win-mode-toggle.active{background:#3b82f633;border-color:#3b82f64d;color:#60a5fa}.pc-win-classic-messages{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:8px 12px}.pc-win-classic-msg{align-items:baseline;border-radius:4px;display:flex;font-size:13px;gap:6px;line-height:1.5;padding:3px 6px}.pc-win-classic-msg:hover{background:#ffffff0d}.pc-win-classic-avatar{align-self:center;border-radius:50%;flex-shrink:0;height:18px;width:18px}.pc-win-classic-name{color:#60a5fa;flex-shrink:0;font-weight:700}.pc-win-classic-name.own{color:#34d399}.pc-win-classic-time{color:#ffffff4d;flex-shrink:0;font-size:10px}.pc-win-classic-text{color:#e2e8f0;word-break:break-word}.forgot-page{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1 50%,#0284c7);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.forgot-background{inset:0;overflow:hidden;position:absolute}.forgot-background .bg-circle{background:#fff;border-radius:50%;opacity:.1;position:absolute}.forgot-background .circle-1{animation:floatCircle 8s ease-in-out infinite;height:400px;right:-100px;top:-100px;width:400px}.forgot-background .circle-2{animation:floatCircle 10s ease-in-out infinite reverse;bottom:-50px;height:300px;left:-50px;width:300px}.forgot-background .circle-3{animation:floatCircle 12s ease-in-out infinite;height:200px;left:50%;top:50%;width:200px}.forgot-container{max-width:440px;padding:20px;position:relative;width:100%;z-index:1}.forgot-card{animation:slideUp .6s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:48px 40px}.back-to-login-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;margin-bottom:20px;padding:0;transition:color .2s}.back-to-login-btn:hover{color:#0ea5e9}.forgot-header{margin-bottom:32px;text-align:center}.forgot-logo{align-items:center;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:16px;box-shadow:0 8px 20px #0ea5e966;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.forgot-logo svg{height:36px;width:36px}.forgot-title{color:#0c4a6e;font-size:28px;font-weight:700;margin-bottom:8px}.forgot-subtitle{color:#64748b;font-size:15px}.forgot-error{align-items:center;animation:shake .4s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.forgot-form{display:flex;flex-direction:column;gap:20px}.forgot-field label{color:#334155;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.forgot-field .input-wrapper{align-items:center;background:#f1f5f9;border:2px solid #0000;border-radius:12px;display:flex;gap:12px;padding:14px 16px;transition:all .3s ease}.forgot-field .input-wrapper:focus-within{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91a}.forgot-field .input-wrapper svg{color:#94a3b8;flex-shrink:0}.forgot-field .input-wrapper:focus-within svg{color:#0ea5e9}.forgot-field .input-wrapper input{background:none;border:none;color:#1e293b;flex:1 1;font-size:15px;outline:none}.forgot-field .input-wrapper input::placeholder{color:#94a3b8}.forgot-button{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:8px;padding:16px;transition:all .3s ease}.forgot-button:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 8px 20px #0369a166;transform:translateY(-2px)}.forgot-button:disabled{cursor:not-allowed;opacity:.7}.forgot-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:22px;width:22px}.forgot-sent{padding:8px 0;text-align:center}.sent-icon{color:#0ea5e9;margin-bottom:20px}.sent-message{color:#334155;font-size:15px;line-height:1.6;margin-bottom:12px}.sent-message strong{color:#0369a1}.sent-note{color:#94a3b8;font-size:13px}.forgot-footer{color:#64748b;font-size:14px;margin-top:24px;text-align:center}.forgot-footer a{color:#0369a1;font-weight:600;text-decoration:none;transition:color .3s ease}.forgot-footer a:hover{color:#0284c7}@media (max-width:480px){.forgot-card{padding:32px 24px}}.reset-page{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1 50%,#0284c7);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.reset-background{inset:0;overflow:hidden;position:absolute}.reset-background .bg-circle{background:#fff;border-radius:50%;opacity:.1;position:absolute}.reset-background .circle-1{animation:floatCircle 8s ease-in-out infinite;height:400px;right:-100px;top:-100px;width:400px}.reset-background .circle-2{animation:floatCircle 10s ease-in-out infinite reverse;bottom:-50px;height:300px;left:-50px;width:300px}.reset-background .circle-3{animation:floatCircle 12s ease-in-out infinite;height:200px;left:50%;top:50%;width:200px}.reset-container{max-width:440px;padding:20px;position:relative;width:100%;z-index:1}.reset-card{animation:slideUp .6s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:48px 40px}.reset-header{margin-bottom:32px;text-align:center}.reset-logo{align-items:center;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:16px;box-shadow:0 8px 20px #0ea5e966;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.reset-logo svg{height:36px;width:36px}.reset-icon-error{margin:0 auto 16px;text-align:center}.reset-title{color:#0c4a6e;font-size:28px;font-weight:700;margin-bottom:8px}.reset-subtitle{color:#64748b;font-size:15px}.reset-error{align-items:center;animation:shake .4s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.reset-form{display:flex;flex-direction:column;gap:20px}.reset-field label{color:#334155;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.reset-field .input-wrapper{align-items:center;background:#f1f5f9;border:2px solid #0000;border-radius:12px;display:flex;gap:12px;padding:14px 16px;transition:all .3s ease}.reset-field .input-wrapper:focus-within{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91a}.reset-field .input-wrapper svg{color:#94a3b8;flex-shrink:0}.reset-field .input-wrapper:focus-within svg{color:#0ea5e9}.reset-field .input-wrapper input{background:none;border:none;color:#1e293b;flex:1 1;font-size:15px;outline:none}.reset-field .input-wrapper input::placeholder{color:#94a3b8}.reset-button{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:8px;padding:16px;transition:all .3s ease}.reset-button:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 8px 20px #0369a166;transform:translateY(-2px)}.reset-button:disabled{cursor:not-allowed;opacity:.7}.reset-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:22px;width:22px}.reset-success{padding:8px 0;text-align:center}.success-icon{margin-bottom:20px}.success-message{color:#334155;font-size:15px;line-height:1.6;margin-bottom:24px}.reset-login-btn{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);border-radius:12px;color:#fff;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;text-decoration:none;transition:all .3s ease}.reset-login-btn:hover{background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 8px 20px #0369a166;transform:translateY(-2px)}.reset-link-btn{background:linear-gradient(135deg,#0c4a6e,#0369a1);border-radius:12px;color:#fff;display:inline-block;font-size:16px;font-weight:600;padding:14px 32px;text-decoration:none;transition:all .3s ease}.reset-link-btn:hover{background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 8px 20px #0369a166;transform:translateY(-2px)}.reset-footer{color:#64748b;font-size:14px;margin-top:24px;text-align:center}.reset-footer a{color:#0369a1;font-weight:600;text-decoration:none;transition:color .3s ease}.reset-footer a:hover{color:#0284c7}@media (max-width:480px){.reset-card{padding:32px 24px}}.verify-page{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1 50%,#0284c7);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.verify-background{inset:0;overflow:hidden;position:absolute}.verify-background .bg-circle{background:#fff;border-radius:50%;opacity:.1;position:absolute}.verify-background .circle-1{animation:floatCircle 8s ease-in-out infinite;height:400px;right:-100px;top:-100px;width:400px}.verify-background .circle-2{animation:floatCircle 10s ease-in-out infinite reverse;bottom:-50px;height:300px;left:-50px;width:300px}.verify-background .circle-3{animation:floatCircle 12s ease-in-out infinite;height:200px;left:50%;top:50%;width:200px}@keyframes floatCircle{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.verify-container{max-width:440px;padding:20px;position:relative;width:100%;z-index:1}.verify-card{animation:slideUp .6s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:48px 40px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.verify-header{margin-bottom:24px;text-align:center}.verify-logo{align-items:center;background:#f1f5f9;border-radius:50%;color:#94a3b8;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.verify-logo.success{background:#ecfdf5;color:#10b981}.verify-logo.error{background:#fef2f2;color:#ef4444}.verify-spinner-large{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#0ea5e9;height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.verify-title{color:#0c4a6e;font-size:28px;font-weight:700;margin-bottom:8px}.verify-subtitle{color:#64748b;font-size:15px;line-height:1.6}.verify-actions{margin-top:8px;text-align:center}.verify-login-btn{align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);border-radius:12px;color:#fff;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;text-decoration:none;transition:all .3s ease}.verify-login-btn:hover{background:linear-gradient(135deg,#0369a1,#0284c7);box-shadow:0 8px 20px #0369a166;transform:translateY(-2px)}.verify-resend-section{margin-top:8px}.resend-label{color:#475569;font-size:14px;margin-bottom:12px}.resend-form{display:flex;gap:8px}.resend-input{background:#f1f5f9;border:2px solid #0000;border-radius:10px;color:#1e293b;flex:1 1;font-size:14px;outline:none;padding:12px 14px;transition:all .3s ease}.resend-input:focus{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91a}.resend-input::placeholder{color:#94a3b8}.resend-btn{background:linear-gradient(135deg,#0c4a6e,#0369a1);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.resend-btn:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#0284c7)}.resend-btn:disabled{cursor:not-allowed;opacity:.6}.resend-msg{color:#10b981;font-size:14px;font-weight:500;margin-top:12px}.verify-footer{color:#64748b;font-size:14px;margin-top:24px;text-align:center}.verify-footer a{color:#0369a1;font-weight:600;text-decoration:none;transition:color .3s ease}.verify-footer a:hover{color:#0284c7}@media (max-width:480px){.verify-card{padding:32px 24px}.resend-form{flex-direction:column}}.guidelines-page{background:linear-gradient(135deg,#0c4a6e,#0369a1 50%,#0284c7);min-height:100vh;overflow-x:hidden;position:relative}.guidelines-background{inset:0;overflow:hidden;position:absolute}.guidelines-page .bg-circle{background:#fff;border-radius:50%;opacity:.08;position:absolute}.guidelines-page .circle-1{animation:guidelinesFloat 8s ease-in-out infinite;height:500px;right:-100px;top:-150px;width:500px}.guidelines-page .circle-2{animation:guidelinesFloat 10s ease-in-out infinite reverse;bottom:-80px;height:350px;left:-80px;width:350px}.guidelines-page .circle-3{animation:guidelinesFloat 12s ease-in-out infinite;height:200px;left:30%;top:40%;width:200px}@keyframes guidelinesFloat{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.guidelines-container{margin:0 auto;max-width:800px;padding:40px 20px 60px;position:relative;z-index:1}.guidelines-header{animation:guidelinesFadeIn .5s ease;margin-bottom:40px;text-align:center}@keyframes guidelinesFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.guidelines-back-btn{align-items:center;color:#ffffffb3;display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:20px;text-decoration:none;transition:color .2s}.guidelines-back-btn:hover{color:#fff}.guidelines-title{color:#fff;font-size:36px;font-weight:800;margin:0 0 12px;text-shadow:0 2px 10px #0003}.guidelines-subtitle{color:#ffffffbf;font-size:16px;line-height:1.5;margin:0}.guidelines-content{display:flex;flex-direction:column;gap:20px}.guidelines-section{animation:guidelinesFadeIn .5s ease backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;padding:28px}.guidelines-section:first-child{animation-delay:.1s}.guidelines-section:nth-child(2){animation-delay:.15s}.guidelines-section:nth-child(3){animation-delay:.2s}.guidelines-section:nth-child(4){animation-delay:.25s}.guidelines-section:nth-child(5){animation-delay:.3s}.section-icon{align-items:center;background:#0ea5e933;border-radius:12px;color:#38bdf8;display:flex;height:44px;justify-content:center;margin-bottom:16px;width:44px}.section-icon.warning{background:#ef444433;color:#f87171}.section-icon.moderation{background:#fbbf2433;color:#fbbf24}.section-icon.account{background:#10b98133;color:#34d399}.guidelines-section h2{color:#fff;font-size:20px;font-weight:700;margin:0 0 16px}.guidelines-section ul{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.guidelines-section li{color:#fffc;font-size:14px;line-height:1.6;padding-left:20px;position:relative}.guidelines-section li:before{background:#38bdf8;border-radius:50%;content:"";height:6px;left:0;position:absolute;top:9px;width:6px}.section-icon.warning+h2+ul li:before{background:#f87171}.section-icon.moderation+h2+ul li:before{background:#fbbf24}.section-icon.account+h2+ul li:before{background:#34d399}.guidelines-section li strong{color:#fff}.guidelines-footer-note{color:#ffffff80;font-size:13px;line-height:1.6;padding:24px;text-align:center}.guidelines-footer-note p{margin:0 0 8px}.guidelines-updated{color:#ffffff59;font-size:12px}@media (max-width:640px){.guidelines-title{font-size:26px}.guidelines-subtitle{font-size:14px}.guidelines-section{padding:20px}.guidelines-container{padding:20px 16px 40px}}.privacy-page{background:linear-gradient(135deg,#0c4a6e,#0369a1 50%,#0284c7);min-height:100vh;overflow-x:hidden;position:relative}.privacy-background{inset:0;overflow:hidden;position:absolute}.privacy-page .bg-circle{background:#fff;border-radius:50%;opacity:.08;position:absolute}.privacy-page .circle-1{animation:privacyFloat 8s ease-in-out infinite;height:500px;right:-100px;top:-150px;width:500px}.privacy-page .circle-2{animation:privacyFloat 10s ease-in-out infinite reverse;bottom:-80px;height:350px;left:-80px;width:350px}.privacy-page .circle-3{animation:privacyFloat 12s ease-in-out infinite;height:200px;left:30%;top:40%;width:200px}@keyframes privacyFloat{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.privacy-container{margin:0 auto;max-width:800px;padding:40px 20px 60px;position:relative;z-index:1}.privacy-header{animation:privacyFadeIn .5s ease;margin-bottom:40px;text-align:center}@keyframes privacyFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.privacy-back-btn{align-items:center;color:#ffffffb3;display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:20px;text-decoration:none;transition:color .2s}.privacy-back-btn:hover{color:#fff}.privacy-title{color:#fff;font-size:36px;font-weight:800;margin:0 0 12px;text-shadow:0 2px 10px #0003}.privacy-subtitle{color:#ffffffbf;font-size:16px;line-height:1.5;margin:0}.privacy-content{display:flex;flex-direction:column;gap:20px}.privacy-section{animation:privacyFadeIn .5s ease backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;padding:28px}.privacy-section:first-child{animation-delay:.1s}.privacy-section:nth-child(2){animation-delay:.15s}.privacy-section:nth-child(3){animation-delay:.2s}.privacy-section:nth-child(4){animation-delay:.25s}.privacy-section:nth-child(5){animation-delay:.3s}.privacy-section:nth-child(6){animation-delay:.35s}.privacy-section:nth-child(7){animation-delay:.4s}.privacy-section .section-icon{align-items:center;background:#0ea5e933;border-radius:12px;color:#38bdf8;display:flex;height:44px;justify-content:center;margin-bottom:16px;width:44px}.privacy-section .section-icon.use{background:#8b5cf633;color:#a78bfa}.privacy-section .section-icon.storage{background:#10b98133;color:#34d399}.privacy-section .section-icon.cookies{background:#fbbf2433;color:#fbbf24}.privacy-section .section-icon.third{background:#ef444433;color:#f87171}.privacy-section .section-icon.rights{background:#0ea5e933;color:#38bdf8}.privacy-section .section-icon.contact{background:#ec489933;color:#f472b6}.privacy-section h2{color:#fff;font-size:20px;font-weight:700;margin:0 0 16px}.privacy-section ul{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.privacy-section li{color:#fffc;font-size:14px;line-height:1.6;padding-left:20px;position:relative}.privacy-section li:before{background:#38bdf8;border-radius:50%;content:"";height:6px;left:0;position:absolute;top:9px;width:6px}.privacy-section li strong{color:#fff}.privacy-footer-note{color:#ffffff80;font-size:13px;line-height:1.6;padding:24px;text-align:center}.privacy-footer-note p{margin:0 0 8px}.privacy-updated{color:#ffffff59;font-size:12px}@media (max-width:640px){.privacy-title{font-size:26px}.privacy-subtitle{font-size:14px}.privacy-section{padding:20px}.privacy-container{padding:20px 16px 40px}}.app{background:#f8f9fa;display:flex;overflow-x:hidden}.app,.main-content{min-height:100vh;position:relative}.main-content{background:#fff;box-sizing:border-box;flex:1 1;margin-left:220px;overflow-y:auto;padding:20px;transition:margin-left .3s ease;z-index:1}@media (max-width:1024px){.main-content{margin-left:0;padding:70px 20px 20px}}@media (max-width:768px){.main-content{margin-left:0;padding:70px 20px 20px}}@media (max-width:480px){.main-content{padding:70px 15px 15px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}img{animation:fadeIn .4s ease forwards;opacity:0}img:not([src]),img[src=""]{visibility:hidden}.page-header{animation:fadeInUp .4s ease}.page-header .page-title{animation:fadeInUp .3s ease}.page-header .page-subtitle{animation:fadeInUp .4s ease .05s backwards}
/*# sourceMappingURL=main.233b10f5.css.map*/