@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-base: rgba(11, 15, 31, .5);--bg-surface: rgba(16, 23, 45, .6);--bg-elevated: rgba(22, 30, 56, .75);--bg-recessed: rgba(5, 7, 18, .4);--bg-glass: rgba(16, 23, 45, .7);--bg-glass-strong: rgba(22, 30, 56, .88);--bg-hover: rgba(56, 189, 248, .12);--bg-active: rgba(56, 189, 248, .2);--bg-input: rgba(11, 15, 31, .7);--text-100: #f0f0f5;--text-200: #b4b4c0;--text-300: #7c7c8a;--text-400: #52525b;--accent-hue: 239;--accent: hsl(var(--accent-hue), 84%, 67%);--accent-bright: hsl(var(--accent-hue), 90%, 75%);--accent-dim: hsl(var(--accent-hue), 70%, 55%);--accent-glow: hsla(var(--accent-hue), 84%, 67%, .18);--accent-glow-strong: hsla(var(--accent-hue), 84%, 67%, .35);--pink: #e879a8;--violet: #a78bfa;--emerald: #34d399;--amber: #fbbf24;--rose: #fb7185;--sky: #38bdf8;--gradient-brand: linear-gradient(135deg, hsl(var(--accent-hue), 84%, 67%), #a78bfa, #e879a8);--gradient-surface: linear-gradient(180deg, var(--bg-surface) 0%, var(--bg-base) 100%);--gradient-glow: radial-gradient(ellipse at 50% 0%, hsla(var(--accent-hue), 80%, 60%, .08) 0%, transparent 60%);--border: rgba(255, 255, 255, .07);--border-subtle: rgba(255, 255, 255, .04);--border-accent: hsla(var(--accent-hue), 84%, 67%, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--accent-glow), 0 0 60px hsla(var(--accent-hue), 84%, 67%, .06);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--sidebar-w: 300px;--header-h: 62px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;height:100dvh;overflow:hidden}body{font-family:var(--font);font-size:14px;color:var(--text-100);background:linear-gradient(135deg,#0b1126,#030712);background-attachment:fixed;min-height:100vh;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;height:100dvh;display:flex}#app:has(.landing-page){display:block;overflow-y:auto;overflow-x:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:10px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-400);background-clip:content-box}*{scrollbar-width:thin;scrollbar-color:var(--bg-hover) transparent}body.has-bg .sidebar{background:var(--bg-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}body.has-bg .chat-main,body.has-bg .dashboard-area{background:transparent;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}body.has-bg .chat-header,body.has-bg .chat-input{background:var(--bg-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}body.has-bg .auth-page{background:transparent}body.has-bg .auth-card{background:#18181bc7;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}body.has-bg .sidebar-profile{background:var(--bg-surface)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border:none;border-radius:var(--radius-sm);font-family:var(--font);font-size:13px;font-weight:550;cursor:pointer;transition:all .18s var(--ease);white-space:nowrap;text-decoration:none;letter-spacing:.01em}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 16px var(--accent-glow),var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-bright);box-shadow:0 0 24px var(--accent-glow-strong),var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-elevated);color:var(--text-200);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-accent);color:var(--text-100)}.btn-danger{background:var(--rose);color:#fff}.btn-danger:hover:not(:disabled){background:#f43f5e;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-300)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-100)}.btn-sm{padding:5px 12px;font-size:12px;border-radius:var(--radius-xs)}.btn-icon{width:34px;height:34px;padding:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-300);border:none;cursor:pointer;transition:all .18s var(--ease);display:inline-flex;align-items:center;justify-content:center;font-size:16px;position:relative}.btn-icon:hover{background:var(--bg-hover);color:var(--text-100)}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:12px;color:var(--text-300);font-weight:550;letter-spacing:.02em;text-transform:uppercase}.input{padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-100);font-family:var(--font);font-size:14px;outline:none;transition:all .2s var(--ease)}.input:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-400)}textarea.input{resize:vertical;min-height:76px}.card{background:var(--bg-glass-strong);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden}.card-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-header h3{font-size:15px;font-weight:600;color:var(--text-100)}.card-body{padding:20px}.avatar-wrapper{position:relative;display:inline-block}.avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.avatar-wrapper.has-decoration .avatar,.avatar-wrapper.has-decoration .avatar-placeholder{border:none;box-shadow:none}.avatar-decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10}.avatar-sm{width:30px;height:30px}.avatar{width:38px;height:38px}.avatar-lg{width:56px;height:56px}.avatar-xl{width:88px;height:88px}.avatar-placeholder{display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;text-transform:uppercase;flex-shrink:0;border-radius:var(--radius-full)}.online-dot{width:10px;height:10px;border-radius:50%;background:var(--emerald);border:2.5px solid var(--bg-surface);position:absolute;bottom:0;right:0;box-shadow:0 0 6px #34d39980}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--radius-full);font-size:11px;font-weight:650;letter-spacing:.02em}.badge-primary{background:var(--accent-glow);color:var(--accent-bright)}.badge-success{background:#34d3991f;color:var(--emerald)}.badge-danger{background:#fb71851f;color:var(--rose)}.badge-warning{background:#fbbf241f;color:var(--amber)}.bot-badge{font-size:9px;background:#5865f2;color:#fff;padding:2px 6px;border-radius:8px;font-weight:700;display:inline-flex;align-items:center;gap:3px;line-height:1.2}.modal-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s var(--ease)}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);width:92%;max-width:460px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalIn .3s var(--ease-spring)}.modal-header{padding:22px 24px 0;display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:17px;font-weight:700}.modal-body{padding:20px 24px}.modal-footer{padding:0 24px 22px;display:flex;justify-content:flex-end;gap:8px}@media(max-width:768px){.modal{width:100%;max-width:none;height:100%;height:100dvh;max-height:100%;max-height:100dvh;border-radius:0;border:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.confirm-modal,.rich-confirm-modal,.rich-alert-modal{width:90%!important;height:auto!important;min-height:auto!important;max-height:90vh!important;max-height:90dvh!important;margin:auto;border-radius:var(--radius-xl)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-lg)!important;transform:none!important;padding-top:0!important;padding-bottom:0!important}}.member-mgmt-card{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-recessed);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:8px;transition:all .2s var(--ease)}.member-mgmt-card:hover{background:var(--bg-elevated);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.member-mgmt-actions{display:flex;gap:8px;opacity:.6;transition:opacity .2s var(--ease)}.member-mgmt-card:hover .member-mgmt-actions{opacity:1}@media(max-width:768px){.member-mgmt-actions{opacity:1}}.music-modal{width:100%;max-width:440px;background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-accent)}.modal-title-group{display:flex;align-items:center;gap:16px}.modal-icon-glow{width:44px;height:44px;background:var(--accent-glow);border:1.5px solid var(--accent-accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--accent-bright);font-size:20px;box-shadow:0 0 15px var(--accent-glow)}.music-info-card{padding:16px;background:var(--bg-recessed);border-radius:var(--radius-md);border:1px solid var(--border);display:flex;align-items:center;gap:14px;margin-bottom:24px}.music-info-card i{font-size:24px;color:red}.music-info-card p{font-size:13px;color:var(--text-200);line-height:1.6}.music-input-group label{display:block;font-size:14px;font-weight:600;color:var(--text-100);margin-bottom:10px}.themed-input-wrapper{position:relative;width:100%;background:var(--bg-input);border:2px solid var(--border);border-radius:var(--radius-md);transition:all .2s var(--ease);display:flex;align-items:center;padding:0 16px}.themed-input-wrapper:focus-within{border-color:var(--accent);background:var(--bg-base);box-shadow:0 0 0 4px var(--accent-glow)}.themed-input-wrapper i{color:var(--text-300);margin-right:12px}.themed-input-wrapper input{background:transparent;border:none;width:100%;padding:14px 0;color:var(--text-100);font-family:inherit;font-size:14px;outline:none}.themed-input-wrapper input::placeholder{color:var(--text-400)}.input-hint{font-size:12px;color:var(--text-400);margin-top:8px}.btn-glow{background:var(--gradient-brand);background-size:200% auto;transition:.5s;box-shadow:0 4px 15px #0006}.btn-glow:hover{background-position:right center;box-shadow:0 0 20px var(--accent-glow-strong);transform:translateY(-2px)}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-glass-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-lg);color:var(--text-100);min-width:280px;max-width:380px;overflow:hidden;position:relative;animation:toastIn .4s cubic-bezier(.19,1,.22,1);transition:all .4s cubic-bezier(.19,1,.22,1)}@keyframes toastIn{0%{transform:translate(110%) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.toast-dismissing{transform:translate(110%);opacity:0;filter:blur(4px)}.toast-indicator{position:absolute;left:0;top:0;bottom:0;width:3px}.toast-success .toast-indicator{background:#10b981}.toast-error .toast-indicator{background:#ef4444}.toast-info .toast-indicator{background:#5865f2}.toast-success{background:linear-gradient(90deg,rgba(16,185,129,.08) 0%,var(--bg-glass-strong) 100%)}.toast-success .toast-icon{color:#10b981;background:#10b9811a}.toast-error{background:linear-gradient(90deg,rgba(239,68,68,.08) 0%,var(--bg-glass-strong) 100%)}.toast-error .toast-icon{color:#ef4444;background:#ef44441a}.toast-info{background:linear-gradient(90deg,rgba(88,101,242,.08) 0%,var(--bg-glass-strong) 100%)}.toast-info .toast-icon{color:#5865f2;background:#5865f21a}.toast-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;border:1px solid rgba(255,255,255,.04)}.toast-content{display:flex;flex-direction:column;gap:1px}.toast-title{font-size:14px;font-weight:600;letter-spacing:-.01em}.toast-success .toast-title{color:#10b981}.toast-error .toast-title{color:#ef4444}.toast-description{font-size:12px;color:var(--text-300);line-height:1.4}.toast-mention{border-left:3px solid #5865f2;background:linear-gradient(90deg,rgba(88,101,242,.12),var(--bg-glass-strong))}.space-mgmt-modal{max-width:900px!important}.space-mgmt-body{display:flex;flex:1;overflow:hidden}.space-mgmt-nav{display:flex;flex-direction:column;gap:2px;min-width:180px;max-width:180px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;background:var(--bg-recessed);padding:8px;border-right:1px solid var(--border)}.space-mgmt-nav::-webkit-scrollbar{width:4px}.space-mgmt-nav::-webkit-scrollbar-track{background:transparent}.space-mgmt-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.space-mgmt-nav .settings-tab{padding:10px 12px;background:none;border:none;color:var(--text-400);font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;border-radius:var(--radius-xs);transition:all .18s var(--ease);letter-spacing:.01em;display:flex;align-items:center;gap:8px;flex-shrink:0;text-align:left;justify-content:flex-start;width:100%}.space-mgmt-nav .settings-tab.active{background:var(--accent);color:#fff;box-shadow:0 0 10px var(--accent-glow)}.space-mgmt-nav .settings-tab:hover:not(.active){color:var(--text-200);background:var(--bg-hover)}.space-mgmt-content{flex:1;overflow-y:auto}@media(max-width:768px){#user-settings-modal{max-width:none!important;height:100%!important;height:100dvh!important;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}#user-settings-modal .admin-modal-header{flex-wrap:wrap}#us-nav{order:3;width:100%;margin-top:10px;padding:0 4px!important}}@media(max-width:768px){.space-mgmt-modal{width:100%!important;max-width:none!important;height:100%!important;height:100dvh!important;max-height:100%!important;max-height:100dvh!important;border-radius:0!important;border:none!important;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.space-mgmt-body{flex-direction:column}.space-mgmt-nav{flex-direction:row;min-width:100%;max-width:100%;border-right:none;border-bottom:1px solid var(--border);padding:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.space-mgmt-nav .settings-tab{padding:8px 12px;font-size:11px;gap:4px;white-space:nowrap;flex-shrink:0;width:auto}}@media(max-width:480px){.space-mgmt-nav{justify-content:flex-start}.space-mgmt-nav .settings-tab{padding:10px 14px;font-size:15px;gap:0}.space-mgmt-nav .settings-tab i{margin:0}.space-mgmt-nav .settings-tab span{display:none}}.image-viewer-modal{position:fixed;top:0;left:0;width:100vw;height:100%;height:100dvh;z-index:10000;background-color:#000000e6;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.image-viewer-modal:not(.hidden){opacity:1;visibility:visible}.image-viewer-modal img{max-width:calc(90vw - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(90vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(90dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));object-fit:contain;border-radius:var(--radius-md);box-shadow:0 10px 30px #00000080}.image-viewer-modal:not(.hidden) img{animation:imgPopIn .35s cubic-bezier(.175,.885,.32,1.275) forwards}.image-viewer-close{position:absolute;top:20px;right:30px;color:#fff;font-size:40px;font-weight:300;cursor:pointer;transition:color .2s ease;z-index:10001;text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1}.image-viewer-close:hover{color:var(--primary)}.context-menu{background:var(--bg-glass-strong);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px;min-width:180px;box-shadow:0 8px 16px #00000080,0 0 0 1px #0006;animation:contextMenuIn .15s var(--ease)}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;color:var(--text-200);cursor:pointer;border-radius:var(--radius-xs);transition:all .15s var(--ease)}.context-menu-item:hover{background:var(--accent);color:#fff}.context-menu-item i{width:14px;text-align:center;font-size:13px;opacity:.7}.context-menu-item:hover i{opacity:1}.context-menu-item-danger:hover{background:var(--rose)!important}.context-menu-divider{height:1px;background:var(--border);margin:4px 6px}.daily-reward-modal{background:var(--bg-elevated);border-radius:var(--radius-xl);width:90%;max-width:480px;overflow:hidden;box-shadow:var(--shadow-lg);animation:modalIn .3s var(--ease-spring);max-height:90vh;max-height:90dvh;overflow-y:auto}@media(max-width:640px){.daily-reward-modal{width:95%;max-width:none;border-radius:var(--radius-lg)}}.daily-reward-header{background:linear-gradient(135deg,var(--accent),var(--violet));padding:40px 32px;text-align:center;position:relative;overflow:hidden}@media(max-width:640px){.daily-reward-header{padding:32px 20px}}.daily-reward-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1),transparent 60%)}.daily-reward-icon{width:80px;height:80px;background:#fff3;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:36px;color:#fff;animation:pulse 2s ease-in-out infinite;position:relative;z-index:1}@media(max-width:640px){.daily-reward-icon{width:64px;height:64px;font-size:28px;margin-bottom:16px}}.daily-reward-header h2{font-size:28px;font-weight:800;color:#fff;margin-bottom:8px;position:relative;z-index:1}@media(max-width:640px){.daily-reward-header h2{font-size:24px}}.daily-reward-header p{font-size:14px;color:#ffffffe6;position:relative;z-index:1}.daily-reward-body{padding:32px}@media(max-width:640px){.daily-reward-body{padding:24px 20px}}.daily-reward-points{text-align:center;margin-bottom:28px}.daily-reward-points-icon{font-size:48px;color:var(--amber);margin-bottom:12px;animation:float 3s ease-in-out infinite}@media(max-width:640px){.daily-reward-points-icon{font-size:40px}}.daily-reward-points-amount{font-size:56px;font-weight:800;color:var(--text-100);line-height:1;margin-bottom:8px}@media(max-width:640px){.daily-reward-points-amount{font-size:48px}}.daily-reward-points-label{font-size:14px;color:var(--text-400);text-transform:uppercase;letter-spacing:1px;font-weight:600}.daily-reward-streak{background:var(--bg-recessed);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:16px;margin-bottom:24px}@media(max-width:640px){.daily-reward-streak{padding:16px;gap:12px}}.daily-reward-streak-icon{width:56px;height:56px;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;flex-shrink:0}@media(max-width:640px){.daily-reward-streak-icon{width:48px;height:48px;font-size:24px}}.daily-reward-streak-info{flex:1}.daily-reward-streak-number{font-size:24px;font-weight:700;color:var(--text-100);line-height:1;margin-bottom:4px}@media(max-width:640px){.daily-reward-streak-number{font-size:20px}}.daily-reward-streak-label{font-size:13px;color:var(--text-400);font-weight:500}.daily-reward-bonus{background:linear-gradient(135deg,var(--amber),#f59e0b);color:#fff;padding:12px 20px;border-radius:var(--radius-md);text-align:center;font-weight:600;font-size:14px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:8px;animation:pulse 2s ease-in-out infinite}.daily-reward-info{display:flex;flex-direction:column;gap:12px}.daily-reward-info-item{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-300)}.daily-reward-info-item i{color:var(--accent);font-size:16px;width:20px;text-align:center}.daily-reward-footer{padding:0 32px 32px;display:flex;gap:12px}@media(max-width:640px){.daily-reward-footer{padding:0 20px 24px;flex-direction:column}}.daily-reward-footer .btn{flex:1;padding:14px;font-size:15px;font-weight:600}.daily-reward-success{background:var(--bg-elevated);border-radius:var(--radius-xl);padding:48px 40px;text-align:center;max-width:400px;animation:modalIn .3s var(--ease-spring);position:relative}@media(max-width:640px){.daily-reward-success{padding:40px 24px;border-radius:var(--radius-lg);width:95%}}.daily-reward-success-icon{width:100px;height:100px;background:linear-gradient(135deg,var(--emerald),#10b981);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:48px;color:#fff;animation:scaleIn .5s var(--ease-spring)}@media(max-width:640px){.daily-reward-success-icon{width:80px;height:80px;font-size:40px;margin-bottom:20px}}.daily-reward-success h2{font-size:28px;font-weight:800;color:var(--text-100);margin-bottom:16px}@media(max-width:640px){.daily-reward-success h2{font-size:24px}}.daily-reward-success-points{font-size:36px;font-weight:800;color:var(--amber);margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px}@media(max-width:640px){.daily-reward-success-points{font-size:32px}}.daily-reward-success p{font-size:15px;color:var(--text-300)}.daily-reward-success-confetti{font-size:48px;position:absolute;top:20px;left:50%;transform:translate(-50%);animation:confetti 1s ease-out}.dropdown-status-selector{padding:8px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;background:var(--bg-recessed);margin:4px 8px 8px;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}@media(max-width:600px){.dropdown-status-selector{grid-template-columns:repeat(4,1fr);margin:4px 8px;padding:6px}.status-option{padding:8px 4px;flex-direction:column;gap:4px;font-size:10px;text-align:center}}.status-option{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:600;color:var(--text-300);cursor:pointer;border-radius:var(--radius-xs);transition:all .15s var(--ease)}.status-option:hover{background:var(--bg-hover);color:var(--text-100)}.status-option.active{background:var(--accent-10);color:var(--accent)}.status-option i{font-size:8px}.status-option[data-status=online] i{color:var(--emerald)}.status-option[data-status=away] i{color:var(--sun)}.status-option[data-status=busy] i{color:var(--rose)}.status-option[data-status=offline] i{color:var(--text-400)}.dropdown-custom-status{padding:8px 12px;margin-bottom:4px}.dropdown-custom-status-input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;color:var(--text-100);font-size:12px;outline:none;transition:border-color .2s}.dropdown-custom-status-input:focus{border-color:var(--accent)}.auth-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-base);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 600px 400px at 25% 40%,hsla(var(--accent-hue),70%,50%,.07),transparent),radial-gradient(ellipse 500px 350px at 75% 60%,hsla(280,70%,50%,.05),transparent),radial-gradient(ellipse 300px 300px at 50% 20%,hsla(330,60%,50%,.04),transparent);animation:auroraShift 12s ease-in-out infinite alternate;pointer-events:none}.auth-page:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none}.auth-card{position:relative;z-index:1;width:100%;max-width:400px;padding:44px 40px;background:var(--bg-glass-strong);border:1px solid var(--border);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.auth-logo{text-align:center;margin-bottom:36px}.auth-logo h1{font-size:28px;font-weight:800;letter-spacing:-.02em;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-logo p{color:var(--text-300);font-size:13px;margin-top:6px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form .btn-primary{margin-top:8px;padding:12px;font-size:14px;border-radius:var(--radius-md)}.auth-switch{text-align:center;margin-top:20px;font-size:13px;color:var(--text-300)}.auth-switch a{color:var(--accent-bright);cursor:pointer;text-decoration:none;font-weight:500}.auth-switch a:hover{text-decoration:underline}.auth-error{background:#fb718514;border:1px solid rgba(251,113,133,.15);color:var(--rose);padding:10px 14px;border-radius:var(--radius-sm);font-size:13px}@media(max-width:768px){.auth-page{padding:0}.auth-card{width:100%;min-height:100%;min-height:100dvh;border-radius:0;border:none;display:flex;flex-direction:column;justify-content:center;-webkit-backdrop-filter:none;backdrop-filter:none}}.chat-layout{width:100%;height:100%;height:100dvh;display:flex;overflow:hidden;position:relative;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.sidebar{width:var(--sidebar-w);height:100%;background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10;display:flex;flex-direction:column;flex-shrink:0;position:relative;padding-bottom:60px;transform:translateZ(0);will-change:transform}body.is-low-end .sidebar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#12192d}.sidebar:after{content:"";position:absolute;top:0;inset-inline-end:0;bottom:0;width:1px;background:linear-gradient(180deg,var(--accent-glow) 0%,transparent 30%,transparent 70%,var(--accent-glow) 100%);pointer-events:none}.space-sidebar{width:260px;height:100%;background:var(--bg-surface);border-inline-start:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;position:relative}body.has-bg .space-sidebar{background:var(--bg-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.space-sidebar-header{height:var(--header-h);padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--border);flex-shrink:0;font-weight:600;color:var(--text-200);font-size:14px}.space-sidebar-close{display:none!important;margin-left:auto}.space-sidebar-backdrop{display:none}.space-sidebar-list{flex:1;overflow-y:auto;padding:12px}.sidebar-header{height:var(--header-h);padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-header h2{font-size:18px;font-weight:800;letter-spacing:-.02em;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.sidebar-header-actions{display:flex;align-items:center;gap:8px}.sidebar-header-notif-btn{background:#ffffff0d;border:none;width:34px;height:34px;border-radius:10px;color:var(--text-200);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s var(--ease)}.sidebar-header-notif-btn:hover{background:#ffffff1a;color:var(--text-100);transform:translateY(-1px)}.sidebar-header-notif-btn .mention-badge{position:absolute;top:-2px;right:-2px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-surface);line-height:normal}.sidebar-actions{display:flex;gap:8px}.profile-dropdown-container{position:relative}.profile-dropdown{position:absolute;bottom:100%;inset-inline-start:8px;inset-inline-end:auto;margin-bottom:8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0;min-width:250px;box-shadow:var(--shadow-lg);z-index:1000;transform-origin:bottom left;animation:scaleIn .15s ease-out;max-height:calc(100vh - 80px);overflow-y:auto;overflow-x:hidden}@media(max-width:600px){.profile-dropdown{position:fixed;bottom:85px;inset-inline-start:12px;inset-inline-end:12px;width:auto;min-width:0;max-height:calc(100dvh - 100px);overflow-y:auto;animation:slideUpIn .25s var(--ease-spring);box-shadow:0 -10px 40px #0006;border-radius:var(--radius-xl)}.dropdown-profile-stats{display:none}.dropdown-profile-header{padding:12px 16px}}@keyframes slideUpIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dropdown-profile-header{padding:16px;background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-elevated) 100%);border-bottom:1px solid var(--border)}.dropdown-profile-details{display:flex;align-items:center;gap:12px;margin-bottom:16px}.dropdown-profile-avatar{flex-shrink:0}.dropdown-profile-info{flex-grow:1;min-width:0}.dropdown-profile-name{font-weight:700;font-size:15px;color:var(--text-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.dropdown-profile-level{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;color:var(--accent-bright);background:var(--accent-dim);padding:1px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(var(--accent-rgb),.2)}.dropdown-profile-stats{background:var(--bg-recessed);padding:12px;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.dropdown-stat-item{margin-bottom:10px}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.stat-label{font-size:9px;font-weight:800;color:var(--text-400);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:10px;font-weight:700;color:var(--text-200)}.progress-bar-small{height:4px;background:var(--bg-recessed);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:2px;box-shadow:0 0 8px var(--accent-glow)}.dropdown-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dropdown-stat-mini{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:700;color:var(--text-100);background:var(--bg-surface);padding:6px;border-radius:6px;border:1px solid var(--border)}.sidebar-secondary-bar{position:absolute;inset-inline-end:-4px;bottom:calc(100% + 14px);display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px 12px;pointer-events:none;box-shadow:var(--shadow-lg);clip-path:inset(-50px -50px -50px 100%);opacity:0;transition:clip-path .4s cubic-bezier(.175,.885,.32,1.2),opacity .3s ease;z-index:100}.sidebar-profile-action-btn .mention-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;background:var(--rose);color:#fff;font-size:10px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-hover);padding:0 4px}.sidebar-secondary-bar:after{content:"";position:absolute;bottom:-6px;inset-inline-end:18px;width:10px;height:10px;background:var(--bg-elevated);border-right:1px solid var(--border);border-bottom:1px solid var(--border);transform:rotate(45deg);pointer-events:none}.sidebar-secondary-bar.open-bar{clip-path:inset(-50px -50px -50px -50px);opacity:1;pointer-events:auto}.sidebar-secondary-bar .sidebar-profile-action-btn{background:var(--bg-hover);color:var(--text-400);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease)}.sidebar-secondary-bar .sidebar-profile-action-btn i,.sidebar-secondary-bar .sidebar-profile-action-btn svg{font-size:16px;width:18px;height:18px}.sidebar-secondary-bar .sidebar-profile-action-btn:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.profile-dropdown .dropdown-item{padding:10px 16px}.profile-dropdown.hidden{display:none}.dropdown{position:relative;display:inline-block}.dropdown-menu{display:none;position:absolute;top:100%;margin-top:4px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 0;min-width:160px;box-shadow:0 4px 12px #00000080;z-index:1000;animation:scaleIn .15s ease-out}.dropdown-menu-right{inset-inline-end:0}.dropdown:focus-within .dropdown-menu,.dropdown:hover .dropdown-menu{display:block}.dropdown-item{padding:10px 16px;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:var(--font-sm);color:var(--text-200);transition:all .2s ease}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-100)}.dropdown-item.text-danger:hover{background:#ef44441a;color:var(--red)}.dropdown-item[disabled]{opacity:.5;pointer-events:none;cursor:not-allowed}.dropdown-divider{height:1px;background:var(--border);margin:6px 0}.sidebar-tabs{display:flex;padding:6px 10px;border-bottom:1px solid var(--border);flex-shrink:0;gap:4px;background:var(--bg-recessed)}.sidebar-tab{flex:1;padding:8px 0;background:none;border:none;color:var(--text-400);font-family:var(--font);font-size:11px;font-weight:700;cursor:pointer;border-radius:8px;transition:all .2s var(--ease);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.sidebar-tab i{font-size:14px;opacity:.7}.sidebar-tab:hover{color:var(--text-200);background:var(--bg-hover)}.sidebar-tab.active{color:var(--text-100);background:var(--bg-elevated);box-shadow:0 2px 8px #0003,inset 0 0 0 1px #ffffff0d}.sidebar-tab.active i{color:var(--accent);opacity:1}.sidebar-search{padding:10px 12px;flex-shrink:0}.sidebar-search .input{width:100%;padding:8px 12px;font-size:13px;background:var(--bg-recessed);border-radius:var(--radius-md);border-color:transparent}.sidebar-search .input:focus{border-color:var(--accent-dim)}.sidebar-list{flex:1;overflow-y:auto;padding:6px 8px 65px;display:flex;flex-direction:column;gap:5px}.sidebar-item{display:flex;align-items:center;flex-shrink:0;gap:11px;padding:9px 10px;border-radius:var(--radius-md);cursor:pointer;transition:background .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease);position:relative;border:1px solid transparent;overflow:hidden;transform:translateZ(0);backface-visibility:hidden;will-change:transform,background}.sidebar-item>*:not(.sidebar-item-bg){position:relative;z-index:1}.sidebar-item-bg{position:absolute;top:0;inset-inline-end:0;width:200px;height:100%;background-size:cover;background-position:center;z-index:0;pointer-events:none;opacity:.5;-webkit-mask-image:linear-gradient(to var(--float-start, left),rgba(0,0,0,1) 30%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to var(--float-start, left),rgba(0,0,0,1) 30%,rgba(0,0,0,0) 100%);transition:opacity .3s var(--ease);transform:translateZ(0);will-change:opacity}.sidebar-item:hover .sidebar-item-bg{opacity:.7}.sidebar-item.active .sidebar-item-bg{opacity:.85}.sidebar-item:hover{background:var(--bg-hover)}.sidebar-item.active{background:var(--bg-active);border-color:var(--border-accent);box-shadow:inset 0 0 0 1px var(--accent-glow)}.sidebar-item-info{flex:1;min-width:0}.sidebar-item-name{font-weight:550;font-size:13px;color:var(--text-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-preview{font-size:11.5px;color:var(--text-400);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-mood{font-size:11.5px;color:var(--text-300);background:#00000040;padding:2px 8px;border-radius:10px;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;border:1px solid rgba(255,255,255,.04)}.sidebar-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.sidebar-item-time{font-size:10.5px;color:var(--text-400);font-weight:500}.sidebar-item-badge{min-width:18px;height:18px;border-radius:var(--radius-full);background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 0 8px var(--accent-glow)}.mention-badge{min-width:20px;height:20px;border-radius:var(--radius-full);background:#5865f2;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 6px;margin-left:8px;box-shadow:0 0 10px #5865f280}.sidebar-item-recent-users{display:flex;flex-direction:row-reverse;margin-left:auto;padding-right:4px;align-items:center}.sidebar-item-recent-users .avatar-wrapper{width:24px!important;height:24px!important;margin-left:-10px;border:1.5px solid var(--bg-surface);border-radius:50%;box-shadow:0 2px 5px #00000040;animation:avatarIn .4s var(--ease-spring) forwards;pointer-events:none}@keyframes avatarIn{0%{opacity:0;transform:translate(20px) scale(.6)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes avatarOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:translate(20px) scale(0)}}.avatar-leaving{animation:avatarOut .4s var(--ease) forwards!important;pointer-events:none}.sidebar-item-recent-users .avatar-placeholder{font-size:8px!important}.role-badge-mini{display:inline-block;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600;color:#fff;margin-right:4px}.sidebar-profile{padding:0;border-top:1px solid var(--border);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;background:var(--bg-surface);flex-shrink:0;transition:all .3s var(--ease)}.sidebar-music-status{background:var(--bg-glass-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border-accent);z-index:25;animation:slideUp .3s var(--ease)}.music-bar-content{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:12px}.music-bar-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.music-spectrum{display:flex;align-items:flex-end;gap:3px;width:20px;height:20px}.music-spectrum span{width:3px;border-radius:2px;background:var(--accent-bright);box-shadow:0 0 8px var(--accent-glow)}.music-spectrum .bar1{height:60%;animation:spectrum .8s infinite ease-in-out}.music-spectrum .bar2{height:100%;animation:spectrum .6s infinite ease-in-out;animation-delay:.1s}.music-spectrum .bar3{height:40%;animation:spectrum 1s infinite ease-in-out;animation-delay:.2s}@keyframes spectrum{0%,to{height:30%}50%{height:100%}}.music-spectrum.paused span{animation-play-state:paused;opacity:.5}.music-bar-info{display:flex;flex-direction:column;gap:1px;min-width:0}.music-bar-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:-1px}.music-bar-title{font-size:13px;font-weight:600;color:var(--text-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.music-bar-actions{display:flex;align-items:center;gap:8px}.music-bar-btn{width:34px;height:34px;border-radius:var(--radius-md);background:var(--bg-surface);border:1.5px solid var(--border);color:var(--text-200);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .25s var(--ease);box-shadow:var(--shadow-sm)}.music-bar-btn:hover{background:var(--bg-elevated);border-color:var(--accent-glow-strong);color:var(--accent-bright);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-glow)}.music-bar-btn:active{transform:scale(.92)}.music-bar-btn.stop:hover{background:#ef44441f;border-color:#ef444466;color:#fb7185;box-shadow:0 4px 12px #ef444433}.volume-control-group{position:relative;display:flex;align-items:center}.volume-slider-wrapper{position:absolute;bottom:0;right:100%;margin-right:10px;background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--border-accent);box-shadow:var(--shadow-lg);opacity:0;transform:translate(10px) scale(.95);pointer-events:none;transition:all .2s var(--ease);width:100px;display:flex;align-items:center}.volume-slider-wrapper.open{opacity:1;transform:translate(0) scale(1);pointer-events:all}.volume-slider-wrapper input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:var(--border-accent);border-radius:2px;outline:none}.volume-slider-wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--accent-bright);border-radius:50%;cursor:pointer;box-shadow:0 0 10px var(--accent-glow);transition:transform .1s}.volume-slider-wrapper input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}#youtube-player-container{width:100%;height:0;overflow:hidden;background:#000;transition:all .3s var(--ease);position:relative;z-index:10}#youtube-player-container.visible{height:157px;border-bottom:1px solid var(--border-accent)}#youtube-player-container iframe{width:100%;height:100%;border:none}.sidebar-bottom-dock{position:fixed;bottom:0;inset-inline-start:0;width:var(--sidebar-w);z-index:20;background:var(--bg-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border-accent);border-inline-end:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.sidebar-profile{position:relative;width:100%;height:auto;box-sizing:border-box}.sidebar-profile:hover{background:var(--bg-hover)}.volume-slider-wrapper input[type=range]{-webkit-appearance:none;appearance:none}.sidebar-profile-card{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;gap:10px;background:transparent;border-top:1px solid var(--border-subtle)}.sidebar-profile-card-left{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1;min-width:0;padding:4px 6px;border-radius:var(--radius-md);transition:background .15s}.sidebar-profile-card-left:hover{background:var(--bg-hover)}.sidebar-profile-card-info{display:flex;flex-direction:column;min-width:0}.sidebar-profile-card-name{font-weight:700;font-size:14px;color:var(--text-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sidebar-profile-card-level{font-size:11.5px;color:var(--emerald);font-weight:600}.sidebar-profile-card-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.sidebar-profile-action-btn{width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:var(--text-400);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease);font-size:15px;position:relative}.sidebar-profile-action-btn:hover{background:transparent;color:var(--text-100);transform:translateY(-1px)}.sidebar-profile-action-btn.playing{color:var(--emerald);animation:pulse 2s ease-in-out infinite}.sidebar-profile-info{flex:1;min-width:0;cursor:pointer}.sidebar-profile-name{font-weight:600;font-size:13px;color:var(--text-100);margin-bottom:2px}.sidebar-profile-actions{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative;gap:4px;padding:12px 14px}.sidebar-profile-music-btn{width:44px;height:44px;border-radius:50%;background:transparent;border:none;color:var(--text-300);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s var(--ease-spring);font-size:20px;flex-shrink:0;position:relative}.sidebar-profile-music-btn:hover{background:transparent;color:var(--text-100);transform:translateY(-2px) scale(1.05)}.sidebar-profile-music-btn.active{color:var(--accent-bright);background:transparent}.sidebar-profile-music-btn.active:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;background:var(--accent-bright);border-radius:50%;box-shadow:0 0 8px var(--accent-bright)}.sidebar-profile-music-btn.playing{color:var(--emerald);animation:pulse 2s ease-in-out infinite}.sidebar-profile-music-btn.playing:before,.sidebar-profile-music-btn.playing:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:2px solid var(--emerald);border-radius:var(--radius-md);opacity:0;animation:wave 2s ease-out infinite}.sidebar-profile-music-btn.playing:after{animation-delay:1s}@keyframes wave{0%{width:100%;height:100%;opacity:.8}to{width:200%;height:200%;opacity:0}}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0;background:transparent;position:relative}.chat-header{height:54px;padding:0 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);box-shadow:0 1px 2px #0000001a;flex-shrink:0;position:relative;z-index:10}.chat-header-info{display:flex;align-items:center;gap:10px}.chat-header-name{font-weight:700;font-size:16px;color:var(--text-100);display:flex;align-items:center;gap:6px}.chat-header-status{font-size:13px;color:var(--text-400);margin-top:2px;font-weight:500}.chat-header-actions{display:flex;gap:2px}.btn-back-to-dashboard{background:var(--bg-hover);color:var(--text-200);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;transition:all .2s var(--ease);cursor:pointer}.btn-back-to-dashboard:hover{background:var(--accent);color:#fff;transform:translate(-2px)}.messages-area{flex:1;overflow-y:auto;padding:20px 28px;display:flex;flex-direction:column;gap:2px;position:relative;z-index:1;opacity:1;background:transparent;transition:opacity .2s ease-in-out}.messages-area.loading-scroll{opacity:0;transition:none}.message-group{display:flex;gap:12px;padding:6px 8px;border-radius:var(--radius-sm);transition:background .12s var(--ease)}.message-group:hover{background:#ffffff05}.message-content{flex:1;min-width:0}.message-author{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.message-author-name{font-weight:650;font-size:13px;cursor:pointer;color:var(--text-100)}.message-author-name:hover{opacity:.8}.message-timestamp{font-size:10.5px;color:var(--text-400);font-weight:500}.message-text{font-size:14px;color:var(--text-200);line-height:1.55;word-break:break-word}.message-code-block{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:6px;margin-bottom:6px;overflow:hidden}.message-code-block .code-header{background:#0003;padding:6px 12px;font-size:11px;color:var(--text-400);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.message-code-block pre{margin:0;padding:12px;overflow-x:auto}.message-code-block code{font-family:Consolas,Courier New,monospace;font-size:13px;color:var(--text-200);white-space:pre-wrap}.message-inline-code{font-family:Consolas,Courier New,monospace;font-size:13px;background:#0000004d;padding:2px 4px;border-radius:3px;color:var(--text-100)}.mention{display:inline-block;padding:0 4px;border-radius:3px;font-weight:500;cursor:pointer;transition:all .15s ease}.mention-everyone{background:#5865f226;color:#5865f2;border:1px solid rgba(88,101,242,.3)}.mention-everyone:hover{background:#5865f240;border-color:#5865f280}.mention-user{background:#5865f21a;color:#5865f2;border:1px solid rgba(88,101,242,.2)}.mention-user:hover{background:#5865f233;border-color:#5865f266}.message-media{margin-top:8px;max-width:400px}.message-gif,.message-image{max-width:100%;max-height:300px;border-radius:var(--radius-sm);display:block;cursor:pointer;transition:transform .15s var(--ease)}.message-gif:hover,.message-image:hover{transform:scale(1.02)}.message-video{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-sm);background:var(--bg-recessed)}.message-link,.message-tiktok{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--accent-bright);text-decoration:none;font-size:13px;transition:all .15s var(--ease);margin-top:4px}.message-link:hover,.message-tiktok:hover{background:var(--bg-hover);border-color:var(--accent);transform:translate(2px)}.message-link i,.message-tiktok i{font-size:16px}.message-link-inline{color:var(--accent-bright);text-decoration:none;border-bottom:1px solid var(--accent-dim);transition:border-color .15s var(--ease)}.message-link-inline:hover{border-color:var(--accent-bright)}.message-system{text-align:center;padding:12px 0;font-size:12px;color:var(--text-400);display:flex;align-items:center;gap:16px}.message-system:before,.message-system:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.chat-header-actions-mobile{display:none}.chat-header-actions-desktop{display:flex;gap:6px;align-items:center}.chat-header-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;padding:8px 0;z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:dropdownIn .15s var(--ease-spring)}.chat-header-dropdown .dropdown-item{padding:10px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;color:var(--text-200);font-size:13px;font-weight:500;transition:all .15s var(--ease)}.chat-header-dropdown .dropdown-item:hover{background:var(--bg-hover);color:var(--text-100)}.chat-header-dropdown .dropdown-item.text-danger{color:var(--rose)}.chat-header-dropdown .dropdown-item.text-danger:hover{background:#f43f5e1a}.chat-header-dropdown .dropdown-divider{height:1px;background:var(--border-subtle);margin:6px 0}.chat-input{padding:12px 24px 16px;background:var(--bg-surface);border-top:1px solid var(--border);position:relative;z-index:1;flex-shrink:0}.chat-input-wrapper{display:flex;align-items:center;gap:10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:10px 14px;transition:all .2s var(--ease);box-shadow:var(--shadow-sm)}.chat-input-action-group{display:flex;align-items:center;position:relative}.chat-input-action-buttons{display:flex;align-items:center}.mobile-expand-btn{display:none!important}.chat-input-wrapper:focus-within{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow),var(--shadow-md)}.chat-input-icon-btn{width:32px;height:32px;border:none;background:transparent;color:var(--text-400);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .15s var(--ease);font-size:18px;flex-shrink:0}.chat-input-icon-btn:hover{background:var(--bg-hover);color:var(--text-200)}.chat-input-icon-btn:active{transform:scale(.95)}.chat-input-wrapper textarea{flex:1;background:none;border:none;color:var(--text-100);font-family:var(--font);font-size:14px;line-height:1.5;resize:none;outline:none;max-height:120px;min-height:22px}.chat-input-wrapper textarea::placeholder{color:var(--text-400)}.chat-input-send{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--accent);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease);flex-shrink:0;font-size:14px;box-shadow:0 0 12px var(--accent-glow)}.chat-input-send:hover{background:var(--accent-bright);transform:scale(1.08);box-shadow:0 0 20px var(--accent-glow-strong)}.chat-input-send:active{transform:scale(.96)}.chat-input-send:disabled{opacity:.3;cursor:not-allowed;transform:none}.typing-indicator{padding:0 20px 10px;font-size:.85rem;color:var(--text-muted);min-height:24px}.reply-preview-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-hover);border-top-left-radius:8px;border-top-right-radius:8px;margin:0 20px;border:1px solid var(--border-subtle);border-bottom:none;font-size:.9rem;color:var(--text-secondary);position:relative;z-index:10}.reply-preview-bar.hidden{display:none!important}.reply-preview-bar .reply-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%}.reply-preview-bar .btn-icon{width:24px;height:24px}.message-actions{display:none;position:absolute;top:-16px;right:16px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:2px;box-shadow:var(--shadow-sm);z-index:10}.message-group:hover .message-actions{display:flex;gap:2px}.message-action-btn{background:transparent;border:none;color:var(--text-secondary);width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.message-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.message-action-btn.delete:hover{color:var(--status-danger);background:#f047471a}.replied-message-preview{display:flex;align-items:center;margin-bottom:4px;font-size:.85rem;color:var(--text-muted);cursor:pointer;padding-left:12px;position:relative}.replied-message-preview:before{content:"";position:absolute;left:-2px;top:50%;width:12px;height:12px;border-left:2px solid var(--border-subtle);border-top:2px solid var(--border-subtle);border-top-left-radius:4px;transform:translateY(-50%)}.replied-message-preview img.avatar-xs{width:16px;height:16px;border-radius:50%;margin-right:6px}.replied-message-preview .reply-author{font-weight:600;margin-right:6px}.replied-message-preview .reply-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}@keyframes highlight-fade{0%{background:var(--bg-hover)}to{background:transparent}}.message-group.message-highlight{animation:highlight-fade 2s ease-out;border-radius:var(--radius-md)}.mention-badge{position:absolute;top:4px;right:4px;background:var(--gradient-brand);color:#fff;font-size:10px;font-weight:800;height:18px;min-width:18px;padding:0 5px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:1.5px solid var(--bg-surface);box-shadow:0 2px 10px #0006,0 0 15px var(--accent-glow-strong);z-index:5;pointer-events:none;animation:badgeIn .3s var(--ease-spring);line-height:normal}#dms-tab-badge{top:4px;right:6px}.mention-badge.hidden{display:none!important}#more-badge{animation:badgePulse 2s infinite ease-in-out}@keyframes badgeIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes badgePulse{0%{transform:scale(1);box-shadow:0 0 #f43f5eb3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #f43f5e00}to{transform:scale(1);box-shadow:0 0 #f43f5e00}}.typing-indicator:empty{display:none}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;position:relative;z-index:1}.voice-area{flex:none;display:flex;flex-direction:column;overflow-y:auto;position:relative;z-index:1;padding:16px}.voice-mode .chat-input{background:transparent;border-top:none}.voice-mode .chat-input-wrapper{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.voice-mode .chat-input-wrapper:focus-within{border-color:#ffffff26;box-shadow:0 0 0 3px #ffffff0d}.voice-mode .chat-header{background:transparent;border-bottom:none;box-shadow:none}.empty-state-icon{font-size:48px;opacity:.3;filter:grayscale(30%)}.empty-state h3{font-size:20px;font-weight:700;color:var(--text-200)}.empty-state p{font-size:13px;color:var(--text-400);max-width:280px;text-align:center;line-height:1.6}.emoji-picker{position:fixed;width:360px;max-width:90vw;height:450px;max-height:80vh;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;display:flex;flex-direction:column;animation:modalIn .2s var(--ease)}.emoji-picker-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-100);flex-shrink:0}.emoji-picker-categories{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0;scrollbar-width:thin}.emoji-picker-categories::-webkit-scrollbar{height:4px}.emoji-picker-categories::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.emoji-category-btn{padding:6px 12px;border:none;background:transparent;color:var(--text-400);font-size:11px;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s var(--ease);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.emoji-category-btn:hover{background:var(--bg-hover);color:var(--text-200)}.emoji-category-btn.active{background:var(--accent);color:#fff}.emoji-picker-grid{padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:4px;overflow-y:auto;flex:1;min-height:0}.emoji-picker-grid::-webkit-scrollbar{width:8px}.emoji-picker-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.emoji-picker-grid::-webkit-scrollbar-thumb:hover{background:var(--text-400)}.emoji-item{width:36px;height:36px;border:none;background:transparent;font-size:24px;cursor:pointer;border-radius:var(--radius-xs);transition:all .12s var(--ease);display:flex;align-items:center;justify-content:center;padding:0}.emoji-item:hover{background:var(--bg-hover);transform:scale(1.15)}.emoji-item:active{transform:scale(1.05)}.gif-picker{position:fixed;width:420px;max-width:90vw;height:520px;max-height:80vh;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;display:flex;flex-direction:column;animation:modalIn .2s var(--ease)}.gif-picker-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-100);flex-shrink:0}.gif-picker-search{padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.gif-picker-search .input{width:100%;padding:12px 14px;font-size:14px}.gif-picker-grid{padding:12px;overflow-y:auto;overflow-x:hidden;flex:1;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.gif-picker-grid::-webkit-scrollbar{width:8px}.gif-picker-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.gif-picker-grid::-webkit-scrollbar-thumb:hover{background:var(--text-400)}.gif-item{width:calc(50% - 4px);aspect-ratio:1;cursor:pointer;border-radius:var(--radius-sm);overflow:hidden;transition:all .15s var(--ease);border:2px solid transparent;background:var(--bg-recessed);position:relative;flex-shrink:0}.gif-item:hover{border-color:var(--accent);transform:scale(1.03);box-shadow:0 4px 12px #6366f14d;z-index:1}.gif-item img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0}.gif-picker-footer{padding:8px 16px;border-top:1px solid var(--border);text-align:center;flex-shrink:0}.gif-empty-state{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-400);text-align:center;min-height:300px}.gif-empty-state i{font-size:48px;margin-bottom:16px;opacity:.5}.gif-empty-state p{margin:0;font-size:14px}.gif-loading-more{width:100%;display:flex;align-items:center;justify-content:center;padding:20px;color:var(--text-400);font-size:20px}.mobile-menu-btn,.mobile-back-btn,.btn-icon.mobile-menu-btn,.btn-icon.mobile-back-btn{display:none!important}@media(max-width:768px){.chat-layout{position:relative;display:flex;flex-wrap:nowrap;width:100vw;max-width:100vw;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;height:100%;height:100dvh}.chat-layout::-webkit-scrollbar{display:none}.no-transition,.no-transition *{transition:none!important}:root{--sidebar-mobile-w: 280px}.sidebar{position:relative;flex-shrink:0;flex-grow:0;min-width:var(--sidebar-mobile-w);max-width:var(--sidebar-mobile-w);width:var(--sidebar-mobile-w);height:100%;height:100dvh;scroll-snap-align:start;z-index:100;transform:none!important;transition:none!important;background:var(--bg-base)}.chat-main,.dashboard-area{position:relative;flex-shrink:0;flex-grow:0;min-width:100vw;max-width:100vw;width:100vw;height:100%;height:100dvh;scroll-snap-align:start;transform:none!important;transition:none!important}.chat-layout.sidebar-open .chat-main,.chat-layout.sidebar-open .dashboard-area,.chat-layout.sidebar-open .sidebar-bottom-dock,.chat-layout.sidebar-open .chat-input{transform:none!important}.chat-main,.dashboard-area,.sidebar-bottom-dock,.chat-input{transition:transform .3s cubic-bezier(.16,1,.3,1)}.chat-main{width:100%;flex:1}.mobile-menu-btn,.mobile-back-btn,.btn-icon.mobile-menu-btn,.btn-icon.mobile-back-btn{display:flex!important}.chat-header-actions-desktop{display:none!important}.chat-header-actions-mobile{display:block!important}.space-sidebar{position:fixed;top:0;right:0;bottom:0;width:80%;max-width:300px;z-index:200;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:-4px 0 20px #0006}.space-sidebar.mobile-visible{transform:translate(0)}.space-sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:199}.space-sidebar-backdrop.visible{display:block}.space-sidebar-close{display:inline-flex!important}.chat-header{padding:0 10px}.chat-header-info{gap:8px;min-width:0;overflow:hidden;display:flex!important;flex-direction:row!important;justify-content:flex-start!important}.mobile-back-btn{margin-right:12px!important;flex-shrink:0}.btn-back-to-dashboard{display:none!important}.chat-header-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-status{display:block;font-size:11px;opacity:.7}.chat-header-actions{flex-shrink:0;gap:4px}.chat-header-actions .btn{padding:4px;font-size:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.messages-area{padding:12px 14px 120px}.chat-input{position:absolute;left:0;right:0;padding:8px 10px;bottom:env(safe-area-inset-bottom);border-bottom:1px solid var(--border);z-index:50}.sidebar-bottom-dock{position:fixed;bottom:-150px;left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));width:calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));height:auto;z-index:1000;background:var(--bg-glass-strong);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:24px;display:flex!important;flex-direction:column;box-shadow:0 8px 32px #0006;overflow:visible;transform:none!important;opacity:0;pointer-events:none;transition:bottom .4s cubic-bezier(.16,1,.3,1),opacity .3s ease}.sidebar-bottom-dock.has-music{border-radius:0 0 24px 24px!important}.sidebar-bottom-dock #youtube-player-container,.sidebar-bottom-dock .sidebar-music-status{border-top-left-radius:12px;border-top-right-radius:12px}.sidebar-bottom-dock.has-music #youtube-player-container,.sidebar-bottom-dock.has-music .sidebar-music-status{border-radius:0!important}.chat-layout.sidebar-open .sidebar-bottom-dock,.chat-layout.in-dashboard .sidebar-bottom-dock{bottom:calc(12px + env(safe-area-inset-bottom));opacity:1;pointer-events:auto}.sidebar-profile{position:relative;width:100%;background:transparent!important;border:none!important;height:64px;display:flex;flex-direction:row;justify-content:space-around}.sidebar-profile-card{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0;width:100%}#profile-dropdown{inset-inline-start:12px;inset-inline-end:auto;bottom:85px;width:auto;min-width:220px;transform-origin:bottom left}.sidebar-profile-action-btn{width:38px;height:38px}.sidebar-profile-action-btn i,.sidebar-profile-action-btn svg{font-size:18px!important;width:18px;height:18px}.chat-layout:has(.shorts-container) .sidebar-bottom-dock{display:none!important}.chat-layout:not(.sidebar-open):has(#chat-area:not(.hidden)) .chat-input{bottom:0}.mobile-expand-btn{display:inline-flex!important}.chat-input-action-buttons{display:none;position:absolute;bottom:calc(100% + 14px);left:0;flex-direction:column;gap:8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px;box-shadow:var(--shadow-lg);z-index:1000;animation:scaleIn .15s ease-out;transform-origin:bottom left}.chat-input-action-buttons.show{display:flex}}@media(max-height:500px)and (orientation:landscape){.chat-layout{position:relative;overflow:hidden}.sidebar{position:absolute;top:0;left:0;bottom:calc(60px + env(safe-area-inset-bottom));width:100%;z-index:100;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);background:var(--bg-base)}.chat-layout.sidebar-open .sidebar{transform:translate(0)}.chat-main{width:100%;flex:1}.mobile-menu-btn,.mobile-back-btn,.btn-icon.mobile-menu-btn,.btn-icon.mobile-back-btn{display:flex!important}.chat-header-actions-desktop,.members-sidebar{display:none!important}.sidebar-bottom-dock{position:fixed;bottom:-150px;left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));width:calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));height:auto;z-index:1000;background:var(--bg-glass-strong);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:24px;display:flex!important;flex-direction:column;box-shadow:0 8px 32px #0006;overflow:visible;transform:none!important;opacity:0;pointer-events:none;transition:bottom .4s cubic-bezier(.16,1,.3,1),opacity .3s ease}.chat-layout.sidebar-open .sidebar-bottom-dock,.chat-layout.in-dashboard .sidebar-bottom-dock{bottom:calc(8px + env(safe-area-inset-bottom));opacity:1;pointer-events:auto}.sidebar-profile{position:relative;width:100%;background:transparent!important;border:none!important;height:56px;display:flex;flex-direction:row;justify-content:space-around}.sidebar-profile-card{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0;width:100%}.chat-input{padding:8px 10px;bottom:0;border-bottom:none}.messages-area{padding:12px 14px 100px}}.video-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:auto;opacity:0;transition:opacity .6s ease-in}.video-background.loaded{opacity:1}.video-background:after{content:"";position:absolute;inset:0;background:#0000004d;z-index:0;pointer-events:none}.video-background .video-iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-height:100dvh;min-width:177.77vh;min-width:177.77dvh;transform:translate(-50%,-50%);pointer-events:none;border:none;transition:filter .3s ease}.video-background:hover .video-iframe{filter:blur(0px)!important}#messages-area>*:not(.video-background):not(.color-overlay),.subspace-dashboard>*:not(.video-background):not(.color-overlay),.chat-header{position:relative;z-index:2}.color-overlay{position:absolute;inset:0;pointer-events:none;z-index:1!important}.theme-modal{max-width:520px;width:94%}.theme-section{margin-bottom:28px}.theme-section:last-child{margin-bottom:0}.theme-section-title{font-size:12px;font-weight:800;color:var(--text-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;display:flex;align-items:center;gap:8px}.theme-section-title:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.theme-mode-switcher{display:flex;background:var(--bg-recessed);padding:5px;border-radius:var(--radius-lg);gap:4px;border:1px solid var(--border)}.theme-mode-item{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border-radius:calc(var(--radius-lg) - 4px);cursor:pointer;font-size:14px;font-weight:700;color:var(--text-300);transition:all .25s cubic-bezier(.4,0,.2,1)}.theme-mode-item i{font-size:16px}.theme-mode-item:hover:not(.active){background:var(--bg-hover);color:var(--text-100)}.theme-mode-item.active{background:var(--bg-surface);color:var(--accent);box-shadow:var(--shadow-sm),0 0 0 1px var(--border)}.theme-grid-backgrounds{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.theme-grid-accents{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.theme-swatch{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s var(--ease)}.theme-swatch-preview{width:100%;aspect-ratio:1.2;border-radius:var(--radius-md);border:2px solid var(--border);transition:all .2s var(--ease);position:relative;overflow:hidden;background:var(--bg-elevated)}.theme-accent-swatch .theme-swatch-preview{aspect-ratio:1;border-radius:var(--radius-full)}.theme-swatch:hover .theme-swatch-preview{transform:translateY(-2px);border-color:var(--text-400);box-shadow:var(--shadow-md)}.theme-swatch.active .theme-swatch-preview{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);transform:scale(1.05)}.theme-swatch-label{font-size:11px;font-weight:700;color:var(--text-400);transition:color .2s ease;white-space:nowrap}.theme-swatch:hover .theme-swatch-label,.theme-swatch.active .theme-swatch-label{color:var(--text-100)}@media(max-width:480px){.theme-grid-backgrounds{grid-template-columns:repeat(3,1fr)}.theme-grid-accents{grid-template-columns:repeat(4,1fr)}}.dashboard-area{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:var(--bg-base);height:100%;position:relative}.dashboard-container{flex:1;display:flex;flex-direction:column;padding:40px;gap:32px;max-width:1200px;margin:0 auto;width:100%}.dashboard-tabs{display:flex;gap:32px;border-bottom:1px solid var(--border);padding:0 4px}.dashboard-tab{background:none;border:none;color:var(--text-400);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;padding:12px 4px;position:relative;transition:all .2s var(--ease);display:flex;align-items:center;gap:8px}.dashboard-tab:hover{color:var(--text-100)}.dashboard-tab.active{color:var(--accent-bright)}.dashboard-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-bright);box-shadow:0 0 10px var(--accent-glow)}.dashboard-tab-content{display:none;flex-direction:column;gap:40px;animation:fadeIn .4s var(--ease)}.dashboard-tab-content.active{display:flex}.dashboard-section{display:flex;flex-direction:column;gap:20px}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between}.dashboard-section-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-400)}.dashboard-container .dashboard-welcome{text-align:left;margin-bottom:40px;display:flex;flex-direction:column;gap:8px}.dashboard-container .dashboard-welcome h1{font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.02em;line-height:1.2;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-align:left}.dashboard-container .dashboard-welcome p{font-size:15px;color:var(--text-300);max-width:600px;line-height:1.6;margin:0;font-weight:400;text-align:left}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}#dash-explore{--card-color: #3b82f6;--card-glow: rgba(59, 130, 246, .3)}#dash-create{--card-color: #10b981;--card-glow: rgba(16, 185, 129, .3)}#dash-shorts-action{--card-color: #f43f5e;--card-glow: rgba(244, 63, 94, .3)}#dash-reward{--card-color: #f59e0b;--card-glow: rgba(245, 158, 11, .3)}#dash-profile{--card-color: #8b5cf6;--card-glow: rgba(139, 92, 246, .3)}#dash-minigames{--card-color: #ec4899;--card-glow: rgba(236, 72, 153, .3)}.dashboard-card{--active-color: var(--card-color, var(--accent));background:linear-gradient(145deg,var(--bg-surface),var(--bg-recessed));border:1px solid var(--border-subtle);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:18px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a;isolation:isolate}.dashboard-card:before{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:var(--active-color);filter:blur(60px);opacity:.08;border-radius:50%;transform:translate(30%,-30%);transition:all .5s ease;z-index:-1}.dashboard-card:hover:before{opacity:.25;transform:translate(10%,-10%) scale(1.3)}.dashboard-card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,var(--card-glow, var(--accent-glow)),transparent 70%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.dashboard-card:hover:after{opacity:1}.dashboard-card:hover{transform:translateY(-6px) scale(1.02);background:linear-gradient(145deg,var(--bg-elevated),var(--bg-surface));border-color:transparent;box-shadow:0 15px 35px -5px #0000004d,0 0 25px var(--card-glow, auto)}.dashboard-card-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--bg-recessed),var(--bg-surface));border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--active-color);transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 12px #0000001a}.dashboard-card:hover .dashboard-card-icon{background:linear-gradient(135deg,var(--active-color),var(--active-color));color:#fff;transform:translateY(-4px) scale(1.1) rotate(5deg);box-shadow:0 10px 20px var(--card-glow, rgba(0,0,0,.2));border-color:transparent}.dashboard-card-info{display:flex;flex-direction:column;gap:6px;z-index:1}.dashboard-card-info h3{font-size:19px;font-weight:800;color:var(--text-100);margin-bottom:0;transition:color .3s ease;letter-spacing:-.01em}.dashboard-card:hover .dashboard-card-info h3{color:var(--active-color)}.dashboard-card-info p{font-size:13px;color:var(--text-400);line-height:1.5;font-weight:500;transition:color .3s ease}.dashboard-card:hover .dashboard-card-info p{color:var(--text-200)}.featured-spaces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.featured-space-card{position:relative;background:var(--bg-surface);border-radius:20px;overflow:hidden;aspect-ratio:1 / 1.05;cursor:pointer;transition:all .5s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 30px #0003;display:flex;flex-direction:column}.featured-space-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px #0006}.featured-space-bg{position:absolute;inset:0;z-index:0}.featured-space-bg img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.featured-space-card:hover .featured-space-bg img{transform:scale(1.1)}.featured-space-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0006,#0000001a 40%,#000c);z-index:1}.featured-space-badge{position:absolute;top:16px;left:16px;background:#780064cc;color:#fff;padding:4px 12px;border-bottom-right-radius:12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;z-index:2;box-shadow:0 4px 12px #0003}.featured-space-content{position:relative;z-index:2;margin-top:auto;padding:24px;display:flex;flex-direction:column;gap:8px}.featured-space-subtitle{font-size:11px;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.5px;word-break:break-all}.featured-space-title{font-size:28px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.featured-space-desc{font-size:14px;color:#fffffff2;line-height:1.5;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 4px rgba(0,0,0,.5);word-break:break-word}.featured-space-footer{position:relative;z-index:2;background:#0003;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px 20px;display:flex;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.1);border-bottom-left-radius:20px;border-bottom-right-radius:20px}.featured-space-icon{width:44px;height:44px;border-radius:10px;overflow:hidden;box-shadow:0 4px 10px #0003;flex-shrink:0}.featured-space-icon .space-icon{width:100%!important;height:100%!important;border-radius:0!important;font-size:20px!important}.featured-space-meta{flex:1;min-width:0}.featured-space-meta-name{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-space-meta-details{font-size:12px;color:#ffffff80;font-weight:500}.featured-space-join-btn{background:#fff3;color:#fff;border:none;border-radius:20px;padding:6px 20px;font-size:13px;font-weight:700;text-transform:uppercase;transition:all .2s ease;cursor:pointer}.featured-space-join-btn:hover{background:#fff;color:#000;transform:scale(1.05)}.friends-scroll{display:flex;gap:20px;overflow-x:auto;padding:10px 0;scrollbar-width:none}.friends-scroll::-webkit-scrollbar{display:none}.friend-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .2s var(--ease);min-width:80px}.friend-item:hover{transform:translateY(-4px)}.friend-avatar-wrap{width:64px;height:64px;border-radius:var(--radius-full);position:relative;display:flex;align-items:center;justify-content:center;border:2px solid transparent;transition:border-color .2s var(--ease)}.friend-item:hover .friend-avatar-wrap{border-color:var(--accent)}.friend-status{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:var(--radius-full);border:2px solid var(--bg-surface);z-index:2}.friend-name{font-size:12px;font-weight:600;color:var(--text-200);text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-search-container{margin-bottom:12px;max-width:500px}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.user-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .25s var(--ease);position:relative;overflow:hidden;background:linear-gradient(180deg,var(--bg-elevated) 0%,var(--bg-surface) 100%)}.user-card:hover{transform:translateY(-5px);border-color:var(--accent-dim);box-shadow:0 10px 25px -5px #0006,0 0 15px var(--accent-glow)}.user-card-avatar{margin-bottom:16px;position:relative;transition:transform .3s var(--ease)}.user-card:hover .user-card-avatar{transform:scale(1.05)}.user-card-badge{display:none}.user-card-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px}.user-card-level{font-size:10px;font-weight:800;background:var(--accent-dim);color:var(--accent-bright);padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(var(--accent-rgb),.2)}.user-card-header h3{margin-bottom:0}.user-card-info h3{font-size:16px;font-weight:700;color:var(--text-100)}.user-card-username{font-size:12px;color:var(--accent-bright);font-weight:600;margin-bottom:12px;opacity:.8}.user-card-bio{font-size:13px;color:var(--text-300);margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;line-height:1.5}.user-card-actions{display:flex;gap:10px;width:100%;margin-top:auto}.user-card-actions .btn{flex:1;padding:10px;font-size:12px;font-weight:700}@media(max-width:768px){.dashboard-container{padding:16px 12px 90px;gap:24px}.dashboard-container .dashboard-welcome{margin-bottom:24px;gap:8px}.dashboard-container .dashboard-welcome h1{font-size:26px;line-height:1.2}.dashboard-container .dashboard-welcome p{font-size:14px}.dashboard-tabs{gap:20px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin:0 -4px}.dashboard-tabs::-webkit-scrollbar{display:none}.dashboard-tab{font-size:14px;white-space:nowrap;padding:10px 4px}.dashboard-tab i{font-size:14px}.featured-spaces-grid{grid-template-columns:1fr;gap:20px}.featured-space-card{aspect-ratio:.9}.featured-space-title{font-size:22px}.dashboard-card{flex-direction:row;align-items:center;padding:16px;gap:16px}.dashboard-card-icon{width:44px;height:44px;font-size:18px;flex-shrink:0}.dashboard-card-info{gap:4px}.dashboard-card-info h3{font-size:17px}.dashboard-card-info p{font-size:12px;margin:0}}.dashboard-shorts-section{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.dashboard-shorts-header{display:flex;align-items:center;justify-content:space-between}.dashboard-shorts-title{font-size:16px;font-weight:700;color:var(--text-100);display:flex;align-items:center;gap:8px}.dashboard-shorts-title i{color:var(--accent)}.dashboard-shorts-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:var(--border) transparent;scroll-snap-type:x mandatory}.dashboard-shorts-scroll::-webkit-scrollbar{height:6px}.dashboard-shorts-scroll::-webkit-scrollbar-track{background:transparent}.dashboard-shorts-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.dashboard-short-card{min-width:160px;width:160px;height:280px;border-radius:var(--radius-lg);overflow:hidden;position:relative;cursor:pointer;scroll-snap-align:start;flex-shrink:0;background:var(--bg-surface);border:1px solid var(--border);transition:all .2s var(--ease)}.dashboard-short-card:hover{transform:translateY(-4px);border-color:var(--accent-dim);box-shadow:var(--shadow-md),0 0 15px var(--accent-glow)}.dashboard-short-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s var(--ease)}.dashboard-short-card:hover .dashboard-short-thumbnail{transform:scale(1.05)}.dashboard-short-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.8) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:16px;pointer-events:none}.dashboard-short-info{display:flex;flex-direction:column;gap:4px}.dashboard-short-title{font-size:14px;font-weight:600;color:#fff;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dashboard-short-meta{font-size:12px;color:#fffc;display:flex;align-items:center;gap:6px}.dashboard-short-creator{display:flex;align-items:center;gap:6px;margin-bottom:4px}.dashboard-short-creator-avatar{width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.dashboard-short-creator-name{font-size:12px;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-short-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:48px;height:48px;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;opacity:0;transition:all .2s var(--ease);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.dashboard-short-card:hover .dashboard-short-play-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(max-width:768px){.dashboard-short-card{min-width:140px;width:140px;height:240px}.dashboard-shorts-scroll{padding-bottom:8px}}.shorts-scroll{display:flex;gap:16px;overflow-x:auto;padding:4px 4px 20px;scrollbar-width:none;-ms-overflow-style:none}.shorts-scroll::-webkit-scrollbar{display:none}.short-card-mini{flex:0 0 160px;aspect-ratio:9/16;border-radius:var(--radius-md);overflow:hidden;position:relative;cursor:pointer;background:var(--bg-elevated);transition:all .3s var(--ease);border:1px solid var(--border)}.short-card-mini:hover{transform:translateY(-4px);border-color:var(--accent-dim);box-shadow:0 10px 20px -10px #00000080}.short-card-mini img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.short-card-mini:hover img{transform:scale(1.1)}.short-card-mini .short-card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,transparent 60%);display:flex;align-items:flex-end;padding:12px;opacity:.9;transition:opacity .3s var(--ease)}.short-card-mini:hover .short-card-overlay{opacity:1}.short-card-mini .short-card-title{font-size:11px;font-weight:700;color:#fff;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.5)}.shorts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}@media(max-width:600px){.shorts-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}.short-card{cursor:pointer;display:flex;flex-direction:column}.short-card-thumbnail{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:9/16;background:var(--bg-elevated);border:1px solid var(--border);transition:all .4s var(--ease)}.short-card:hover .short-card-thumbnail{transform:translateY(-8px);border-color:var(--accent-bright);box-shadow:0 20px 40px -15px #0009,0 0 20px var(--accent-glow)}.short-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.short-card:hover .short-card-thumbnail img{transform:scale(1.12)}.short-card-stats{position:absolute;bottom:12px;left:12px;display:flex;gap:12px;color:#fff;font-size:11px;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.8);z-index:2;background:#0006;padding:4px 8px;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.short-card-info{padding:12px 2px 0}.short-card-info .short-card-title{font-size:14px;font-weight:700;color:var(--text-100);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.short-card-space{font-size:10px;color:var(--accent-bright);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.space-icon{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;flex-shrink:0;background:linear-gradient(135deg,var(--accent-dim),var(--violet));box-shadow:0 2px 8px var(--accent-glow);transform:translateZ(0)}.space-icon-sm{width:32px;height:32px;font-size:14px;border-radius:var(--radius-sm)}.space-icon-lg{width:80px;height:80px;font-size:32px;border-radius:18px}.spaces-container{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;background:var(--bg-base)}.spaces-header{padding:24px 32px;border-bottom:1px solid var(--border);background:var(--bg-surface);display:flex;align-items:center;justify-content:space-between}.spaces-title{font-size:24px;font-weight:800;color:var(--text-100)}.spaces-actions{display:flex;gap:12px}.spaces-content{flex:1;overflow-y:auto;padding:32px}.spaces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.space-card-large{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s var(--ease);cursor:pointer;display:flex;flex-direction:column;transform:translateZ(0);will-change:transform,box-shadow}.space-card-large:hover{transform:translateY(-4px);border-color:var(--accent-dim);box-shadow:var(--shadow-md),0 0 15px var(--accent-glow)}.space-card-banner{height:120px;background:var(--bg-recessed);position:relative;overflow:hidden}.space-card-banner img{width:100%;height:100%;object-fit:cover}.space-card-icon-large{width:64px;height:64px;border-radius:var(--radius-md);background:var(--bg-elevated);border:4px solid var(--bg-surface);position:absolute;bottom:-32px;inset-inline-start:20px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--text-100);overflow:hidden}.space-card-icon-large img{width:100%;height:100%;object-fit:cover}.space-card-body{padding:44px 20px 20px;display:flex;flex-direction:column;flex:1}.space-card-title{font-size:18px;font-weight:700;color:var(--text-100);margin-bottom:8px}.space-card-desc{font-size:14px;color:var(--text-300);line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.space-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border)}.space-card-stats{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--text-400);font-weight:500}.space-card-stat{display:flex;align-items:center;gap:6px}.space-detail-container{display:flex;flex-direction:column;flex:1;height:100%;overflow-y:auto}.space-detail-banner{height:200px;background:var(--bg-recessed);position:relative}.space-detail-banner img{width:100%;height:100%;object-fit:cover}.space-detail-header{padding:0 40px 24px;background:var(--bg-surface);border-bottom:1px solid var(--border);position:relative}.space-detail-icon{width:100px;height:100px;border-radius:var(--radius-lg);background:var(--bg-elevated);border:6px solid var(--bg-surface);position:absolute;top:-50px;inset-inline-start:40px;display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--text-100);overflow:hidden}.space-detail-icon img{width:100%;height:100%;object-fit:cover}.space-detail-info{padding-top:60px;display:flex;align-items:flex-start;justify-content:space-between}.space-detail-title-wrap{display:flex;flex-direction:column;gap:8px}.space-detail-title{font-size:28px;font-weight:800;color:var(--text-100)}.space-detail-desc{font-size:15px;color:var(--text-300);max-width:600px;line-height:1.5}.space-detail-actions{display:flex;gap:12px}.space-detail-tabs{display:flex;gap:32px;padding:0 40px;background:var(--bg-surface);border-bottom:1px solid var(--border)}.space-detail-tab{padding:16px 0;font-size:15px;font-weight:600;color:var(--text-400);background:none;border:none;cursor:pointer;position:relative;transition:color .2s var(--ease)}.space-detail-tab:hover{color:var(--text-200)}.space-detail-tab.active{color:var(--accent-bright)}.space-detail-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-bright);box-shadow:0 0 10px var(--accent-glow)}.space-detail-body{padding:32px 40px;flex:1}@media(max-width:768px){.spaces-header{padding:16px 20px}.spaces-content{padding:20px}.space-detail-header{padding:0 20px 20px}.space-detail-icon{inset-inline-start:20px;width:80px;height:80px;top:-40px;border-width:4px}.space-detail-info{padding-top:50px;flex-direction:column;gap:20px}.space-detail-tabs{padding:0 20px;overflow-x:auto;scrollbar-width:none}.space-detail-tabs::-webkit-scrollbar{display:none}.space-detail-tab{white-space:nowrap}.space-detail-body{padding:24px 20px}}.space-layout{display:flex;height:100%;overflow:hidden;background:var(--bg-base);position:relative}.subspaces-nav{display:flex;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg-surface);overflow-x:auto;scrollbar-width:none;flex-shrink:0}.subspaces-nav::-webkit-scrollbar{display:none}.subspace-pill{padding:6px 14px;border-radius:20px;background:var(--bg-recessed);color:var(--text-300);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s var(--ease);border:1px solid transparent;display:flex;align-items:center;gap:6px}.subspace-pill:hover{background:var(--bg-elevated);color:var(--text-100)}.subspace-pill.active{background:var(--accent-dim);color:var(--accent-bright);border-color:var(--accent-glow)}.channels-sidebar{width:260px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;flex-shrink:0;transition:transform .3s var(--ease)}.channels-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:16px;color:var(--text-100);box-shadow:0 1px 2px #0000000d;z-index:10;cursor:pointer;transition:background .15s var(--ease)}.channels-header:hover{background:var(--bg-recessed)}.channels-content{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:24px}.channel-category{display:flex;flex-direction:column;gap:4px}.channel-category-header{display:flex;align-items:center;justify-content:space-between;padding:0 8px 4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-400);cursor:pointer}.channel-category-header:hover{color:var(--text-200)}.channel-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md);color:var(--text-300);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s var(--ease);text-decoration:none}.channel-item:hover{background:var(--bg-recessed);color:var(--text-100)}.channel-item.active{background:var(--accent-dim);color:var(--accent-bright)}.channel-icon{font-size:16px;opacity:.7;display:flex;align-items:center;justify-content:center;width:20px}.channel-item.active .channel-icon{opacity:1}.channel-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-badge{background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;line-height:1}.channel-badge-muted{background:var(--bg-elevated);color:var(--text-300)}.space-main-content{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-base)}@media(max-width:768px){.channels-sidebar{position:absolute;left:-260px;top:0;bottom:0;z-index:40;box-shadow:var(--shadow-lg)}.channels-sidebar.open{transform:translate(260px)}.channels-sidebar-overlay{position:absolute;inset:0;background:#00000080;z-index:30;opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}.channels-sidebar-overlay.active{opacity:1;pointer-events:auto}}.subspace-dashboard{padding:40px;max-width:1400px;margin:0 auto;width:100%;position:relative;display:flex;flex-direction:column;background:transparent}.subspace-dashboard.has-background:before{content:"";position:absolute;inset:0;background:var(--bg-glass);opacity:.94;border-radius:var(--radius-lg);pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:0}.subspace-dashboard.has-background>*{position:relative;z-index:1}.subspace-cover{position:relative;height:auto;min-height:280px;background:none!important;margin:0;padding:60px 48px;display:flex;align-items:flex-end;overflow:visible;border-bottom:none;box-shadow:none;transition:all .4s var(--ease)}.subspace-cover-content{position:relative;z-index:2;padding:0;display:flex;align-items:center;gap:32px;width:100%}.subspace-cover-badge{width:84px;height:84px;background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #0006;flex-shrink:0}.subspace-cover-info h1{margin:0;font-size:42px;font-weight:800;color:#fff;letter-spacing:-1px}.dashboard-back-btn{display:none!important}.dashboard-actions-wrapper{position:absolute;top:40px;right:48px;z-index:10;display:flex;gap:12px}.dashboard-actions-wrapper .btn-icon,.dashboard-back-btn{width:44px;height:44px;background:#0000004d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s var(--ease)}@media(max-width:768px){.subspace-dashboard{padding:24px 16px}.subspace-cover{min-height:200px;margin:-24px -16px 0;padding:110px 24px 24px;align-items:flex-start}.dashboard-back-btn{display:flex!important;position:absolute;top:40px;left:20px;z-index:10}.dashboard-actions-wrapper{top:40px;right:20px;gap:8px}.subspace-cover-content{gap:20px;flex-direction:row;align-items:center}.subspace-cover-badge{width:68px;height:68px;font-size:28px}.subspace-cover-info h1{font-size:30px}}.subspace-tabs{display:flex;gap:12px;padding:12px;margin:20px 0 32px;background:#ffffff05;border-radius:14px;border:1px solid rgba(255,255,255,.05);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.subspace-tabs::-webkit-scrollbar{display:none}.subspace-tab{padding:12px 22px;font-size:11px;font-weight:800;color:#fff6;cursor:pointer;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:1px}.subspace-tab:hover{color:#ffffffe6;background:#ffffff0d}.subspace-tab.active{color:#fff;background:#ffffff1a;box-shadow:0 10px 30px #0006,0 0 15px var(--accent-alpha);transform:translateY(-2px)}.subspace-tab i{font-size:14px;opacity:.6}.subspace-tab.active i{opacity:1;color:var(--primary)}.subspace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding-bottom:40px}@keyframes gridFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.subspace-card{position:relative;background:var(--bg-surface);border-radius:20px;overflow:hidden;aspect-ratio:1 / 1.05;cursor:pointer;transition:all .5s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 30px #0003;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.05);animation:gridFadeIn .5s cubic-bezier(.16,1,.3,1) backwards}.subspace-card:nth-child(1){animation-delay:.05s}.subspace-card:nth-child(2){animation-delay:.1s}.subspace-card:nth-child(3){animation-delay:.15s}.subspace-card:nth-child(4){animation-delay:.2s}.subspace-card:nth-child(5){animation-delay:.25s}.subspace-card:nth-child(6){animation-delay:.3s}.subspace-card:nth-child(7){animation-delay:.35s}.subspace-card:nth-child(8){animation-delay:.4s}.subspace-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px #0006;border-color:var(--primary-alpha)}.subspace-card-cover{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;transition:transform .8s cubic-bezier(.16,1,.3,1)}.subspace-card:hover .subspace-card-cover{transform:scale(1.1)}.subspace-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#0000001a 40%,#000000d9);z-index:1;transition:opacity .3s ease}.subspace-card-overlay.lighter-overlay{background:linear-gradient(to bottom,#0000001a,#0000000d 40%,#000000b3)}.subspace-card-content{position:relative;z-index:2;margin-top:auto;padding:24px;display:flex;flex-direction:column;gap:8px}.subspace-type-badge{position:absolute;top:12px;left:12px;z-index:3;font-size:8.5px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:1.5px;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:4px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #0000004d;pointer-events:none;opacity:.9}.subspace-featured-badge{position:absolute;top:12px;left:12px;z-index:3;background:linear-gradient(135deg,#ff0050,#00f2ea);color:#fff;padding:4px 12px;border-radius:8px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #ff00504d}.subspace-card-title{font-size:24px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subspace-card-desc{font-size:14px;color:#ffffffe6;line-height:1.5;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 4px rgba(0,0,0,.5);height:42px}.subspace-card-footer{position:relative;z-index:2;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px 20px;display:flex;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.1)}.subspace-card-icon{width:40px;height:40px;border-radius:10px;overflow:hidden;box-shadow:0 4px 10px #0003;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;z-index:3}.subspace-card-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.subspace-card-meta-name{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subspace-card-meta-details{font-size:11px;color:#fff9;display:flex;align-items:center;gap:6px;overflow:hidden}.subspace-role-more-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#ffffff80;font-size:10px;font-weight:800;padding:1px 6px;border-radius:4px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.subspace-role-more-btn:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}.role-details-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.role-details-modal{width:90%;max-width:320px;background:#141414d1;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px;box-shadow:0 20px 50px #00000080;animation:slideInUp .3s cubic-bezier(.16,1,.3,1)}.role-details-header{margin-bottom:20px;text-align:center}.role-details-list{display:flex;flex-direction:column;gap:10px;max-height:250px;overflow-y:auto;padding-right:8px}.role-details-item{display:flex;align-items:center;gap:12px;background:#ffffff0a;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.role-details-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.role-details-name{font-size:14px;font-weight:700;color:#fff}.role-details-close{margin-top:24px;width:100%}.subspace-card-btn{background:#fff3;color:#fff;border:none;border-radius:20px;padding:6px 16px;font-size:11px;font-weight:700;text-transform:uppercase;transition:all .2s ease;cursor:pointer;white-space:nowrap}.subspace-card:hover .subspace-card-btn{background:#fff;color:#000;transform:scale(1.05)}.subspace-card-add{border:2px dashed var(--border);background:var(--bg-recessed);justify-content:center;align-items:center;opacity:.8;aspect-ratio:1 / 1.05}.subspace-card-add:hover{background:var(--primary-alpha);border-color:var(--primary);opacity:1}.subspace-card-icon-add{background:#ffffff0d!important;color:var(--text-200);width:52px;height:52px;font-size:20px;border-radius:16px}.breadcrumb-parent:hover{opacity:1!important;color:var(--accent-bright);text-decoration:underline}@media(max-width:768px){.subspace-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:600px){.subspace-dashboard{padding:20px 16px}.subspace-grid{grid-template-columns:1fr}}.sortable-ghost{opacity:.4!important;background:var(--accent-dim)!important;border:2px dashed var(--accent-bright)!important;transform:scale(.95);box-shadow:none!important}.channel-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.channel-type-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.channel-type-card:hover{background:#ffffff0d;transform:translateY(-2px);border-color:#fff3}.channel-type-card.active{background:#ffffff14;border-color:var(--accent);box-shadow:0 0 20px var(--accent-alpha)}.channel-type-card i{font-size:32px;margin-bottom:14px;color:var(--text-300);transition:all .3s ease}.channel-type-card.active i{color:var(--accent);transform:scale(1.1)}.channel-type-card h4{margin:0;font-size:14px;font-weight:800;color:#fff}.channel-type-card p{margin:6px 0 0;font-size:11px;color:var(--text-400);line-height:1.4}.channel-type-card .check-icon{position:absolute;top:8px;right:8px;font-size:14px;color:var(--accent);opacity:0;transform:scale(.5);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.channel-type-card.active .check-icon{opacity:1;transform:scale(1)}.space-actions-dropdown{background:#1a1a1c!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;padding:8px!important;box-shadow:0 10px 40px #0009!important;overflow:visible!important;animation:dropdownFadeScale .2s cubic-bezier(.16,1,.3,1);min-width:180px}@keyframes dropdownFadeScale{0%{opacity:0;transform:translateY(-4px) scale(.95);transform-origin:top right}to{opacity:1;transform:translateY(0) scale(1);transform-origin:top right}}.space-actions-dropdown:before{content:"";position:absolute;top:-6px;right:14px;width:12px;height:12px;background:#1a1a1c;border-top:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.08);transform:rotate(45deg);z-index:-1}[dir=rtl] .space-actions-dropdown:before{right:auto;left:14px}@property --profile-angle{syntax: "<angle>"; initial-value: 0deg; inherits: true;}@keyframes profile-worm{to{--profile-angle: 360deg}}.profile-modal{max-width:400px;width:94%;min-height:600px;overflow-y:auto;overflow-x:hidden;border-radius:var(--radius-xl);position:relative;box-shadow:0 12px 40px #00000080;--profile-angle: 0deg;background:linear-gradient(var(--bg-surface),var(--bg-surface)) padding-box,conic-gradient(from var(--profile-angle),var(--border-subtle) 0%,var(--border-subtle) 75%,var(--accent) 95%,var(--accent-bright) 100%) border-box;border:2px solid transparent;animation:modalIn .3s var(--ease-spring) forwards,profile-worm 3.5s linear infinite}@media(max-width:768px){.profile-modal{border:none;background:var(--bg-surface);box-shadow:0 12px 40px #00000080;animation:none}.profile-worm-ring{position:absolute;inset:0;border-radius:inherit;padding:2px;pointer-events:none;z-index:100;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}}.profile-modal-cover{height:130px;position:relative;overflow:hidden;background:linear-gradient(135deg,hsl(var(--accent-hue),65%,22%),#421957,#511f38);-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%);cursor:pointer;transition:filter .2s ease}.profile-modal-cover:hover{filter:brightness(1.15)}.profile-modal-cover img{width:100%;height:100%;object-fit:cover}.profile-decoration-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:50;opacity:.8;border-radius:var(--radius-xl)}.profile-modal-cover-overlay{position:absolute;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .25s var(--ease)}.profile-modal-cover:hover .profile-modal-cover-overlay{opacity:1;background:#0006}.btn-edit-cover{position:absolute;top:12px;right:12px;background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;z-index:20}.btn-edit-cover:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.profile-modal-cover-btn{width:42px;height:42px;border-radius:var(--radius-full);background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s var(--ease);position:relative;overflow:hidden}.profile-modal-cover-btn:hover{background:#ffffff40;transform:scale(1.08)}.profile-modal-cover-btn input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.profile-modal-close{position:absolute;top:12px;right:12px;z-index:10;width:32px;height:32px;border-radius:var(--radius-full);background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease)}.profile-modal-close:hover{background:#000000b3;color:#fff;transform:scale(1.1)}.profile-modal-body{padding:0 20px 20px}.profile-modal-hero{margin-top:-50px;position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}.profile-modal-avatar-wrap{position:relative;display:inline-block}.profile-modal-avatar-ring{padding:4px;border-radius:var(--radius-full);background:linear-gradient(135deg,#7289da,#8a2be2,#00d2ff);display:inline-block;position:relative;cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),filter .2s ease;z-index:5}.profile-modal-avatar-ring:hover{transform:scale(1.08);filter:brightness(1.15)}.profile-modal-avatar-ring:active{transform:scale(.95)}.profile-avatar-mood{position:absolute;top:-10px;right:-10px;background:var(--bg-elevated);color:var(--text-100);padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;box-shadow:var(--shadow-md);border:1px solid var(--border);z-index:20;pointer-events:none;white-space:nowrap;animation:moodFloat 3s ease-in-out infinite}@keyframes moodFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.profile-modal-avatar-wrap .avatar-wrapper{border:6px solid var(--bg-surface);box-shadow:none;border-radius:var(--radius-full)}.profile-modal-avatar-wrap .avatar-xl{width:96px;height:96px}.profile-level-pill{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#8a2be2d9,#00d2ffd9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;min-width:34px;height:22px;padding:0 6px;border-radius:999px;border:1px solid rgba(255,255,255,.2);z-index:100;box-shadow:0 4px 15px #00000080,inset 0 0 8px #ffffff0d;text-shadow:0 1px 2px rgba(0,0,0,.4);line-height:1}.profile-modal-avatar-wrap .friend-status{width:20px!important;height:20px!important;bottom:8px!important;right:8px!important;border-width:4px!important}.profile-actions{display:flex;gap:8px;margin-bottom:8px}.btn-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--bg-recessed);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-200);transition:all .2s;cursor:pointer}.btn-icon:hover{background:var(--bg-hover);color:#fff}.profile-modal-name-section{margin-bottom:16px}.profile-modal-name-section h2{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--text-100);margin:0 0 4px;display:flex;align-items:center;gap:8px}.profile-modal-name-section h2[style]{color:unset}.profile-modal-tags{font-size:14px;color:var(--text-300);display:flex;align-items:center;gap:6px;font-weight:500}.profile-copy-btn{color:var(--text-400);cursor:pointer;transition:color .2s;font-size:13px}.profile-copy-btn:hover{color:var(--text-100)}.profile-modal-bio-section{margin-bottom:16px}.profile-modal-bio{font-size:14px;color:var(--text-200);line-height:1.5;margin:0}.profile-modal-bio .text-muted{font-style:italic;color:var(--text-400)}.profile-details{display:flex;gap:16px;margin-top:12px;font-size:13px;color:var(--text-300)}.profile-details-item{display:flex;align-items:center;gap:6px}.profile-details-item i{color:var(--text-400)}.profile-details-item a{color:var(--accent);text-decoration:none;font-weight:600}.profile-stats-card{display:flex;justify-content:space-around;align-items:center;background:var(--bg-recessed);border-radius:var(--radius-lg);padding:16px;margin-top:20px;border:1px solid var(--border-subtle)}.profile-stat{text-align:center;display:flex;flex-direction:column;gap:4px;flex:1}.profile-stat-value{font-size:18px;font-weight:800;color:var(--text-100)}.profile-stat-label{font-size:10px;font-weight:700;color:var(--text-400);letter-spacing:.05em;text-transform:uppercase}.profile-stat-divider{width:1px;height:32px;background:var(--border-subtle)}.profile-roles-section{margin-top:20px}.profile-section-title{font-size:11px;font-weight:800;color:var(--text-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.profile-roles-list{display:flex;flex-wrap:wrap;gap:8px}.profile-role-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;background:var(--bg-recessed);border:1px solid var(--border-subtle);color:var(--text-200)}.profile-xp-card{background:var(--bg-recessed);border-radius:var(--radius-lg);padding:16px;margin-top:20px;border:1px solid var(--border-subtle)}.profile-xp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.profile-xp-current{font-size:14px;font-weight:800;color:var(--text-100);display:flex;align-items:center;gap:6px}.profile-xp-current i{color:#fbbf24}.profile-xp-max{font-size:12px;font-weight:600;color:var(--text-400)}.profile-xp-bar-bg{height:8px;background:var(--bg-surface);border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.profile-xp-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#06b6d4);border-radius:4px;transition:width .3s ease}.profile-xp-footer{text-align:center;font-size:11px;font-weight:700;color:var(--text-400);margin-top:10px;letter-spacing:.05em;text-transform:uppercase}.profile-now-playing{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#6366f11a,#06b6d414);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg);padding:12px 14px;margin-bottom:16px;animation:npFadeIn .4s ease}@keyframes npFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.profile-now-playing-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.profile-np-spectrum{display:flex;align-items:flex-end;gap:2px;height:20px;flex-shrink:0}.profile-np-spectrum span{display:block;width:3px;border-radius:2px;background:linear-gradient(180deg,#6366f1,#06b6d4)}.profile-np-spectrum span:nth-child(1){height:60%;animation:npBar .8s infinite ease-in-out}.profile-np-spectrum span:nth-child(2){height:100%;animation:npBar .6s infinite ease-in-out .1s}.profile-np-spectrum span:nth-child(3){height:40%;animation:npBar 1s infinite ease-in-out .2s}.profile-np-spectrum span:nth-child(4){height:75%;animation:npBar .7s infinite ease-in-out .15s}@keyframes npBar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.profile-now-playing-info{display:flex;flex-direction:column;min-width:0}.profile-np-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-400)}.profile-np-title{font-size:13px;font-weight:600;color:var(--text-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-np-play-btn{width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-full);background:linear-gradient(135deg,#6366f1,#06b6d4);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease;box-shadow:0 2px 12px #6366f159}.profile-np-play-btn:hover{transform:scale(1.12);box-shadow:0 4px 20px #6366f180}.profile-np-play-btn:active{transform:scale(.95)}.profile-footer-links{display:flex;justify-content:center;gap:20px;margin-top:24px;padding-bottom:8px}.profile-footer-links a{color:var(--text-400);font-size:18px;transition:color .2s,transform .2s;cursor:pointer}.profile-footer-links a:hover{color:var(--text-100);transform:translateY(-2px)}@media(max-width:768px){.profile-modal{width:100%;max-width:none;height:100%;height:100dvh;max-height:100%;max-height:100dvh;border-radius:0;border:none;padding-bottom:env(safe-area-inset-bottom)}.profile-decoration-img{border-radius:0}}.admin-modal{max-width:1040px;width:96%;height:80vh;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;border-radius:var(--radius-xl)}.admin-modal-header{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);flex-shrink:0;position:relative}.admin-modal-body{display:flex;flex:1;overflow:hidden;min-height:0;min-width:0}.admin-modal-title{display:flex;align-items:center;gap:10px;flex-shrink:0}.admin-modal-title i{font-size:18px;color:var(--accent-bright)}.admin-modal-title h2{font-size:17px;font-weight:800;letter-spacing:-.02em;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-modal-nav{display:flex;flex-direction:column;gap:2px;min-width:180px;max-width:180px;overflow-y:auto;white-space:nowrap;scrollbar-width:thin;scrollbar-color:var(--border) transparent;background:var(--bg-recessed);padding:8px;border-right:1px solid var(--border)}.admin-modal-nav::-webkit-scrollbar{width:4px}.admin-modal-nav::-webkit-scrollbar-track{background:transparent}.admin-modal-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.admin-modal-nav button{padding:10px 12px;background:none;border:none;color:var(--text-400);font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;border-radius:var(--radius-xs);transition:all .18s var(--ease);letter-spacing:.01em;display:flex;align-items:center;gap:8px;flex-shrink:0;text-align:left;justify-content:flex-start;width:100%}.admin-modal-nav button.active{background:var(--accent);color:#fff;box-shadow:0 0 10px var(--accent-glow)}.admin-modal-nav button:hover:not(.active){color:var(--text-200);background:var(--bg-hover)}.admin-modal-close{width:32px;height:32px;border-radius:var(--radius-full);background:transparent;border:none;color:var(--text-400);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease);flex-shrink:0;font-size:16px}.admin-modal-close:hover{background:var(--bg-hover);color:var(--text-100)}.admin-modal-content{flex:1;overflow-y:auto;padding:20px 24px;min-height:0;min-width:0}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-section-header h3{font-size:15px;font-weight:700;color:var(--text-100);display:flex;align-items:center;gap:8px}.admin-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto;overflow-y:visible}.admin-table-wrap .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:4px}.input-mini{padding:5px 8px;font-size:12px;width:auto}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px}.stat-card{background:var(--bg-glass-strong);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;display:flex;align-items:center;gap:16px}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-brand);opacity:.5}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.stat-info{flex:1}.stat-card .stat-value{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--text-100)}.stat-card .stat-label{font-size:11px;color:var(--text-400);margin-top:2px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-welcome-card{display:flex;align-items:center;gap:20px;background:var(--bg-glass-strong);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 28px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-welcome-icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--accent-glow);color:var(--accent-bright);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.admin-welcome-card h3{font-size:16px;font-weight:700;color:var(--text-100)}.admin-welcome-card p{font-size:13px;color:var(--text-300);margin-top:4px;line-height:1.5}.admin-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px;color:var(--text-400);font-size:14px}.role-card{padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:12px;background:var(--bg-recessed)}.role-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.role-card-title{display:flex;align-items:center;gap:10px}.role-card-title h4{font-size:15px;font-weight:650;text-transform:capitalize;color:var(--text-100)}.data-table{width:auto;min-width:100%;border-collapse:separate;border-spacing:0}.data-table th{text-align:left;padding:10px 16px;font-size:11px;color:var(--text-400);text-transform:uppercase;letter-spacing:.06em;font-weight:650;border-bottom:1px solid var(--border)}.data-table td{padding:8px 12px;font-size:12px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.data-table tr:hover td{background:var(--bg-hover)}.data-table th:first-child,.data-table td:first-child{width:50px;min-width:50px;padding-right:0}.data-table td:nth-child(3){max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table td:nth-child(4){max-width:90px;font-size:11px}.data-table .user-cell{display:flex;align-items:center;gap:8px;min-width:120px}.data-table .user-cell span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.permission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;margin:12px 0}.permission-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-recessed);border-radius:var(--radius-xs);font-size:12.5px;cursor:pointer;transition:all .18s var(--ease);border:1px solid transparent;color:var(--text-200);font-weight:500}.permission-item:hover{background:var(--bg-hover);border-color:var(--border)}.permission-item input[type=checkbox]{accent-color:var(--accent)}.setting-bg-upload-row{display:flex;gap:12px;align-items:center}.setting-bg-preview{width:120px;height:70px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border)}.setting-bg-preview-empty{width:120px;height:70px;border-radius:var(--radius-sm);border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-400);font-size:12px}.setting-bg-upload-inputs{flex:1;min-width:0}@media(max-width:768px){.admin-modal{width:100%;max-width:none;height:100%;height:100dvh;max-height:100%;max-height:100dvh;border-radius:0;border:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.admin-modal-header{padding:12px 16px}.admin-modal-close{position:static}.admin-modal-title h2{font-size:15px}.admin-modal-title i{font-size:16px}.admin-modal-body{flex-direction:column}.admin-modal-nav{flex-direction:row;min-width:100%;max-width:100%;border-right:none;border-bottom:1px solid var(--border);padding:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.admin-modal-nav button{padding:8px 12px;font-size:11px;gap:4px;white-space:nowrap;flex-shrink:0;width:auto}.admin-modal-content{padding:14px 12px}.admin-stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}.stat-icon{width:36px;height:36px;font-size:14px}.stat-card .stat-value{font-size:22px}.admin-welcome-card{flex-direction:column;text-align:center;padding:16px;gap:12px}.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:500px}.data-table th,.data-table td{padding:8px 10px;font-size:12px}.admin-section-header{flex-direction:column;align-items:flex-start;gap:8px}.role-card{padding:14px;flex-direction:column;align-items:stretch;gap:12px}.role-card-header{flex-direction:column;align-items:flex-start;gap:8px}.permission-grid{grid-template-columns:repeat(2,1fr);gap:4px}.permission-item{padding:6px 8px;font-size:11px;gap:6px}.setting-bg-upload-row{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.admin-modal-nav{justify-content:flex-start}.admin-modal-nav button{padding:10px 14px;font-size:15px;gap:0}.admin-modal-nav button i{margin:0}.admin-modal-nav button span{display:none}}.store-modal{width:96%;max-width:1280px;height:92vh;background:var(--bg-base);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 40px 120px #000000b3,0 0 80px #6366f10f}.store-modal-close{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:50%;background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-300);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;z-index:50;transition:all .25s var(--ease)}.store-modal-close:hover{background:#ffffff1f;color:#fff;transform:rotate(90deg);border-color:#ffffff26}.store-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;background:transparent}.store-loading{text-align:center;padding:120px 20px;color:var(--text-400);display:flex;flex-direction:column;align-items:center;gap:16px}.store-loading i{font-size:36px;color:var(--accent);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.5;filter:drop-shadow(0 0 8px transparent)}50%{opacity:1;filter:drop-shadow(0 0 16px var(--accent-glow))}}.store-container{display:flex;min-height:100%;max-width:none;margin:0}.store-sidebar{width:220px;flex-shrink:0;background:#00000026;border-right:1px solid var(--border);padding:28px 16px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:92vh;overflow-y:auto}.store-sidebar-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-400);padding:0 12px 12px;margin:0}.store-sidebar-divider{height:1px;background:var(--border);margin:12px 8px}.store-nav-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:transparent;border:none;color:var(--text-300);font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s var(--ease);text-align:left;width:100%;position:relative;overflow:hidden}.store-nav-btn i{width:18px;text-align:center;font-size:14px;flex-shrink:0}.store-nav-btn:hover{background:#ffffff0d;color:var(--text-100)}.store-nav-btn.active{background:var(--accent-glow);color:var(--accent-bright);font-weight:600;box-shadow:inset 0 0 0 1px #6366f126}.store-nav-btn.active:before{content:"";position:absolute;left:0;top:25%;height:50%;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.store-nav-btn-coins{background:linear-gradient(135deg,#fbbf2414,#fbbf2408);color:var(--amber)!important;border:1px solid rgba(251,191,36,.12);margin-top:8px}.store-nav-btn-coins:hover{background:linear-gradient(135deg,#fbbf2426,#fbbf240f);border-color:#fbbf2440}.store-nav-btn-coins.active{background:linear-gradient(135deg,#fbbf2433,#fbbf2414);color:var(--amber)!important;box-shadow:inset 0 0 0 1px #fbbf2433}.store-nav-btn-coins.active:before{background:var(--amber)}.store-sidebar-balance{margin-top:auto;padding:16px;background:#ffffff08;border-radius:14px;border:1px solid var(--border);display:flex;align-items:center;gap:12px}.store-sidebar-balance-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--amber),#f59e0b);display:flex;align-items:center;justify-content:center;font-size:16px;color:#1a1a2e;flex-shrink:0;box-shadow:0 4px 12px #fbbf2440}.store-sidebar-balance-info{flex:1;min-width:0}.store-sidebar-balance-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-400);margin-bottom:2px}.store-sidebar-balance-amount{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.02em}.store-main{flex:1;min-width:0;padding:32px 40px 48px;overflow-y:auto}.store-header-compact,.store-balance-compact{display:none}.store-hero-banner{position:relative;border-radius:20px;overflow:hidden;margin-bottom:36px;background:linear-gradient(135deg,#1e1b4b,#312e81,#4c1d95);padding:48px 40px;min-height:160px;display:flex;align-items:center;gap:32px;box-shadow:0 12px 40px #6366f126}.store-hero-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(167,139,250,.3),transparent 50%),radial-gradient(circle at 20% 80%,rgba(232,121,168,.2),transparent 50%);pointer-events:none}.store-hero-banner:after{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 70%);pointer-events:none;animation:hero-float 8s ease-in-out infinite}@keyframes hero-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,20px) scale(1.1)}}.store-hero-icon{width:72px;height:72px;border-radius:18px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;flex-shrink:0;z-index:1;border:1px solid rgba(255,255,255,.1)}.store-hero-text{z-index:1}.store-hero-text h2{margin:0 0 6px;font-size:28px;font-weight:800;color:#fff;letter-spacing:-.02em}.store-hero-text p{margin:0;font-size:15px;color:#ffffffa6;font-weight:400}.store-section{margin-bottom:44px}.store-section:last-child{margin-bottom:0}.store-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0;border:none}.store-section-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--text-100);letter-spacing:-.01em}.store-section-title i{display:none}.store-section-count{font-size:13px;color:var(--accent);font-weight:600;cursor:pointer;transition:color .2s}.store-section-count:hover{color:var(--accent-bright)}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding-bottom:0;scroll-snap-type:unset;overflow-x:visible}.store-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;transition:all .3s var(--ease);cursor:pointer;display:flex;flex-direction:column;flex:unset;scroll-snap-align:unset;position:relative}.store-card:before{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 50%,rgba(255,255,255,.02) 100%);opacity:0;transition:opacity .3s var(--ease);pointer-events:none;z-index:1}.store-card:hover{border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 16px 40px #00000059,0 0 0 1px #ffffff14}.store-card:hover:before{opacity:1}.store-card:active{transform:translateY(-2px) scale(.98)}.store-card-locked{opacity:.45;filter:grayscale(.6)}.store-card-locked:hover{opacity:.6;filter:grayscale(.3)}.store-card-owned{border-color:#34d39926}.store-card-owned:hover{border-color:#34d3994d}.store-card-preview{background:#00000040;height:180px;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.store-card-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,rgba(0,0,0,.2),transparent);pointer-events:none}.store-card-preview img,.store-card-preview canvas{max-width:140px;max-height:140px;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4));transition:transform .4s var(--ease-spring)}.store-card:hover .store-card-preview img,.store-card:hover .store-card-preview canvas{transform:scale(1.08)}.store-card-preview-full img,.store-card-preview-full canvas{max-width:none;max-height:none;width:100%!important;height:100%!important;object-fit:cover!important;object-position:top center!important;filter:none}.store-card:hover .store-card-preview-full img,.store-card:hover .store-card-preview-full canvas{transform:scale(1.03)}.store-card-owned-badge{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:var(--emerald);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 4px 12px #34d39966;z-index:2}.store-card-content{padding:14px 16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;background:#0000001a}.store-card-info{min-width:0;flex:1}.store-card-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:3px}.store-card-name{font-size:14px;font-weight:600;color:var(--text-100);line-height:1.3;letter-spacing:-.01em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.store-card-btn{width:auto;padding:6px 16px;border-radius:20px;border:none;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;text-transform:uppercase;letter-spacing:.02em;transition:all .2s var(--ease)}.store-card-btn i{display:none}.store-card-btn-buy{background:var(--accent);color:#fff;box-shadow:0 2px 10px var(--accent-glow)}.store-card-btn-buy:hover{background:var(--accent-bright);box-shadow:0 4px 16px var(--accent-glow-strong);transform:scale(1.05)}.store-card-btn-buy:active{transform:scale(.98)}.store-card-btn-owned{background:#34d3991f;color:var(--emerald);cursor:default;border:1px solid rgba(52,211,153,.15)}.store-card-btn-locked{background:#ffffff0a;color:var(--text-400);cursor:not-allowed}.store-empty{grid-column:1 / -1;text-align:center;padding:80px 20px;color:var(--text-400)}.store-empty i{font-size:48px;margin-bottom:20px;opacity:.15;display:block}.store-empty p{font-size:15px;font-weight:500;color:var(--text-300)}.coin-packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.coin-card{background:linear-gradient(160deg,#1e1e2de6,#0f0f19f2)!important;border:1px solid rgba(251,191,36,.12)!important;border-radius:20px!important;padding:32px 24px!important;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;transition:all .3s var(--ease)}.coin-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(251,191,36,.08),transparent 60%);pointer-events:none}.coin-card:hover{border-color:#fbbf244d!important;transform:translateY(-6px);box-shadow:0 20px 60px #00000080,0 0 40px #fbbf2414!important}.store-upload-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px;overflow:hidden}.store-upload-header{padding:16px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border)}.store-upload-header h4{margin:0;color:var(--text-100);font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.store-upload-form{padding:20px}.store-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.store-form-row .input-group{margin:0}.label-hint{font-size:11px;color:var(--text-400);font-weight:400}.store-form-actions{display:flex;justify-content:flex-start;padding-top:8px}.store-items-section{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.store-items-header{padding:16px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.store-items-header h4{margin:0;color:var(--text-100);font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.store-empty-state{padding:60px 20px;text-align:center;color:var(--text-400)}.store-empty-state i{font-size:48px;margin-bottom:16px;opacity:.5}.store-empty-state h4{margin:0 0 8px;color:var(--text-200)}.store-empty-state p{margin:0;font-size:14px}.store-items-grid{padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.store-item-card{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:all .15s var(--ease)}.store-item-card:hover{border-color:var(--accent-dim);transform:translateY(-2px);box-shadow:var(--shadow-md)}.store-item-image{height:120px;background:var(--bg-recessed);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border)}.store-item-image img,.store-item-image canvas{max-width:80px;max-height:80px;border-radius:var(--radius-sm);object-fit:cover}.store-item-info{padding:16px}.store-item-info h5{margin:0 0 8px;color:var(--text-100);font-size:14px;font-weight:600}.store-item-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.store-item-price{color:var(--amber);font-size:13px;font-weight:600;display:flex;align-items:center;gap:4px}.store-item-actions{padding:12px 16px;border-top:1px solid var(--border);background:var(--bg-recessed);display:flex;justify-content:flex-end}.addon-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px;overflow:hidden;transition:all .2s var(--ease)}.addon-card:hover{border-color:var(--accent-dim);box-shadow:0 4px 12px #0003}.addon-header{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border)}.addon-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0000004d}.addon-info{flex:1;min-width:0}.addon-info h4{font-size:16px;font-weight:700;color:var(--text-100);margin:0 0 4px}.addon-info p{font-size:13px;color:var(--text-400);margin:0}.addon-status{flex-shrink:0}.addon-body{padding:24px}.addon-actions{display:flex;gap:10px;margin-top:16px;justify-content:flex-end}.addon-footer{padding:16px 24px;background:var(--bg-recessed);border-top:1px solid var(--border)}.addon-stats{display:flex;gap:20px;flex-wrap:wrap}.addon-stat{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-400)}.addon-stat i{color:var(--accent-bright)}.store-public-tabs::-webkit-scrollbar{display:none}.store-public-tabs{scrollbar-width:none}.store-hero-card{width:100%;height:400px;border-radius:20px;position:relative;overflow:hidden;margin-bottom:36px;box-shadow:0 16px 48px #00000080;cursor:pointer;transition:transform .25s var(--ease);display:block}.store-hero-card:active{transform:scale(.98)}.store-hero-bg{position:absolute;inset:0;background:var(--bg-surface);display:flex;align-items:center;justify-content:center}.store-hero-bg img{width:100%;height:100%;object-fit:cover;filter:blur(10px) brightness(.6);transform:scale(1.1)}.store-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:32px;z-index:2}.store-hero-label{font-size:14px;font-weight:700;color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.store-hero-title{font-size:32px;font-weight:800;color:#fff;line-height:1.1;margin-bottom:12px;letter-spacing:-.02em}.store-hero-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.store-hero-desc{font-size:16px;color:#fffc;font-weight:500;max-width:60%}.store-preview-container{display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:center;max-width:1000px;margin:0 auto;padding:48px 24px 64px}.store-preview-nav{grid-column:1 / -1;margin-bottom:24px}.btn-preview-back{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-200);font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:9999px;transition:all .2s var(--ease);text-transform:uppercase;letter-spacing:.05em}.btn-preview-back:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translate(-4px)}.store-preview-hero{display:flex;justify-content:center;align-items:center;width:100%}@media(max-width:768px){.store-preview-profile.modal.profile-modal{width:100%!important;max-width:400px!important;height:auto!important;min-height:560px!important;max-height:none!important;border-radius:20px!important;margin:0 auto!important;position:relative!important}}.store-preview-body{display:flex;flex-direction:column;gap:12px}.store-preview-tag{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.store-preview-title{font-size:40px;font-weight:800;color:#fff;margin:0 0 12px;line-height:1.1;letter-spacing:-.02em}.store-preview-desc{font-size:15px;color:var(--text-200);line-height:1.6;margin:0 0 32px}.store-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-top:1px solid rgba(255,255,255,.08)}.store-preview-price{font-size:32px;font-weight:800;color:var(--amber);display:flex;align-items:center;gap:12px}.store-preview-price i{font-size:26px;filter:drop-shadow(0 0 8px rgba(251,191,36,.3))}.store-preview-actions{display:flex;gap:12px;flex:1;justify-content:flex-end}.btn-preview-action{height:48px;padding:0 24px;border-radius:var(--radius-full);font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;border:none;transition:all .2s var(--ease-spring);text-transform:uppercase;letter-spacing:.5px}.btn-preview-action{height:48px;padding:0 24px;border-radius:var(--radius-full);font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .25s var(--ease-spring);text-transform:uppercase;letter-spacing:.8px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);white-space:nowrap;flex-shrink:0;min-width:140px}.btn-preview-buy{background:hsla(var(--accent-hue),84%,67%,.12);border:1px solid hsla(var(--accent-hue),84%,67%,.3);color:var(--accent-bright)}.btn-preview-buy:hover{background:hsla(var(--accent-hue),84%,67%,.2);border-color:var(--accent-bright);transform:translateY(-2px);box-shadow:0 10px 30px hsla(var(--accent-hue),84%,67%,.2)}.btn-preview-gift{background:#fbbf2414;border:1px solid rgba(251,191,36,.25);color:var(--amber)}.btn-preview-gift:hover{background:#fbbf2426;border-color:var(--amber);transform:translateY(-2px);box-shadow:0 10px 30px #fbbf2433}.btn-preview-owned{background:#34d3990f;border:1px solid rgba(52,211,153,.2);color:var(--emerald);cursor:default}.btn-preview-owned:hover{background:#34d3991a;border-color:var(--emerald);box-shadow:0 10px 30px #34d39926}.btn-preview-locked{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text-400);cursor:not-allowed}.btn-preview-action:active{transform:scale(.98)}@media(max-width:900px){.store-modal{width:100%;max-width:100%;height:100%;height:100dvh;border-radius:0}.store-modal-close{top:12px;right:12px;z-index:100}.store-container{flex-direction:column}.store-sidebar{width:100%;height:auto;position:sticky;top:0;z-index:40;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:12px 16px;gap:8px;border-right:none;border-bottom:1px solid var(--border);background:var(--bg-base);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-overflow-scrolling:touch;scrollbar-width:none}.store-sidebar::-webkit-scrollbar{display:none}.store-sidebar-title,.store-sidebar-divider,.store-sidebar-balance{display:none}.store-sidebar .store-nav-btn-coins{display:none!important}.store-nav-btn{white-space:nowrap;padding:8px 16px;border-radius:20px;font-size:13px;flex-shrink:0;width:auto}.store-nav-btn i{width:auto;font-size:13px}.store-nav-btn.active:before{display:none}.store-nav-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.store-nav-btn-coins.active{background:var(--amber);color:#1a1a2e!important}.store-balance-compact{display:flex;align-items:center;gap:6px;background:#fbbf241a;border:1px solid rgba(251,191,36,.15);padding:6px 14px;border-radius:9999px;font-weight:700;color:var(--amber);font-size:13px;flex-shrink:0;position:fixed;bottom:20px;right:20px;z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 20px #00000080}.store-main{padding:20px 16px 80px}.store-hero-banner{padding:28px 24px;min-height:unset;margin-bottom:24px;border-radius:16px}.store-hero-banner:after{display:none}.store-hero-text h2{font-size:20px}.store-hero-text p{font-size:13px}.store-hero-icon{width:52px;height:52px;font-size:22px;border-radius:14px}.store-section{margin-bottom:32px}.store-section-header{margin-bottom:14px}.store-section-title{font-size:17px}.store-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.store-card-preview{height:150px;padding:16px}.store-card{border-radius:14px}.store-preview-container{grid-template-columns:1fr;gap:20px;padding:48px 16px 64px}.store-preview-title{font-size:28px}.store-preview-price{font-size:22px}.store-preview-desc{font-size:14px;margin-bottom:16px}.store-preview-footer{flex-direction:column;gap:20px;align-items:stretch;padding:24px 0}.store-preview-actions{justify-content:stretch;flex-direction:row;gap:10px}.btn-preview-action{flex:1;min-width:0;padding:0 16px}.coin-packages-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}}@media(max-width:520px){.store-body{padding:0}.store-sidebar{padding:8px 12px;gap:6px}.store-main{padding:16px 12px 80px}.store-hero-banner{padding:20px 16px;border-radius:12px;margin-bottom:20px;flex-direction:column;text-align:center;gap:12px}.store-hero-banner:before{display:none}.store-hero-icon{width:44px;height:44px;font-size:20px;border-radius:12px}.store-hero-text h2{font-size:18px}.store-hero-text p{font-size:12px}.store-grid{grid-template-columns:repeat(2,1fr);gap:10px}.store-card{border-radius:12px}.store-card-preview{height:120px;padding:12px}.store-card-preview img,.store-card-preview canvas{max-width:90px;max-height:90px}.store-card-content{padding:10px;flex-direction:column;align-items:stretch;gap:6px}.store-card-tag{font-size:9px}.store-card-name{font-size:12px}.store-card-btn{width:100%;justify-content:center;font-size:11px;padding:6px 10px}.store-section-title{font-size:16px}.store-section-count{font-size:12px}.store-section{margin-bottom:24px}.store-balance-compact{bottom:16px;right:16px;font-size:12px;padding:5px 12px}.coin-packages-grid{grid-template-columns:1fr;gap:12px}.store-form-row{grid-template-columns:1fr!important;gap:12px}.store-items-grid{grid-template-columns:1fr!important;padding:12px;gap:12px}.store-items-header{padding:12px 14px;flex-direction:column;align-items:flex-start;gap:8px}.store-item-info{padding:12px}.addon-card{margin-bottom:14px}.addon-card .card-header{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px}.addon-card .card-body{padding:12px 14px}.store-upload-form{padding:14px}.store-preview-container{grid-template-columns:1fr;gap:12px;padding:48px 10px}.store-preview-title{font-size:24px}.store-preview-price{font-size:24px;justify-content:center}.store-preview-footer{padding:16px 0 48px}.store-preview-actions{flex-direction:row;gap:8px}.btn-preview-action{flex:1;min-width:0;height:48px}}.landing-page{min-height:100%;min-height:100dvh;width:100%;background:var(--bg-base);color:var(--text-100);overflow-x:hidden;position:absolute;inset:0}#app{width:100%;height:100%}.landing-nav{position:fixed;top:0;width:100%;background:#111114f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;z-index:1000;border-bottom:1px solid var(--border)}.landing-nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.landing-logo{font-size:1.5rem;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:.5rem}.landing-nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.landing-nav-links a{color:var(--text-300);text-decoration:none;transition:color .3s;font-weight:500}.landing-nav-links a:hover{color:var(--text-100)}.landing-nav-cta{display:flex;gap:1rem}.landing-mobile-menu-btn{display:none;background:none;border:none;color:var(--text-100);font-size:1.5rem;cursor:pointer}.landing-hero{padding:10rem 2rem 6rem;text-align:center;background:linear-gradient(135deg,#5865f21a,#eb459e1a);position:relative;overflow:hidden;width:100%}.landing-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(88,101,242,.1) 0%,transparent 70%);animation:landing-pulse 15s ease-in-out infinite}@keyframes landing-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}.landing-hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.landing-hero h1{font-size:3.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--accent) 0%,var(--pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.landing-hero p{font-size:1.25rem;color:var(--text-200);margin-bottom:2rem}.landing-hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.landing-features{padding:6rem 2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.landing-section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;font-weight:700}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.landing-feature-card{background:var(--bg-surface);padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border);transition:all .3s var(--ease);opacity:0}.landing-feature-card:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 12px 30px #5865f233}.landing-feature-icon{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--accent) 0%,var(--pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-feature-card h3{font-size:1.5rem;margin-bottom:1rem;font-weight:600}.landing-feature-card p{color:var(--text-300);line-height:1.6}.landing-stats{padding:4rem 2rem;background:var(--bg-surface);text-align:center;width:100%}.landing-stats-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem}.landing-stat-item{opacity:0}.landing-stat-item h3{font-size:3rem;color:var(--accent);margin-bottom:.5rem;font-weight:800}.landing-stat-item p{color:var(--text-300);font-size:1.1rem}.landing-cta{padding:6rem 2rem;text-align:center;background:linear-gradient(135deg,var(--accent) 0%,var(--pink) 100%);width:100%}.landing-cta h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.landing-cta p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.landing-cta .btn-secondary{background:#fff;color:var(--accent);border:none}.landing-cta .btn-secondary:hover{background:#ffffffe6;transform:translateY(-2px)}.landing-footer{padding:3rem 2rem;background:var(--bg-surface);border-top:1px solid var(--border);width:100%}.landing-footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.landing-footer-section h4{margin-bottom:1rem;color:var(--accent);font-weight:600}.landing-footer-section ul{list-style:none;padding:0;margin:0}.landing-footer-section a{color:var(--text-300);text-decoration:none;display:block;margin-bottom:.5rem;transition:color .3s}.landing-footer-section a:hover{color:var(--text-100)}.landing-footer-bottom{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border);color:var(--text-300)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s ease-out forwards}@media(max-width:768px){.landing-nav-container{flex-wrap:wrap}.landing-nav-links{display:none;width:100%;flex-direction:column;text-align:center;padding-top:1.5rem;order:3;gap:1rem}.landing-nav-links.active{display:flex}.landing-mobile-menu-btn{display:block;order:2}.landing-hero h1{font-size:2.5rem}.landing-hero p{font-size:1rem}.landing-section-title{font-size:2rem}.landing-nav-cta{display:none;width:100%;flex-direction:column;padding-top:1rem;order:4;gap:.5rem}.landing-nav-cta.active{display:flex}.landing-hero{padding:8rem 1rem 4rem}.landing-features{padding:4rem 1rem}.landing-features-grid{grid-template-columns:1fr}}#chat-area{display:flex;flex-direction:column;flex:1;min-height:0}#chat-area.hidden{display:none!important}#messages-area:has(.shorts-container){padding:0;gap:0;overflow:hidden}.shorts-container{height:100%;width:100%;display:flex;flex-direction:column;background:#000;position:relative;overflow:hidden}.shorts-v-header{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 100%);color:#fff}.shorts-header-left{display:flex;align-items:center;gap:12px}.shorts-title{font-weight:600;font-size:16px}.shorts-feed{flex:1;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none}.shorts-feed::-webkit-scrollbar{display:none}.short-item{height:100%;width:100%;scroll-snap-align:start;position:relative;display:flex;align-items:center;justify-content:center}.video-container{position:relative;width:100%;height:100%;max-width:500px;margin:0 auto;background:#000}.video-container iframe{width:100%;height:100%;border:none}.video-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);color:#fff;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.short-info{flex:1}.short-video-title{font-size:18px;margin:0 0 4px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.short-creator{font-size:14px;opacity:.9;font-weight:500}.short-actions{display:flex;flex-direction:column;gap:20px;align-items:center;pointer-events:auto}.action-btn{width:45px;height:45px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:transform .2s;outline:none}.action-btn:hover{transform:scale(1.1);background:#fff3}.action-btn.btn-delete-short{background:#f003}.action-btn.btn-delete-short:hover{background:#f006}.empty-shorts-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px;background:var(--bg-base)}.empty-shorts-icon{font-size:64px;color:var(--text-400);margin-bottom:24px}.floating-add-short{position:absolute;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:var(--accent);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;box-shadow:0 4px 15px #00000080;z-index:100;transition:transform .2s,background .2s}.floating-add-short:hover{transform:scale(1.1);background:var(--accent-hover, #ff2d55)}@media(max-width:768px){.floating-add-short{bottom:20px;right:20px;width:50px;height:50px;font-size:20px}}.short-progress-container{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ffffff1a;z-index:100}.short-progress-bar{height:100%;width:0%;background:var(--accent);box-shadow:0 0 10px var(--accent),0 0 20px var(--accent);transition:width .2s linear}.short-tag{background:#ffffff1a;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;color:var(--accent-bright)}.creator-link{cursor:pointer;font-weight:600;color:#fff}.creator-link:hover{text-decoration:underline;color:var(--accent)}@keyframes shortProgress{0%{width:0%}to{width:100%}}#messages-area:has(.game-panel){padding:0;overflow:hidden}.game-panel{width:100%;height:100%;display:flex;flex-direction:column}.game-panel iframe{border:none;width:100%;height:100%;background:#000}.game-panel-header{padding:16px;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.game-panel-info{display:flex;align-items:center;gap:12px}.game-panel-icon{font-size:24px;color:var(--primary)}.game-panel-title{font-size:18px;font-weight:600}.game-panel-subtitle{font-size:12px;color:var(--text-400)}.game-panel-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.game-panel-empty-icon{font-size:64px;color:var(--text-400);margin-bottom:24px}.game-panel-header{padding:20px 24px;background:linear-gradient(to right,var(--bg-card),var(--bg-recessed));border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.game-panel-info{display:flex;align-items:center;gap:16px;flex:1;min-width:200px}.game-panel-icon{font-size:20px;color:var(--primary);background:var(--primary-alpha);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px var(--shadow-sm)}.game-panel-title{font-size:1.25rem;font-weight:700;color:var(--text-100);line-height:1.2}.game-panel-subtitle{font-size:.85rem;color:var(--text-400);margin-top:4px;font-weight:500}@media(max-width:600px){.game-panel-header{padding:12px 16px;gap:12px}.game-panel-info{gap:12px;min-width:0}.game-panel-icon{width:36px;height:36px;font-size:16px;border-radius:10px}.game-panel-title{font-size:1rem}.game-panel-subtitle{font-size:.75rem}.game-panel-header .btn-primary span{display:none}.game-panel-header .btn{padding:8px;min-width:36px;height:36px}}.game-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.game-library-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column}.game-library-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:var(--border-hover)}.game-library-card:hover .game-library-card-overlay{opacity:1}.game-library-card-img{width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;background-color:var(--bg-recessed);position:relative;display:flex;align-items:center;justify-content:center}.game-library-card-placeholder{font-size:32px;color:var(--text-muted)}.game-library-card-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.game-library-card-overlay i{font-size:32px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.game-library-card-info{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.game-library-card-name{font-weight:600;font-size:14px;color:var(--text-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-delete-btn{color:var(--text-muted);width:28px;height:28px}.game-delete-btn:hover{color:var(--danger);background:var(--danger-alpha)}#maintenance-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0f14,#1a1a2e,#16213e);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);animation:maintenanceFadeIn .5s ease}@keyframes maintenanceFadeIn{0%{opacity:0}to{opacity:1}}.maintenance-container{text-align:center;max-width:480px;padding:48px 40px;animation:maintenanceSlideUp .6s ease}@keyframes maintenanceSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.maintenance-icon-wrap{width:100px;height:100px;margin:0 auto 32px;border-radius:50%;background:linear-gradient(135deg,#ef444426,#fb923c26);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 60px #ef44441a}.maintenance-icon-wrap:before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;background:linear-gradient(135deg,#ef44444d,#fb923c4d) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out;animation:maintenanceRingRotate 4s linear infinite}@keyframes maintenanceRingRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.maintenance-icon{font-size:40px;background:linear-gradient(135deg,#ef4444,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:maintenanceWrench 3s ease-in-out infinite}@keyframes maintenanceWrench{0%,to{transform:rotate(0)}15%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}45%{transform:rotate(-8deg)}60%{transform:rotate(0)}}.maintenance-title{font-size:28px;font-weight:700;color:#f1f5f9;margin:0 0 16px;letter-spacing:-.02em}.maintenance-message{font-size:16px;line-height:1.6;color:#94a3b8;margin:0 0 32px}.maintenance-pulse{width:8px;height:8px;margin:0 auto 24px;border-radius:50%;background:#ef4444;position:relative;animation:maintenancePulseGlow 2s ease infinite}.maintenance-pulse:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(239,68,68,.3);animation:maintenancePulseRing 2s ease infinite}@keyframes maintenancePulseGlow{0%,to{box-shadow:0 0 4px #ef444466}50%{box-shadow:0 0 20px #ef444499}}@keyframes maintenancePulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(2.5);opacity:0}}.maintenance-sub{font-size:13px;color:#64748b;margin:0;font-style:italic}#messages-area:has(.mini-games-hub),#messages-area:has(.jackpot-game){padding:0;overflow:hidden}@keyframes appSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mini-games-hub{display:flex;flex-direction:column;height:100%;background:var(--bg-base);animation:appSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}.mini-games-header{padding:20px 24px;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.mini-games-header-info{display:flex;align-items:center;gap:14px}.mini-games-header-icon{font-size:20px;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f14d}.mini-games-header h2{font-size:20px;font-weight:700;margin:0}.mini-games-header p{font-size:13px;color:var(--text-400);margin:2px 0 0}.mini-games-grid{flex:1;overflow-y:auto;padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;align-content:start;max-width:1200px;margin:0 auto;width:100%}.mini-game-card{background:var(--bg-surface, #1e1e2d);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:32px 24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:200px}.mini-game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);opacity:.5;transition:opacity .3s}.mini-game-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000004d,0 0 0 1px #6366f133;background:var(--bg-surface-hover, #252538)}.mini-game-card:hover:before{opacity:1}.mini-game-card-emoji{font-size:56px;margin-bottom:20px;display:inline-block;position:relative;z-index:1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.mini-game-card:hover .mini-game-card-emoji{transform:scale(1.1) rotate(5deg)}.mini-game-card-name{font-size:20px;font-weight:800;margin-bottom:8px;position:relative;z-index:1;color:#fff}@media(max-width:600px){.mini-games-header{padding:12px 16px}.mini-games-header-icon{width:36px;height:36px;font-size:16px}.mini-games-grid{grid-template-columns:repeat(2,1fr);padding:16px;gap:12px}.mini-game-card{padding:20px 12px;border-radius:12px;min-height:140px}.mini-game-card-emoji{font-size:32px;margin-bottom:12px}.mini-game-card-name{font-size:15px}.mini-game-card-desc{font-size:10px;line-height:1.3;opacity:.7}}.mini-game-card-desc{font-size:13px;color:var(--text-300, #9ca3af);position:relative;z-index:1;line-height:1.5}.jackpot-game{display:flex;flex-direction:column;height:100%;background:linear-gradient(#0f0c29d9,#1a1245f2),url(/minigames/jackpot/background/bg.jpg);background-size:cover;background-position:center;color:#fff;position:relative;overflow:hidden;animation:appSlideIn .5s cubic-bezier(.2,1,.3,1) forwards}.jackpot-game:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(99,102,241,.06) 0%,transparent 60%);pointer-events:none}.jackpot-header{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:2}.jackpot-header-left{display:flex;align-items:center;gap:12px}.jackpot-back-btn{background:transparent;border:none;color:var(--text-300, #9ca3af);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:16px}.jackpot-back-btn:hover{background:#ffffff1a;color:#fff}.jackpot-title{font-size:18px;font-weight:700;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.jackpot-balance{display:flex;align-items:center;gap:8px;background:#ffffff0f;padding:8px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);font-size:15px;font-weight:600}.jackpot-balance-coins{color:#fbbf24}.jackpot-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:20px;position:relative;z-index:2;overflow-y:auto}.slot-machine{background:linear-gradient(145deg,#1e1b4be6,#141232f2);border:2px solid rgba(251,191,36,.3);border-radius:24px;padding:32px 28px 24px;box-shadow:0 0 40px #6366f126,0 0 80px #fbbf240d,inset 0 1px #ffffff0d;position:relative;width:100%;max-width:400px}.slot-machine-label{text-align:center;font-size:12px;text-transform:uppercase;letter-spacing:3px;color:#fbbf2499;margin-bottom:20px}.slot-reels{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.slot-reel{width:90px;height:100px;background:#00000080;border:2px solid rgba(255,255,255,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:48px;overflow:hidden;position:relative;box-shadow:inset 0 2px 8px #0006}.slot-reel.spinning .slot-reel-symbol{animation:reelSpin .15s linear infinite}.slot-reel-symbol{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}@keyframes reelSpin{0%{transform:translateY(-50%);opacity:.5}50%{transform:translateY(0);opacity:1}to{transform:translateY(50%);opacity:.5}}.slot-reel.winner{border-color:#fbbf24;box-shadow:inset 0 2px 8px #0006,0 0 20px #fbbf244d;animation:reelGlow .6s ease-in-out infinite alternate}@keyframes reelGlow{0%{box-shadow:inset 0 2px 8px #0006,0 0 15px #fbbf2433}to{box-shadow:inset 0 2px 8px #0006,0 0 30px #fbbf2480}}.slot-result{text-align:center;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center}.slot-result-message{font-size:18px;font-weight:700;margin-bottom:4px}.slot-result-message.win{color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.4);animation:resultPop .5s cubic-bezier(.34,1.56,.64,1)}.slot-result-message.lose{color:var(--text-400)}.slot-result-amount{font-size:14px;color:var(--text-300, #9ca3af)}.slot-result-amount.win{color:#34d399}@keyframes resultPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.slot-controls{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}.slot-bet-row{display:flex;align-items:center;justify-content:center;gap:12px}.slot-bet-label{font-size:13px;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;min-width:40px}.slot-bet-control{display:flex;align-items:center;gap:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden}.slot-bet-btn{background:transparent;border:none;color:#fff;width:40px;height:40px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s}.slot-bet-btn:hover{background:#ffffff1a}.slot-bet-value{font-size:18px;font-weight:700;min-width:60px;text-align:center;color:#fbbf24;padding:0 4px;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08)}.slot-quick-bets{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.slot-quick-bet{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.slot-quick-bet:hover{background:#6366f133;border-color:#6366f166;color:#fff}.slot-quick-bet.active{background:#6366f140;border-color:#6366f180;color:#fff}.slot-spin-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff;padding:16px 48px;border-radius:14px;font-size:20px;font-weight:800;cursor:pointer;letter-spacing:2px;text-transform:uppercase;transition:all .3s;box-shadow:0 4px 20px #f59e0b4d;position:relative;overflow:hidden}.slot-spin-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.slot-spin-btn:hover:not(:disabled):before{left:100%}.slot-spin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 28px #f59e0b66}.slot-spin-btn:active:not(:disabled){transform:translateY(0)}.slot-spin-btn:disabled{opacity:.5;cursor:not-allowed;background:#ffffff1a;box-shadow:none}.slot-paytable-toggle{background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffff80;padding:8px 20px;border-radius:10px;cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:1px;transition:all .2s}.slot-paytable-toggle:hover{border-color:#ffffff40;color:#fffc}.slot-paytable{width:100%;max-width:400px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;display:none}.slot-paytable.visible{display:block}.slot-paytable h3{font-size:14px;color:#fbbf24;margin:0 0 14px;text-align:center;text-transform:uppercase;letter-spacing:2px}.slot-paytable-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:14px}.slot-paytable-row:last-child{border-bottom:none}.slot-paytable-symbols{color:#ffffffb3}.slot-paytable-multiplier{color:#fbbf24;font-weight:700}.big-win-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;animation:fadeIn .3s ease}.big-win-text{font-size:48px;font-weight:900;background:linear-gradient(135deg,#fbbf24,#f59e0b,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;animation:bigWinPulse .8s ease-in-out infinite alternate;text-align:center}.big-win-amount{font-size:28px;color:#34d399;font-weight:700;margin-top:8px}.dice-game{background:linear-gradient(#0a0a0acc,#141428f2),url(/minigames/diceroll/background/bg.jpg)!important;background-size:cover!important;background-position:center!important}.cards-game{background:linear-gradient(#0a0a0acc,#281414f2),url(/minigames/cardflip/background/bg.jpg)!important;background-size:cover!important;background-position:center!important}@keyframes bigWinPulse{0%{transform:scale(.95);filter:brightness(1)}to{transform:scale(1.05);filter:brightness(1.2)}}@media(max-width:480px){.slot-machine{padding:20px 16px 16px;border-radius:18px}.slot-reel{width:72px;height:84px;font-size:38px}.slot-spin-btn{padding:14px 36px;font-size:17px}.jackpot-body{gap:20px;padding:16px}.big-win-text{font-size:32px}.dice-cube{width:72px;height:72px;font-size:40px}.dice-bet-types{gap:8px}.dice-bet-type{padding:10px}.cards-grid{grid-template-columns:repeat(3,1fr);gap:8px}}.dice-arena{display:flex;flex-direction:column;align-items:center;gap:16px}.dice-display{display:flex;gap:24px;align-items:center;justify-content:center}.dice-cube{width:90px;height:90px;background:#0006;border:2px solid rgba(255,255,255,.15);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:48px;box-shadow:inset 0 2px 8px #0000004d;transition:all .3s}.dice-cube.dice-rolling{animation:diceShake .15s linear infinite}.dice-cube.dice-winner{border-color:#fbbf24;box-shadow:0 0 24px #fbbf2466;animation:reelGlow .6s ease-in-out infinite alternate}@keyframes diceShake{0%{transform:rotate(-8deg) scale(1.05)}25%{transform:rotate(8deg) scale(.95)}50%{transform:rotate(-5deg) scale(1.02)}75%{transform:rotate(5deg) scale(.98)}to{transform:rotate(-8deg) scale(1.05)}}.dice-sum{font-size:16px;font-weight:700;color:#fff9;min-height:24px}.dice-bet-types{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:500px}.dice-bet-type{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;cursor:pointer;transition:all .2s;text-align:center;min-width:90px;flex:1}.dice-bet-type:hover{background:#6366f126;border-color:#6366f14d}.dice-bet-type.active{background:#6366f133;border-color:#6366f180;box-shadow:0 0 12px #6366f133}.dice-bet-type-label{font-size:14px;font-weight:700;color:#fff;margin-bottom:2px}.dice-bet-type-desc{font-size:11px;color:#fff6;margin-bottom:4px}.dice-bet-type-mult{font-size:16px;font-weight:800;color:#fbbf24}.cards-info-panel{display:flex;gap:24px;justify-content:center}.cards-info-item{text-align:center}.cards-info-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#fff6;display:block;margin-bottom:4px}.cards-info-value{font-size:22px;font-weight:800;color:#fbbf24}.cards-accumulated{color:#34d399;transition:all .3s}.cards-accumulated.bust{color:#ef4444}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:420px;position:relative}.cards-start-screen{grid-column:1 / -1;text-align:center;padding:28px 20px;background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:16px}.cards-start-screen h3{margin:0 0 8px;font-size:18px;color:#fff}.cards-start-screen p{font-size:13px;color:#ffffff80;margin:0 0 12px;line-height:1.5}.cards-legend{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;font-size:14px;color:#fff9}.flip-card{aspect-ratio:3/4;cursor:pointer;perspective:600px;border-radius:12px;transition:transform .2s}.flip-card:hover:not(.revealed){transform:translateY(-4px)}.flip-card-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:12px}.flip-card-back{width:100%;height:100%;background:linear-gradient(135deg,#6366f14d,#a855f733);border:2px solid rgba(99,102,241,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#ffffff4d;transition:all .2s}.flip-card:hover .flip-card-back{border-color:#6366f180;background:linear-gradient(135deg,#6366f166,#a855f74d)}.flip-card.revealed .flip-card-inner{animation:cardReveal .4s cubic-bezier(.34,1.56,.64,1)}.flip-card-front{width:100%;height:100%;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:32px}.flip-card.revealed.prize .flip-card-front{background:#34d39926;border:2px solid rgba(52,211,153,.3)}.flip-card.revealed.skull .flip-card-front{background:#ef444433;border:2px solid rgba(239,68,68,.4);animation:skullShake .5s ease}.flip-card.revealed{cursor:default;pointer-events:none}@keyframes cardReveal{0%{transform:rotateY(180deg) scale(.8);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes skullShake{0%,to{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(10deg)}}.cards-bust-overlay{position:absolute;inset:0;background:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;z-index:5;animation:fadeIn .3s ease}.cards-bust-text{font-size:40px;font-weight:900;color:#ef4444;text-shadow:0 0 30px rgba(239,68,68,.5);animation:bigWinPulse .6s ease-in-out infinite alternate}.cards-bust-sub{font-size:14px;color:#fff9;margin-top:8px}.cards-action-btns{display:flex;gap:12px;justify-content:center;width:100%}.cards-cashout-btn{background:linear-gradient(135deg,#34d399,#10b981)!important;box-shadow:0 4px 20px #34d3994d!important}.cards-cashout-btn:hover:not(:disabled){box-shadow:0 6px 28px #34d39966!important}.rps-arena-container{background:linear-gradient(#0a0a0acc,#0f172af2),url(/minigames/rps/background/bg.jpg);background-size:cover;background-position:center;height:100%;animation:appSlideIn .5s cubic-bezier(.2,1,.3,1) forwards}.rps-lobby-content{padding:24px;max-width:600px;margin:0 auto;width:100%}.rps-create-box{background:var(--bg-surface);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;margin-bottom:24px}.rps-create-box h3{margin:0;font-size:16px}.rps-matches-list{background:var(--bg-surface);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px}.rps-match-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08);animation:fadeIn .3s}.rps-match-row:hover{background:#ffffff0f}.rps-match-creator{font-weight:600;display:block}.rps-match-wager{color:#fbbf24;font-size:14px;font-weight:700}.rps-waiting-tag{color:var(--text-400);font-size:13px;font-weight:500;padding:6px 12px;background:#ffffff0d;border-radius:8px}.rps-join-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:600}.rps-battle-arena{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative}.rps-players-row{display:flex;align-items:center;gap:32px;width:100%;max-width:700px;justify-content:center}.rps-player-card{flex:1;max-width:260px;background:var(--bg-surface);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px;text-align:center;position:relative;box-shadow:0 4px 20px #0003}.rps-player-name{font-size:16px;font-weight:700;margin-bottom:24px;color:var(--text-200);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rps-player-move-display{width:120px;height:120px;margin:0 auto 20px;background:#0003;border:2px dashed rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:56px;color:var(--text-300);transition:all .3s}.rps-player-move-display.resolved{background:#6366f126;border:2px solid rgba(99,102,241,.4);color:#fff;animation:resultPop .5s cubic-bezier(.34,1.56,.64,1)}.rps-secret-question{animation:bigWinPulse 1.5s infinite alternate;color:var(--text-400)}.rps-player-status{font-size:13px;color:var(--text-400);font-weight:500;text-transform:uppercase;letter-spacing:1px}.rps-vs{font-size:32px;font-weight:900;color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.5);font-style:italic}.rps-controls{margin-top:48px;text-align:center}.rps-controls h3{font-size:16px;color:var(--text-300);margin:0 0 16px}.rps-buttons{display:flex;gap:16px;justify-content:center}.rps-move-btn{width:72px;height:72px;border-radius:20px;border:2px solid rgba(255,255,255,.1);background:var(--bg-surface);color:#fff;font-size:32px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.rps-move-btn:hover:not(:disabled){border-color:#6366f180;background:#6366f11a;transform:translateY(-4px)}.rps-move-btn.selected{border-color:#34d399;background:#34d39926;box-shadow:0 0 20px #34d3994d;color:#34d399}.rps-move-btn:disabled:not(.selected){opacity:.3;cursor:not-allowed;transform:none}.rps-result-banner{position:absolute;top:40px;font-size:40px;font-weight:900;text-transform:uppercase;letter-spacing:4px;animation:resultPop .6s cubic-bezier(.34,1.56,.64,1);z-index:10;text-shadow:0 4px 20px rgba(0,0,0,.5)}.rps-result-banner.win{color:#34d399}.rps-result-banner.loss{color:#ef4444}.rps-result-banner.draw{color:#f59e0b}.rps-arena-container{overflow-y:auto}@media(max-width:600px){.rps-players-row{flex-direction:row;gap:8px;padding:0 8px}.rps-player-card{padding:16px 8px}.rps-player-name{font-size:13px;margin-bottom:12px}.rps-player-move-display{width:64px;height:64px;font-size:32px;margin-bottom:8px}.rps-vs{font-size:20px;margin:0}.rps-controls{margin-top:32px}.rps-buttons{gap:12px}.rps-move-btn{width:60px;height:60px;font-size:28px;border-radius:14px}}@media(max-width:768px){.mini-games-grid{padding:20px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.mini-game-card{padding:24px 16px}}@media(max-width:480px){.mini-games-header{padding:16px 20px}.mini-games-grid{padding:12px;gap:12px;grid-template-columns:1fr 1fr}.mini-game-card{padding:20px 12px;border-radius:16px}.mini-game-card-emoji{font-size:28px;margin-bottom:8px}.mini-game-card-name{font-size:14px}.mini-game-card-desc{font-size:11px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.hidden{display:none!important}[dir=rtl] .rtl-mirror{transform:scaleX(-1)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.text-center{text-align:center}.text-muted{color:var(--text-400)}.text-sm{font-size:13px}.w-full{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes msgIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes auroraShift{0%{opacity:.7;transform:scale(1) rotate(0)}to{opacity:1;transform:scale(1.05) rotate(1deg)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.typing-dots span{animation:pulse 1.4s infinite;display:inline-block}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes confetti{0%{transform:translate(-50%) translateY(0) scale(0);opacity:0}50%{transform:translate(-50%) translateY(-20px) scale(1.2);opacity:1}to{transform:translate(-50%) translateY(-10px) scale(1);opacity:1}}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes scaleInCentered{0%{transform:translate(-50%) scale(0)}50%{transform:translate(-50%) scale(1.1)}to{transform:translate(-50%) scale(1)}}@keyframes imgPopIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeOut .3s ease-out forwards}.fade-in{animation:fadeIn .3s ease-in forwards}@keyframes voicePulse{0%{box-shadow:0 0 #22c55eb3}50%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.voice-participant-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-card);border-radius:var(--radius-sm);transition:all .2s ease}.voice-participant-avatar{position:relative;border-radius:50%;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;overflow:visible}.voice-participant-avatar .avatar-wrapper{border-radius:50%}.voice-participant-avatar.speaking{animation:voicePulse 1.5s ease-out infinite}.voice-participant-avatar.speaking .avatar-wrapper{border:2px solid rgb(34,197,94);box-sizing:border-box}.voice-participant-avatar.speaking>img,.voice-participant-avatar.speaking>div{border-color:#22c55e!important;box-shadow:0 0 12px #22c55e80;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;transform:scale(1.06)}.voice-participant-avatar.speaking:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 6px);height:calc(100% + 6px);border-radius:50%;border:2px solid rgb(34,197,94);opacity:.5;pointer-events:none}