@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-glass-light: rgba(255, 255, 255, .04);--bg-glass-heavy: rgba(5, 7, 18, .95);--bg-overlay: rgba(0, 0, 0, .4);--bg-overlay-strong: rgba(0, 0, 0, .8);--bg-hover: hsla(var(--accent-hue), 84%, 67%, .08);--bg-active: hsla(var(--accent-hue), 84%, 67%, .15);--bg-input: rgba(11, 15, 31, .7);--bg-modifier-hover: rgba(255, 255, 255, .05);--bg-modifier-selected: rgba(255, 255, 255, .1);--text-100: #f0f0f5;--text-200: #b4b4c0;--text-300: #7c7c8a;--text-400: #52525b;--text-on-accent: #ffffff;--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}.light-mode{--bg-base: #f8fafc;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-recessed: #f1f5f9;--bg-glass: rgba(255, 255, 255, .8);--bg-glass-strong: rgba(255, 255, 255, .98);--bg-glass-heavy: #cbd5e1;--bg-glass-light: rgba(15, 23, 42, .05);--text-100: #1e293b;--text-200: #334155;--text-300: #475569;--text-400: #64748b;--bg-hover: hsla(var(--accent-hue), 84%, 67%, .06);--bg-active: hsla(var(--accent-hue), 84%, 67%, .12);--bg-input: #f1f5f9;--bg-modifier-hover: rgba(15, 23, 42, .05);--bg-modifier-selected: rgba(15, 23, 42, .1);--border: #e2e8f0;--border-subtle: #f1f5f9;--border-accent: hsla(var(--accent-hue), 84%, 67%, .3);--bg-overlay: rgba(255, 255, 255, .3);--bg-overlay-strong: rgba(255, 255, 255, .6);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .15)}*,*: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,var(--bg-base) 0%,var(--bg-glass-heavy) 100%);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:var(--bg-glass-strong);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--border)}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:hsl(var(--accent-hue),22%,12%);backdrop-filter:none;-webkit-backdrop-filter:none;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)}.light-mode .modal{background:hsl(var(--accent-hue),20%,98%)}.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:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:16px;padding:14px 18px;background:#121218e6;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d,inset 0 1px #ffffff0d;color:var(--text-100);width:360px;max-width:calc(100vw - 40px);overflow:hidden;position:relative;animation:toastSlideIn .5s cubic-bezier(.16,1,.3,1);transition:all .4s cubic-bezier(.16,1,.3,1)}@media(max-width:480px){.toast-container{top:16px;bottom:auto;right:50%;transform:translate(50%);width:100%;padding:0 16px;align-items:center}.toast{width:100%;animation:toastSlideDown .5s cubic-bezier(.16,1,.3,1)}@keyframes toastSlideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast-dismissing{transform:translateY(-100%) scale(.9);opacity:0}}@keyframes toastSlideIn{0%{transform:translate(120%) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.toast-dismissing{transform:translate(120%) scale(.9);opacity:0}.toast-success{border-left:4px solid #10b981;background:linear-gradient(135deg,#10b9811a,#0f0f14e6)}.toast-error{border-left:4px solid #ef4444;background:linear-gradient(135deg,#ef44441a,#0f0f14e6)}.toast-info{border-left:4px solid #5865f2;background:linear-gradient(135deg,#5865f21a,#0f0f14e6)}.toast-icon{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;position:relative;z-index:1;animation:iconPop .4s cubic-bezier(.175,.885,.32,1.275) .1s both}@keyframes iconPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.toast-icon:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.1;z-index:-1}.toast-success .toast-icon{color:#10b981;background:#10b98126;border:1px solid rgba(16,185,129,.2);box-shadow:0 0 15px #10b9811a}.toast-error .toast-icon{color:#ef4444;background:#ef444426;border:1px solid rgba(239,68,68,.2);box-shadow:0 0 15px #ef44441a}.toast-info .toast-icon{color:#5865f2;background:#5865f226;border:1px solid rgba(88,101,242,.2);box-shadow:0 0 15px #5865f21a}.toast-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;padding-right:28px}.toast-title{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1.2}.toast-description{font-size:13px;color:#fff9;line-height:1.5;font-weight:450}.toast-close{position:absolute;top:50%;right:14px;transform:translateY(-50%);width:28px;height:28px;border-radius:10px;border:none;background:#ffffff0d;color:#fff6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px}.toast-close:hover{background:#ffffff1a;color:#fff;transform:scale(1.05)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:#fff3;width:100%;transform-origin:left;animation:toastProgress linear forwards}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-success .toast-progress{background:#10b98180}.toast-error .toast-progress{background:#ef444480}.toast-info .toast-progress{background:#5865f280}.toast-mention{border-left:4px solid #5865f2;background:linear-gradient(135deg,#5865f226,#0f0f14f2)}.toast-mention .toast-mention-header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.toast-mention-badge{background:#5865f2;color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.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)}.poll-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;max-width:420px;margin-top:8px}.poll-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.poll-card-icon{color:var(--accent);font-size:16px}.poll-card-question{font-size:15px;font-weight:600;color:var(--text-100);flex:1}.poll-card-badge{font-size:10px;padding:2px 8px;border-radius:var(--radius-full);background:var(--accent-glow);color:var(--accent-bright);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.poll-options{display:flex;flex-direction:column;gap:6px}.poll-option{position:relative;display:flex;align-items:center;padding:10px 14px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);background:var(--bg-surface);transition:all .2s var(--ease);overflow:hidden}.poll-option:hover{border-color:var(--border-accent);background:var(--bg-hover)}.poll-option.voted{border-color:var(--accent-dim);background:#6366f10f}.poll-option-bar{position:absolute;top:0;left:0;bottom:0;background:var(--accent-glow);border-radius:var(--radius-sm);transition:width .5s var(--ease);z-index:0}.poll-option.voted .poll-option-bar{background:hsla(var(--accent-hue),84%,67%,.15)}.poll-option.correct{border-color:#22c55e;background:#22c55e0f}.poll-option-bar.correct{background:#22c55e33}.poll-option.correct .poll-option-text{color:#22c55e}.poll-option.wrong{border-color:#ef4444;background:#ef44440d}.poll-option-bar.wrong{background:#ef444426}.poll-option.wrong .poll-option-text{color:#ef4444}.poll-option-text{position:relative;z-index:1;flex:1;font-size:13px;color:var(--text-200);font-weight:500}.poll-option.voted .poll-option-text{color:var(--text-100)}.poll-option-count{position:relative;z-index:1;font-size:12px;color:var(--text-300);font-weight:600;min-width:36px;text-align:right}.poll-option-check{position:relative;z-index:1;color:var(--accent-bright);font-size:12px;margin-right:8px}.poll-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--text-400)}.poll-option-inputs{display:flex;flex-direction:column;gap:8px}.poll-option-row{display:flex;align-items:center;gap:8px}.poll-option-row .input{flex:1}.poll-option-row .btn-icon{flex-shrink:0;width:28px;height:28px;font-size:12px}.music-player-widget{display:flex;align-items:stretch;gap:0;background:linear-gradient(135deg,#10172df2,#161e38e6);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;max-width:420px;min-width:320px;position:relative;box-shadow:0 4px 20px #0000004d,0 0 0 1px #ffffff08;transition:border-color .3s,box-shadow .3s}.music-player-widget:hover{border-color:#5865f240;box-shadow:0 4px 24px #0006,0 0 30px #5865f20f}.music-player-widget[data-state=playing]{border-color:#5865f24d;box-shadow:0 4px 24px #0006,0 0 40px #5865f21a}.music-player-art{width:90px;min-height:90px;background-size:cover;background-position:center;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.music-player-art-overlay{position:absolute;inset:0;background:#00000059;transition:background .2s}.music-player-widget:hover .music-player-art-overlay{background:#00000080}.music-player-play-btn{position:relative;z-index:2;width:42px;height:42px;border-radius:50%;border:none;background:#5865f2e6;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 12px #5865f266}.music-player-play-btn:hover{transform:scale(1.1);background:#5865f2;box-shadow:0 4px 20px #5865f280}.music-player-play-btn:active{transform:scale(.95)}.music-player-play-btn i{margin-left:2px}.music-player-widget[data-state=playing] .music-player-play-btn i{margin-left:0}.music-player-widget[data-state=playing] .music-player-play-btn{animation:music-pulse 2s ease-in-out infinite}@keyframes music-pulse{0%,to{box-shadow:0 2px 12px #5865f266}50%{box-shadow:0 2px 20px #5865f299,0 0 30px #5865f226}}.music-player-info{flex:1;padding:12px 14px;display:flex;flex-direction:column;justify-content:center;min-width:0;gap:2px}.music-player-title{font-size:13px;font-weight:700;color:#f0f0f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.music-player-sub{font-size:11px;color:#fff6;display:flex;align-items:center;margin-bottom:4px}.music-player-controls{display:flex;align-items:center;gap:8px;margin-top:2px}.music-player-time{font-size:10px;font-weight:600;color:#ffffff80;font-family:Fira Code,Consolas,monospace;min-width:30px;flex-shrink:0}.music-player-progress{flex:1;height:4px;background:#ffffff1a;border-radius:4px;cursor:pointer;position:relative;overflow:hidden;transition:height .15s}.music-player-progress:hover{height:6px}.music-player-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#5865f2,#818cf8);border-radius:4px;transition:width .3s linear;position:relative}.music-player-progress:hover .music-player-progress-fill:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 6px #5865f280}.music-player-vol-btn{background:none;border:none;color:#fff6;font-size:12px;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s;flex-shrink:0}.music-player-vol-btn:hover{color:#fffc}.music-player-widget[data-state=loading] .music-player-play-btn i{animation:fa-spin 1s linear infinite}@media(max-width:480px){.music-player-widget{max-width:100%;min-width:260px}.music-player-art{width:72px;min-height:72px}.music-player-play-btn{width:36px;height:36px;font-size:14px}.music-player-info{padding:10px 12px}}.music-channel-container{display:flex;height:100%;background:transparent;color:var(--text-100);position:relative;overflow:hidden}.dark-mode .music-channel-container{color:#fff}.light-mode .music-channel-container{color:#1e293b}.in-music-channel .video-background{display:none!important}.music-main-area{flex:1;display:flex;flex-direction:column;height:100%;position:relative;background:transparent;overflow:hidden}.music-header{padding:24px 32px;display:grid;grid-template-columns:100px 1fr 100px;align-items:center;background:transparent;z-index:50;flex-shrink:0}.music-header-btn{display:flex!important;align-items:center;justify-content:center;width:40px!important;height:40px!important;color:var(--text-300)!important;font-size:16px!important;background:transparent!important;border:none!important;border-radius:50%!important;transition:all .2s var(--ease)!important;cursor:pointer;box-shadow:none!important}.music-header-btn:hover{background:var(--bg-modifier-hover)!important;color:var(--text-100)!important}#btn-music-back{justify-self:start}.music-header-actions{display:flex;gap:4px;justify-self:end}.header-info{text-align:center;display:flex;flex-direction:column;gap:4px}.now-playing-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-400);font-weight:700}.music-header-title{margin:0;font-size:16px;font-weight:700;color:var(--text-100);letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-close-playlist{display:none!important}@media(max-width:1024px){.music-header{grid-template-columns:60px 1fr 60px;padding:16px 20px}.mobile-close-playlist{display:inline-flex!important}}.music-player-wrapper{flex:1;width:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:0}.music-view-layer{position:absolute;inset:0;width:100%;height:100%;transition:opacity .6s var(--ease),visibility .6s var(--ease);visibility:visible;opacity:1;z-index:10}.music-view-layer.music-hidden{opacity:0;visibility:hidden;pointer-events:none}#youtube-player-mount{width:100%;height:100%}.music-lyrics-container{width:100%;height:100%;padding:80px 30px 40px;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center}.lyrics-content{font-size:22px;line-height:1.6;color:var(--text-100);text-align:center;white-space:pre-wrap;padding:20px}.music-controls-bar{background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:16px 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;z-index:20;flex-shrink:0;min-height:72px}.playback-controls{grid-column:2;display:flex;align-items:center;gap:20px}.playback-controls .btn-icon{font-size:18px;color:var(--text-300);background:transparent;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease);cursor:pointer}.playback-controls .btn-icon:hover{color:var(--text-100);background:var(--bg-modifier-hover);transform:scale(1.08)}.play-pause-btn{width:48px!important;height:48px!important;background:var(--accent)!important;border:none!important;color:var(--text-on-accent)!important;border-radius:50%!important;font-size:18px!important;box-shadow:0 2px 10px var(--accent-glow);display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease)!important;cursor:pointer}.play-pause-btn .fa-play{padding-left:2px}.play-pause-btn:hover{transform:scale(1.08)!important;background:var(--accent-bright)!important;box-shadow:0 4px 16px var(--accent-glow-strong)}.view-controls{grid-column:3;justify-self:end;display:flex;align-items:center;gap:6px}.view-controls .btn-icon{width:38px;height:38px;background:var(--bg-modifier-hover);border-radius:10px;color:var(--text-300);font-size:15px;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer;border:1px solid transparent}.view-controls .btn-icon:hover{background:var(--bg-hover);color:var(--text-100);border-color:var(--border-subtle)}.music-playlist-sidebar{width:360px;background:var(--bg-surface);border-left:1px solid var(--border);display:flex;flex-direction:column}.playlist-header{padding:24px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.playlist-header h3{margin:0;font-size:18px;font-weight:700;color:var(--text-100)}.playlist-tracks{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px}.playlist-track-item{position:relative;display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .2s var(--ease);background:linear-gradient(145deg,var(--bg-glass-light) 0%,transparent 100%);border:1px solid var(--border-subtle)}.playlist-track-item:hover{background:linear-gradient(145deg,hsla(var(--accent-hue),84%,67%,.1) 0%,transparent 100%);transform:translate(4px);border-color:var(--border-accent)}.playlist-track-item.active{background:linear-gradient(145deg,hsla(var(--accent-hue),84%,67%,.2),hsla(var(--accent-hue),84%,67%,.05))!important;border-color:var(--border-accent)!important}.light-mode .playlist-track-item.active{background:linear-gradient(145deg,hsla(var(--accent-hue),84%,67%,.25),hsla(var(--accent-hue),84%,67%,.08))!important}.playlist-track-item.active .track-title{color:var(--accent);font-weight:700}.playing-eq{display:flex;align-items:flex-end;gap:2px;height:14px;margin-right:2px}.eq-bar{width:3px;background-color:var(--accent);border-radius:2px;animation:eq-bounce 1s ease-in-out infinite;transform-origin:bottom}.eq-1{animation-delay:0s;height:10px}.eq-2{animation-delay:.2s;height:14px}.eq-3{animation-delay:.4s;height:8px}@keyframes eq-bounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.track-thumbnail{width:48px;height:48px;background-size:cover;background-position:center;border-radius:4px;flex-shrink:0;box-shadow:0 2px 8px #00000026}.track-info-mini{flex:1;min-width:0}.track-title{font-size:14px;font-weight:500;color:var(--text-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.track-likes-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-300);margin-top:2px}.track-dropdown{opacity:1;transition:opacity .2s;margin-left:4px}.btn-track-menu{width:28px;height:28px;background:transparent;color:var(--text-300);border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-track-menu:hover{color:var(--text-100);background:var(--bg-modifier-hover)}.track-dropdown .dropdown-menu{min-width:120px;background:#161e38!important;border:1px solid var(--border);box-shadow:0 8px 24px #00000080!important;z-index:100}.playlist-track-item:has(.track-dropdown.show){z-index:50}.playlist-track-item .track-dropdown:hover .dropdown-menu,.playlist-track-item .track-dropdown:focus-within .dropdown-menu{display:none!important}.playlist-track-item .track-dropdown.show .dropdown-menu{display:block!important}.light-mode .track-dropdown .dropdown-menu{background:#fff!important}.mobile-close-playlist{display:none}@media(max-width:1024px){.music-header-btn{width:36px!important;height:36px!important;font-size:15px!important}.music-controls-bar{padding:12px 16px;min-height:64px}.playback-controls{gap:16px}.playback-controls .btn-icon{width:36px;height:36px;font-size:16px}.play-pause-btn{width:44px!important;height:44px!important;font-size:16px!important}.view-controls .btn-icon{width:34px;height:34px;font-size:14px;border-radius:8px}.music-playlist-sidebar{position:fixed;inset:0 -100% 0 auto;width:100%;max-width:320px;z-index:1000;transition:right .4s var(--ease);background:var(--bg-surface);box-shadow:-20px 0 50px #00000080}.music-playlist-sidebar.mobile-open{right:0}.mobile-close-playlist{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text-100);background:var(--bg-modifier-hover);border-radius:50%}}.light-mode .music-channel-container{background:var(--bg-base)}.light-mode .music-main-area{background:radial-gradient(circle at 50% 10%,var(--bg-surface) 0%,var(--bg-recessed) 100%)}.light-mode .music-controls-bar{background:var(--bg-surface);border-top:1px solid var(--border)}.light-mode .lyrics-content{color:var(--text-100);text-shadow:0 4px 20px rgba(0,0,0,.05)}.light-mode .now-playing-label{color:var(--text-300)}.light-mode .playlist-track-item:hover{background:var(--bg-modifier-hover)}.light-mode .playlist-track-item.active{background:var(--bg-active)}body.has-bg .music-channel-container{background:transparent}body.has-bg .music-main-area{background:radial-gradient(circle at 50% 10%,hsla(var(--accent-hue),30%,20%,.3) 0%,transparent 100%)}body.has-bg .music-playlist-sidebar{background:var(--bg-surface);border-left:1px solid var(--border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.like-controls{grid-column:1;justify-self:start;display:flex;align-items:center}.music-like-btn{position:relative;width:38px;height:38px;background:var(--bg-modifier-hover);border-radius:10px;color:var(--text-300);font-size:15px;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease);cursor:pointer;border:1px solid transparent}.music-like-btn:hover{background:var(--bg-hover);color:var(--text-100);border-color:var(--border-subtle)}.music-like-btn.liked{color:#f43f5e;background:#f43f5e1f;border-color:#f43f5e33}.music-like-btn.liked:hover{background:#f43f5e33}.music-like-btn.liked i{animation:heartPop .35s var(--ease)}@keyframes heartPop{0%{transform:scale(1)}30%{transform:scale(1.35)}60%{transform:scale(.9)}to{transform:scale(1)}}.music-like-count{position:absolute;top:-4px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#f43f5e;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:auto;cursor:pointer;box-shadow:0 2px 8px #f43f5e66;transition:transform .2s}.music-like-count:hover{transform:scale(1.15)}.music-like-count.hidden{display:none}@media(max-width:1024px){.music-like-btn{width:34px;height:34px;font-size:14px;border-radius:8px}}.music-floating-comments-container{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:10}.floating-bubble{position:absolute;bottom:-60px;pointer-events:auto;cursor:pointer;background:var(--bg-glass-strong);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);padding:6px 12px;border-radius:20px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0003;animation:floatUp var(--duration, 8s) cubic-bezier(.4,0,.2,1) forwards,sway var(--sway-duration, 4s) ease-in-out infinite alternate;transition:transform .2s,background .2s;max-width:250px;color:var(--text-100)}.floating-bubble:hover{background:var(--bg-hover);transform:scale(1.05);z-index:20;animation-play-state:paused}.floating-bubble img{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.floating-bubble .comment-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}@keyframes floatUp{0%{bottom:-60px;opacity:0}10%{opacity:1}90%{opacity:1}to{bottom:100%;opacity:0}}@keyframes sway{0%{transform:translate(0)}to{transform:translate(var(--sway-distance, 20px))}}.music-comment-btn{position:relative}.music-comment-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:var(--accent);color:var(--text-on-accent);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none;box-shadow:0 2px 8px var(--accent-glow);animation:badgePop .3s var(--ease)}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.music-comment-badge.hidden{display:none}.music-comments-modal{max-width:520px;width:95vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.music-comments-track-name{margin:0;font-size:12px;color:var(--text-300);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.music-comments-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:4px;min-height:200px;max-height:50vh;scroll-behavior:smooth}.music-comments-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:var(--text-300);font-size:14px}.music-comments-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-300);gap:8px;text-align:center}.music-comments-empty i{font-size:40px;opacity:.25;margin-bottom:8px}.music-comments-empty p{margin:0;font-size:15px;font-weight:600;color:var(--text-200)}.music-comments-empty span{font-size:13px;opacity:.7}.music-comment-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:12px;transition:background .15s var(--ease);position:relative;animation:commentSlideIn .3s var(--ease)}@keyframes commentSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.music-comment-item:hover{background:var(--bg-modifier-hover)}.music-comment-avatar{flex-shrink:0}.music-comment-body{flex:1;min-width:0}.music-comment-header{display:flex;align-items:center;gap:8px;margin-bottom:3px}.music-comment-author{font-size:13px;font-weight:700;color:var(--text-100)}.music-comment-time{font-size:11px;color:var(--text-400);font-weight:500}.music-comment-text{font-size:14px;color:var(--text-200);line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.music-comment-delete{opacity:0;flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-400);border-radius:8px;cursor:pointer;transition:all .15s;margin-top:2px;font-size:12px}.music-comment-item:hover .music-comment-delete{opacity:1}.music-comment-delete:hover{color:var(--rose);background:#f43f5e1f;transform:scale(1.1)}.music-comments-input-area{padding:16px;border-top:1px solid var(--border-subtle);background:var(--bg-surface)}.music-comments-input-wrapper{display:flex;align-items:center;gap:10px;background:var(--bg-recessed);border:1px solid var(--border);border-radius:12px;padding:4px 6px 4px 16px;transition:border-color .2s,box-shadow .2s}.music-comments-input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}#music-comment-input{flex:1;background:transparent;border:none;color:var(--text-100);font-size:14px;padding:10px 0;outline:none;font-family:inherit}#music-comment-input::placeholder{color:var(--text-400)}.music-comments-send-btn{width:38px;height:38px;border-radius:10px;border:none;background:var(--accent);color:var(--text-on-accent);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;flex-shrink:0;transition:all .2s var(--ease);box-shadow:0 2px 8px var(--accent-glow)}.music-comments-send-btn:hover{background:var(--accent-bright);transform:scale(1.05);box-shadow:0 4px 14px var(--accent-glow-strong)}.music-comments-send-btn.sending{opacity:.6;pointer-events:none}.view-controls{display:flex;gap:8px}@media(max-width:768px){.modal-overlay:has(.music-comments-modal),.modal-overlay:has(.music-likes-modal){align-items:flex-end}.music-comments-modal,.music-likes-modal{max-width:100%!important;width:100%!important;max-height:calc(100vh - 30px)!important;max-height:calc(100dvh - 30px)!important;height:calc(100vh - 30px)!important;height:calc(100dvh - 30px)!important;border-radius:16px 16px 0 0!important;margin:0!important;padding-bottom:env(safe-area-inset-bottom)!important;padding-top:0!important;animation:slideUpFromBottom .3s var(--ease)!important}.music-comments-list{flex:1;max-height:none!important;min-height:0}.music-comment-delete{opacity:.6}}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}.playlist-search-container{padding:12px 16px;margin-top:8px;border-bottom:1px solid var(--border-subtle)}.music-search-wrapper{position:relative;display:flex;align-items:center}.music-search-wrapper i{position:absolute;left:12px;color:var(--text-muted);font-size:14px;pointer-events:none;transition:color .2s var(--ease)}#music-search-input{width:100%;padding:10px 12px 10px 38px;border-radius:10px;border:1px solid var(--border-subtle);background:#0003;color:var(--text-100);font-size:14px;outline:none;transition:all .2s var(--ease);box-shadow:inset 0 2px 4px #0000001a}#music-search-input:focus{border-color:var(--accent);background:#0000004d;box-shadow:0 0 0 3px var(--accent-glow)}#music-search-input:focus+i{color:var(--accent)}#music-search-input::placeholder{color:var(--text-400);opacity:.7}.bot-ui-error{color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:8px 12px;border-radius:6px;font-size:12px;font-family:monospace;display:inline-block}.bot-ui-card{position:relative;width:320px;max-width:100%;border-radius:12px;background-size:cover;background-position:center top;background-color:var(--bg-surface);box-shadow:0 8px 32px #0006,inset 0 0 0 1px #ffffff0d;overflow:hidden;margin:10px 0;color:#fff;font-family:Inter,sans-serif}.bot-ui-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#10172d1a,#10172dd9 90%);pointer-events:none;z-index:1}.bot-ui-card:before{content:"";position:absolute;inset:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:0}.bot-ui-card-content{position:relative;z-index:2;padding:16px;display:flex;flex-direction:column;gap:12px}.bot-ui-header{display:flex;gap:14px;align-items:center}.bot-ui-avatar-wrapper{position:relative;width:64px;height:64px;flex-shrink:0}.bot-ui-avatars-group{position:relative;width:84px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.bot-ui-avatar{width:100%;height:100%;border-radius:12px;object-fit:cover;box-shadow:0 4px 12px #00000080;border:2px solid rgba(255,255,255,.1)}.bot-ui-avatar-overlap-1{width:48px;height:48px;border-radius:50%;position:absolute;left:0;top:8px;z-index:1}.bot-ui-avatar-overlap-2{width:48px;height:48px;border-radius:50%;position:absolute;right:0;top:8px;z-index:2;border:2px solid #1a1b26}.bot-ui-level{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);background:#1e1e2e;border:1px solid #3b4252;color:#a78bfa;font-size:9px;font-weight:800;padding:1px 6px;border-radius:4px;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 4px #00000080}.bot-ui-header-right{flex:1;min-width:0}.bot-ui-header-title{font-size:20px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.8)}.bot-ui-header-sub{font-size:14px;color:#ffffffb3;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.8)}.bot-ui-badge{display:inline-block;background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;margin-top:6px}.bot-ui-progress-container{background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px 10px}.bot-ui-progress-label{display:flex;justify-content:space-between;align-items:flex-end;font-size:11px;font-weight:600;color:#fffc;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.bot-ui-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.bot-ui-progress-fill{height:100%;border-radius:3px;transition:width .4s ease-out;box-shadow:0 0 10px currentColor}.bot-ui-stats-grid{display:grid;gap:8px}.bot-ui-stat-item{background:#0000004d;border:1px solid rgba(255,255,255,.05);padding:8px 10px;border-radius:8px;display:flex;align-items:center;justify-content:space-between}.bot-ui-stat-label{font-size:13px;color:#fff9;font-weight:600;text-transform:uppercase}.bot-ui-stat-value{font-size:15px;font-weight:700;color:#fff}.bot-ui-badge-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.bot-ui-icon-badge{width:24px;height:24px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;cursor:help}.bot-ui-text{line-height:1.4}.bot-ui-image{max-width:100%;border-radius:8px;box-shadow:0 4px 20px #00000080}.bot-ui-glow-legendary{box-shadow:0 0 25px #ffd70066,inset 0 0 15px #ffd7001a;border:1px solid rgba(255,215,0,.3)!important}.bot-ui-glow-rare{box-shadow:0 0 25px #a78bfa66,inset 0 0 15px #a78bfa1a;border:1px solid rgba(167,139,250,.3)!important}.bot-ui-header-kanji{font-family:Noto Sans JP,sans-serif;font-size:14px;color:#ffffff80;margin-top:-2px}.bot-ui-button-row{display:flex;gap:8px;flex-wrap:wrap;width:100%}.bot-ui-button{background:var(--accent-blue);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 12px #0003;flex:1;min-width:fit-content}.bot-ui-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.bot-ui-button:active{transform:translateY(0)}.bot-ui-button i{font-size:16px}.bot-ui-select-wrapper{position:relative;width:100%;margin-top:4px}.bot-ui-select{width:100%;appearance:none;background:#1e293bb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 40px 10px 16px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;outline:none;transition:all .2s;box-shadow:0 4px 12px #0003}.bot-ui-select:hover{background:#2d374bcc;border-color:#fff3}.bot-ui-select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f64d}.bot-ui-select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:#ffffff80;font-size:12px}.bot-ui-select option{background:#1e293b;color:#fff;padding:10px}.video-preview-trigger{position:relative;cursor:pointer;border-radius:var(--radius-md);overflow:hidden;display:inline-block;max-width:100%;box-shadow:0 4px 15px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.video-preview-trigger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0006}.video-preview-thumbnail{width:100%;height:auto;display:block;min-width:280px}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:2}.video-preview-trigger:hover .video-play-overlay{background:var(--accent);transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 20px var(--accent-glow);border-color:transparent}.video-play-overlay i{margin-left:4px}.video-modal-viewport{position:fixed;inset:0;z-index:9999;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;animation:modalScaleIn .3s cubic-bezier(.16,1,.3,1)}.video-modal-container{position:relative;width:90%;max-width:1200px;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 25px 80px #00000080}.video-modal-container iframe,.video-modal-container video{width:100%;height:100%;display:block;border:none}.video-modal-close{position:absolute;top:-50px;right:0;background:transparent;border:none;color:#fff;font-size:32px;cursor:pointer;opacity:.7;transition:opacity .2s,transform .2s}.video-modal-close:hover{opacity:1;transform:scale(1.1)}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.link-preview-video-container{position:relative;width:80px;height:80px}.link-preview-video-container .video-play-overlay{width:30px;height:30px;font-size:12px}.link-preview-video-container .video-play-overlay i{margin-left:2px}.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,.space-sidebar,.chat-header,.sidebar-bottom-dock{transition:opacity .4s var(--ease),transform .4s var(--ease)!important}body.spatial-mode .sidebar{position:absolute!important;inset-inline-start:0!important;opacity:0!important;transform:translate(-100%)!important;pointer-events:none!important}body.spatial-mode .space-sidebar{position:absolute!important;inset-inline-end:0!important;opacity:0!important;transform:translate(100%)!important;pointer-events:none!important}body.spatial-mode .chat-header{position:absolute!important;top:0!important;width:100%!important;opacity:0!important;transform:translateY(-100%)!important;pointer-events:none!important}body.spatial-mode .sidebar-bottom-dock{position:absolute!important;bottom:0!important;opacity:0!important;transform:translateY(100%)!important;pointer-events:none!important}body.spatial-mode .chat-layout{padding:0!important;display:block!important}body.spatial-mode #chat-main{width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important}.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:var(--bg-surface)}.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:65px;inset-inline-start:12px;inset-inline-end:12px;width:auto;min-width:0;max-height:calc(100dvh - 120px);overflow-y:auto;animation:slideUpIn .25s var(--ease-spring);box-shadow:0 -10px 40px #0006;border-radius:var(--radius-xl)}.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);border-color:var(--border-subtle)}.sidebar-item.active{background:var(--bg-active);border-color:var(--border-accent);box-shadow:inset 4px 0 0 0 var(--accent)}.sidebar-item.active .sidebar-item-name{color:var(--accent-bright)}.sidebar-item.active .sidebar-item-preview{color:var(--text-200)}.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}.image-upload-preview{display:flex;flex-wrap:wrap;gap:12px;padding:14px;background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius-lg);margin-bottom:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-preview-item{position:relative;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--accent);box-shadow:var(--shadow-md);animation:preview-pop .3s var(--ease-out)}@keyframes preview-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.image-preview-item img{width:100%;height:100%;object-fit:cover}.image-preview-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;background:#000000b3;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s}.image-preview-remove:hover{background:var(--status-error);transform:scale(1.1)}.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}.link-preview-card{display:flex;border-left:3px solid var(--accent-bright);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;cursor:pointer;transition:all .2s var(--ease);max-width:420px;box-shadow:0 1px 4px #00000026}.link-preview-card:hover{background:#ffffff0f;border-left-color:var(--accent);box-shadow:0 2px 8px #00000040;transform:translateY(-1px)}.link-preview-image{width:80px;min-height:80px;background-size:cover;background-position:center;flex-shrink:0}.link-preview-content{padding:10px 14px;overflow:hidden;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px}.link-preview-site{font-size:11px;font-weight:600;color:var(--accent-bright);text-transform:uppercase;letter-spacing:.04em}.link-preview-title{font-size:14px;font-weight:600;color:var(--text-100);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.link-preview-desc{font-size:12px;color:var(--text-300);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;margin-top:2px}.chat-input-link-preview{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;animation:slideUpPreview .2s var(--ease)}.chat-input-link-preview.hidden{display:none!important}.chat-input-link-preview .preview-content{flex:1;overflow:hidden;min-width:0}.chat-input-link-preview .btn-icon{width:24px;height:24px;flex-shrink:0}@keyframes slideUpPreview{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.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}@media(hover:hover){.message-group:hover .message-actions{display:flex;gap:2px}}.message-actions.mobile-visible{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,.replied-message-preview .avatar-wrapper.avatar-xs{width:16px;height:16px;border-radius:50%;margin-right:6px;flex-shrink:0}.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%}.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)}}.message-images-gallery{display:grid;gap:4px;margin-top:8px;border-radius:8px;overflow:hidden;max-width:550px;width:100%}.message-images-gallery.count-2{grid-template-columns:1fr 1fr}.message-images-gallery.count-2 .gallery-item{aspect-ratio:1/1}.message-images-gallery.count-3{grid-template-columns:1fr 1fr}.message-images-gallery.count-3 .gallery-item:nth-child(1){grid-column:span 2;aspect-ratio:16/9}.message-images-gallery.count-3 .gallery-item:nth-child(2),.message-images-gallery.count-3 .gallery-item:nth-child(3){aspect-ratio:1/1}.message-images-gallery.count-4{grid-template-columns:1fr 1fr}.message-images-gallery.count-4 .gallery-item{aspect-ratio:1/1}.message-images-gallery.count-5{grid-template-columns:repeat(6,1fr)}.message-images-gallery.count-5 .gallery-item:nth-child(1),.message-images-gallery.count-5 .gallery-item:nth-child(2){grid-column:span 3;aspect-ratio:1/1}.message-images-gallery.count-5 .gallery-item:nth-child(3),.message-images-gallery.count-5 .gallery-item:nth-child(4),.message-images-gallery.count-5 .gallery-item:nth-child(5){grid-column:span 2;aspect-ratio:1/1}.message-images-gallery .gallery-item{width:100%;height:100%;overflow:hidden;position:relative;background:var(--bg-elevated)}.message-images-gallery .gallery-item img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;transition:transform .2s ease,filter .2s ease;display:block}.message-images-gallery .gallery-item img:hover{transform:scale(1.03);filter:brightness(1.1)}.jump-to-present{position:absolute;bottom:80px;left:50%;transform:translate(-50%) translateY(10px);background:rgba(var(--accent-rgb),.85);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;z-index:100;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s cubic-bezier(.4,0,.2,1);opacity:0;pointer-events:none}.jump-to-present:not(.hidden){opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.jump-to-present:hover{background:var(--accent);transform:translate(-50%) translateY(-2px);box-shadow:0 6px 20px rgba(var(--accent-rgb),.4)}.jump-to-present i{font-size:11px;animation:bounceDown 2s infinite}@keyframes bounceDown{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(3px)}60%{transform:translateY(1px)}}@media(max-width:768px){.jump-to-present{bottom:70px}}.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: var(--sky);--card-glow: rgba(56, 189, 248, .3)}#dash-create{--card-color: var(--emerald);--card-glow: rgba(52, 211, 153, .3)}#dash-shorts-action{--card-color: var(--rose);--card-glow: rgba(251, 113, 133, .3)}#dash-reward{--card-color: var(--amber);--card-glow: rgba(251, 191, 36, .3)}#dash-profile{--card-color: var(--violet);--card-glow: rgba(167, 139, 250, .3)}#dash-minigames{--card-color: var(--pink);--card-glow: rgba(232, 121, 168, .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,rgba(0,0,0,.4) 0%,rgba(0,0,0,.1) 40%,var(--bg-overlay-strong) 100%);z-index:1}.featured-space-badge{position:absolute;top:16px;left:16px;background:var(--accent-dim);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:var(--bg-overlay);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:#1e293b;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:var(--text-100);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:var(--radius-lg)}.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(--bg-active);color:var(--accent-bright);border-color:var(--accent-glow);box-shadow:0 4px 12px 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:var(--bg-glass-light);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--text-100);border:1px solid var(--border);box-shadow:var(--shadow-lg);flex-shrink:0}.subspace-cover-info h1{margin:0;font-size:42px;font-weight:800;color:var(--text-100);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:var(--bg-recessed);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);color:var(--text-100);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:var(--bg-glass-light);border-radius:14px;border:1px solid var(--border-subtle);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:var(--text-400);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:var(--text-200);background:var(--bg-modifier-hover)}.subspace-tab.active{color:var(--accent-bright);background:var(--bg-active);box-shadow:0 8px 25px var(--accent-glow),inset 0 0 0 1px var(--border-accent);transform:translateY(-2px)}.subspace-tab i{font-size:14px;opacity:.6;transition:all .3s ease}.subspace-tab.active i{opacity:1;color:var(--accent-bright);transform:scale(1.1)}.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,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,var(--bg-overlay-strong) 100%);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:var(--bg-overlay);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:#1e293b;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;transition:all .3s var(--ease);color:var(--text-400)}.subspace-card-add:hover{background:var(--bg-hover);border-color:var(--accent);opacity:1;color:var(--accent-bright);transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px #0003}.subspace-card-label-add{margin-top:16px;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:1.5px;transition:color .3s ease}.subspace-card-icon-add{background:var(--bg-surface)!important;color:inherit;width:56px;height:56px;font-size:20px;border-radius:18px;box-shadow:var(--shadow-sm);transition:all .3s var(--ease)}.subspace-card-add:hover .subspace-card-icon-add{background:var(--accent)!important;color:#fff;transform:rotate(90deg);box-shadow:0 0 20px var(--accent-glow)}.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;bottom:70px;left:calc(100% + 15px);width:max-content;max-width:220px;background:#0f0f12bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-100);padding:8px 12px;border-radius:16px;font-size:14px;font-weight:600;box-shadow:var(--shadow-md);border:1px solid var(--border);z-index:20;white-space:normal;word-break:break-word;line-height:1.3;animation:moodFloat 3s ease-in-out infinite}.profile-avatar-mood-dot-1{position:absolute;top:15px;right:-25px;width:14px;height:14px;background-color:#0f0f12bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:50%;z-index:10;animation:dotPulse 2s infinite ease-in-out}.profile-avatar-mood-dot-2{position:absolute;top:35px;right:-10px;width:8px;height:8px;background-color:#0f0f12bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:50%;z-index:10;animation:dotPulse 2s infinite ease-in-out 1s}@keyframes moodFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes dotPulse{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.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-header{margin-bottom:24px}.admin-header h2{font-size:24px;font-weight:800;margin-bottom:4px;color:var(--text-100);display:flex;align-items:center;gap:12px}.admin-header h2 i{color:var(--accent-bright)}.admin-desc{font-size:14px;color:var(--text-400);margin-top:8px;margin-bottom:12px;line-height:1.5}.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-sidebar-profile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 12px 20px;margin-bottom:8px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(to bottom,rgba(var(--accent-rgb),.03),transparent)}.admin-sidebar-profile .avatar-wrapper{margin-bottom:12px;border:4px solid var(--border);border-radius:50%;box-shadow:0 4px 15px #0000004d;background:var(--bg-hover);transition:all .3s var(--ease)}.admin-sidebar-profile .avatar-wrapper:hover{border-color:var(--accent-bright);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px var(--accent-glow)}.admin-sidebar-profile-info{display:flex;flex-direction:column;gap:4px;width:100%}.admin-sidebar-username{font-size:14px;font-weight:700;color:var(--text-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-sidebar-role{font-size:10px;font-weight:800;color:var(--accent-bright);text-transform:uppercase;letter-spacing:.1em;background:rgba(var(--accent-rgb),.1);padding:2px 8px;border-radius:20px;width:fit-content;margin:0 auto}.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{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-hover);border:1px solid var(--border);color:var(--text-400);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease);z-index:1000;font-size:16px}.admin-modal-close:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.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}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.settings-card{background:var(--bg-modifier-accent);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:16px;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.settings-card:hover{border-color:var(--accent-glow)}.settings-card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.settings-card-header i{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-hover);color:var(--accent-bright);display:flex;align-items:center;justify-content:center;font-size:18px}.settings-card-header h4{font-size:15px;font-weight:700;color:var(--text-100);margin:0}.settings-card-desc{font-size:12px;color:var(--text-400);line-height:1.5;margin-top:4px}.settings-info-box{background:rgba(var(--accent-rgb),.05);border-left:3px solid var(--accent);padding:12px;border-radius:var(--radius-xs);margin-top:8px}.settings-info-text{font-size:11px;color:var(--text-300);line-height:1.4}.full-width-section{grid-column:1 / -1}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}@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-sidebar-profile{display:none}.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}.coin-shop-modal{max-width:900px!important;background:radial-gradient(circle at top right,rgba(251,191,36,.08),transparent 40%),var(--bg-base)!important}.coin-shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:8px 0}.coin-shop-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden;cursor:default}.coin-shop-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:transparent;transition:background .3s}.coin-shop-card:hover{background:#ffffff0d;border-color:#fbbf244d;transform:translateY(-8px);box-shadow:0 20px 40px #0006,0 0 20px #fbbf241a}.coin-shop-card.featured{border-color:#fbbf2466;background:linear-gradient(135deg,#fbbf240d,#ffffff08);box-shadow:0 0 30px #fbbf240d}.coin-shop-card.featured:before{background:var(--amber)}.coin-shop-badge{position:absolute;top:12px;background:var(--amber);color:#1e293b;font-size:10px;font-weight:800;text-transform:uppercase;padding:4px 12px;border-radius:20px;letter-spacing:.5px;box-shadow:0 4px 10px #fbbf244d;z-index:2}.coin-shop-icon-wrap{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.coin-shop-icon-wrap i{font-size:48px;color:var(--amber);filter:drop-shadow(0 0 15px rgba(251,191,36,.5));transition:transform .3s;z-index:1}.coin-shop-card:hover .coin-shop-icon-wrap i{transform:scale(1.1) rotate(5deg)}.coin-shop-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(251,191,36,.25) 0%,transparent 70%);filter:blur(10px);opacity:.6;animation:coin-pulse 3s infinite alternate}@keyframes coin-pulse{0%{transform:scale(.9);opacity:.4}to{transform:scale(1.2);opacity:.7}}.coin-shop-amount{font-size:42px;font-weight:900;color:#fff;margin-bottom:4px;line-height:1}.coin-shop-label{font-size:14px;color:var(--text-300);font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px}.coin-shop-bonus{font-size:13px;font-weight:700;color:var(--amber);margin-bottom:28px;min-height:20px}.coin-shop-btn{width:100%;padding:14px 20px;border-radius:14px;background:#fff;color:#1e293b;border:none;font-weight:800;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;margin-top:auto}.coin-shop-btn:hover{background:#f8f8f8;transform:translateY(-2px);box-shadow:0 8px 20px #ffffff26}.coin-shop-btn i{color:#003087;font-size:18px}@media(max-width:600px){.coin-shop-grid{grid-template-columns:1fr;gap:16px}.coin-shop-card{padding:24px;flex-direction:row;text-align:left;justify-content:space-between}.coin-shop-icon-wrap{margin-bottom:0;width:60px;height:60px}.coin-shop-icon-wrap i{font-size:32px}.coin-shop-info{flex:1;margin-left:16px}.coin-shop-amount{font-size:32px}.coin-shop-label{margin-bottom:4px;font-size:12px}.coin-shop-bonus{margin-bottom:0;font-size:12px}.coin-shop-btn{width:auto;padding:10px 16px;font-size:14px;margin-top:0}.coin-shop-badge{top:8px;right:8px;left:unset;transform:none;font-size:9px;padding:3px 8px}}.store-modal-header{height:56px;min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100}.store-modal-title{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:var(--text-200);letter-spacing:.5px;text-transform:uppercase;opacity:.9}.store-modal-title i{color:var(--accent);font-size:18px}.store-modal-close-btn{width:32px;height:32px;border-radius:50%;background:#ffffff0a;color:var(--text-400);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s var(--ease)}.store-modal-close-btn:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg);border-color:#ffffff26}@media(max-width:900px){.store-modal-header{height:52px;min-height:52px;padding:0 16px;background:var(--bg-base)}.store-modal-title{font-size:15px}}.admin-modal-content{flex:1;overflow-y:auto;padding:12px;min-height:0;min-width:0;position:relative}.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(280px,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.chat-bubble-card,.store-card.chat-bubble-card .store-card-preview{overflow:visible!important}@media(max-width:700px){.store-grid .store-card.chat-bubble-card{grid-column:1 / -1}}.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:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;align-items:start}.store-item-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.store-item-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 ease;pointer-events:none}.store-item-card:hover,.store-card:not(.store-card-locked):hover{border-color:#6366f166;transform:translateY(-4px);box-shadow:0 15px 30px #0006,0 0 0 1px #6366f140}.store-item-card:hover:before,.store-card:not(.store-card-locked):hover:before{opacity:1}.store-item-image{height:140px;background:#0003;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.store-item-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,rgba(0,0,0,.3),transparent);pointer-events:none}.store-item-image img.base-image:not(.preview-profile-full-bg *),.store-item-image canvas:not(.preview-profile-full-bg *){max-width:90px;max-height:90px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));transition:all .3s cubic-bezier(.4,0,.2,1)}.store-item-hover-preview{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);opacity:0;transform:translateY(10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);padding:12px;pointer-events:none;z-index:2}.store-item-card:hover .store-item-hover-preview,.store-card:hover .store-item-hover-preview{opacity:1;transform:translateY(0) scale(1)}.store-item-card:hover .store-item-image:not(.store-item-profile) img.base-image,.store-item-card:hover .store-item-image:not(.store-item-profile) canvas,.store-card:hover .store-card-preview img:not(.preview-profile-full-bg *):not(.store-item-hover-preview *):not(.preview-profile-wrapper *):not(.name-tag-display *):not(.store-chat-display *),.store-card:hover .store-card-preview canvas:not(.preview-profile-full-bg *):not(.store-item-hover-preview *):not(.preview-profile-wrapper *):not(.name-tag-display *):not(.store-chat-display *){opacity:0;transform:scale(.5)}.store-item-card.avatar-card .store-item-image,.store-card.avatar-card .store-card-preview{padding:20px}.store-item-card.profile-card .store-item-image,.store-card.profile-card .store-card-preview{padding:0}.store-item-card.profile-card .store-item-image .base-image{width:100%;height:100%;object-fit:cover;max-width:none;max-height:none;filter:none}.name-tag-display{background:var(--bg-modifier-hover)!important;display:flex!important;align-items:center;justify-content:center;padding:16px!important}.name-tag-preview{display:flex;align-items:center;gap:10px;background:#00000073;padding:6px 12px 6px 6px;border-radius:40px;max-width:94%;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 15px #0000004d}.name-tag-preview .preview-avatar-wrap{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.name-tag-preview .preview-avatar-wrap .avatar,.name-tag-preview .preview-avatar-wrap .avatar-sm{width:28px!important;height:28px!important;margin:0!important}.name-tag-preview .preview-username{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px}.store-chat-display{background:var(--bg-modifier-hover)!important;display:flex!important;align-items:center;justify-content:flex-start;padding:16px!important}.store-chat-preview{display:flex;align-items:flex-start;gap:8px}.store-chat-preview .preview-avatar-wrap{width:24px;height:24px;flex-shrink:0}.store-chat-preview .preview-avatar-wrap .avatar,.store-chat-preview .preview-avatar-wrap .avatar-sm{width:24px!important;height:24px!important;margin:0!important}.store-chat-preview .preview-bubble-container{position:relative;max-width:80%}.store-chat-preview .preview-bubble{padding:8px 12px;border-radius:12px 12px 12px 4px;color:#fff;font-size:12px;line-height:1.4;box-shadow:0 4px 12px #0003;word-wrap:break-word;position:relative;min-width:60px}.store-chat-preview .preview-bubble span{display:block;opacity:.95;position:relative;z-index:2}.store-chat-preview .preview-bubble-image{position:absolute;right:0;top:0;bottom:0;height:100%;width:auto;opacity:.4;object-fit:contain;pointer-events:none;z-index:1;-webkit-mask-image:linear-gradient(to left,black,transparent);mask-image:linear-gradient(to left,black,transparent)}.store-chat-preview .preview-bubble-sticker{position:absolute;top:-12px;right:-12px;width:24px;height:24px;z-index:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.store-item-image.store-item-profile:after{display:none}.preview-profile-wrapper{width:100%;height:100%;position:relative;background:#0f1013;border-radius:12px;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.store-item-card:hover .preview-profile-wrapper{transform:scale(1.02)}.preview-profile-full-bg{position:absolute;inset:0;z-index:0}.preview-profile-full-bg .base-image,.preview-profile-full-bg canvas{width:100%;height:100%;object-fit:cover;display:block}.preview-profile-banner-overlay{height:120px;width:100%;position:relative;z-index:1;flex-shrink:0}.preview-skeleton-status-bubble{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:130px;height:38px;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:8px;display:flex;flex-direction:column;gap:4px}.preview-skeleton-status-bubble .line-sm{width:60px;height:6px;background:#fff6;border-radius:3px}.preview-skeleton-status-bubble .line-lg{width:100px;height:6px;background:#fff3;border-radius:3px}.preview-profile-full-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,#0f101333,#0f101300 20%,#0f101399 60%,#0f1013 95%);z-index:1}.preview-profile-body{padding:0 20px 20px;position:relative;z-index:5;flex-grow:1;display:flex;flex-direction:column}.preview-profile-avatar-wrap{position:absolute;top:-46px;left:20px;border-radius:50%;padding:4px;background:#0f101366;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);width:90px;height:90px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0006}.preview-profile-avatar-wrap .avatar-wrapper{width:100%!important;height:100%!important}.preview-skeleton-level{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:24px;background:var(--accent);border-radius:50%;border:2px solid rgba(255,255,255,.2);z-index:5;font-size:11px;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0006}.preview-profile-info-top{margin-top:54px;display:flex;flex-direction:column;gap:6px;margin-bottom:24px}.p-skeleton-name{width:140px;height:20px;background:#fff3;border-radius:4px}.p-skeleton-line{width:100px;height:10px;background:#ffffff1a;border-radius:4px}.preview-skeleton-name{height:14px;width:120px;background:#fff;border-radius:7px;margin-bottom:8px}.preview-skeleton-handle{height:8px;width:70px;background:#fff3;border-radius:4px}.preview-skeleton-bio{height:8px;width:100%;background:#ffffff1a;border-radius:4px;margin-bottom:32px;position:relative}.preview-skeleton-bio:after{content:"";position:absolute;top:14px;left:0;width:60%;height:8px;background:#ffffff0d;border-radius:4px}.preview-skeleton-stats{display:flex;gap:12px;margin-bottom:32px}.preview-skeleton-stats .stat-box{flex:1;height:60px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.04)}.preview-skeleton-row-label{height:8px;width:80px;background:#ffffff26;border-radius:4px;margin-bottom:12px}.preview-skeleton-roles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.preview-skeleton-roles .role-pill{height:22px;width:56px;background:#ffffff0f;border-radius:11px}.preview-skeleton-xp{margin-top:auto;background:#ffffff08;padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.02)}.preview-skeleton-xp .xp-info{display:flex;justify-content:space-between;margin-bottom:12px}.preview-skeleton-xp .xp-icon{width:14px;height:14px;background:#fbbf24;border-radius:3px}.preview-skeleton-xp .xp-val{width:60px;height:10px;background:#fffc;border-radius:5px}.preview-skeleton-xp .xp-bar{height:8px;width:100%;background:#ffffff1a;border-radius:4px;position:relative;overflow:hidden}.preview-skeleton-xp .xp-bar:before{content:"";position:absolute;top:0;left:0;width:65%;height:100%;background:var(--accent)}.store-item-info{padding:16px;flex:1;display:flex;flex-direction:column;background:#0000001a}.store-item-info h5{margin:0 0 12px;color:var(--text-100);font-size:15px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-item-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.store-item-price{color:var(--amber);font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px;background:#fbbf241a;padding:4px 10px;border-radius:12px;border:1px solid rgba(251,191,36,.2)}.store-item-price i{font-size:11px}.store-item-actions{position:absolute;top:12px;right:12px;z-index:5;opacity:0;transform:translateY(-5px);transition:all .2s ease}.store-item-card:hover .store-item-actions{opacity:1;transform:translateY(0)}.store-item-actions .btn-delete-dec{width:32px;height:32px;padding:0!important;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ef4444e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #ef44444d;color:#fff}.store-item-actions .btn-delete-dec:hover{background:#ef4444;transform:scale(1.1)}.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;flex-direction:column;align-items:stretch;gap:24px;padding:32px 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;justify-content:flex-start}.store-preview-price i{font-size:26px;filter:drop-shadow(0 0 8px rgba(251,191,36,.3))}.store-preview-actions{display:flex;flex-direction:column;gap:12px;width:100%}.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:52px;padding:0 24px;border-radius:16px;font-size:13px;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:.5px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);white-space:nowrap;width:100%}.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;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;top:0}.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}