.ProseMirror{outline:none;min-height:inherit;color:var(--text-primary);font-family:var(--font-body);line-height:1.6}.ProseMirror p{margin-bottom:.5em}.ProseMirror h2{font-size:1.4rem;margin:1em 0 .5em}.ProseMirror h3{font-size:1.15rem;margin:.8em 0 .4em}.ProseMirror a{color:var(--color-brand-500);text-decoration:underline}.ProseMirror code{background:var(--surface-elevated);padding:.15em .3em;border-radius:3px;font-size:.9em}.ProseMirror pre{background:var(--surface-elevated);padding:var(--spacing-sm);border-radius:6px;overflow-x:auto}.ProseMirror pre code{background:none;padding:0}.ProseMirror blockquote{border-left:3px solid var(--color-brand-500);padding-left:var(--spacing-sm);color:var(--text-muted);margin:.5em 0}.ProseMirror ul,.ProseMirror ol{padding-left:1.5em;margin:.5em 0}.ProseMirror img{max-width:100%;border-radius:6px}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none;height:0;float:left}.ProseMirror [style*="text-align: center"]{text-align:center}.ProseMirror [style*="text-align: right"]{text-align:right}.ProseMirror .embed-responsive{position:relative;width:100%;margin:1em 0;border-radius:6px;overflow:hidden}.ProseMirror .embed-responsive iframe{width:100%;aspect-ratio:16/9;border:none;border-radius:6px}.ProseMirror img[alt="Uploading..."],.ProseMirror img[alt="Enviando..."],.ProseMirror img[alt="アップロード中..."]{opacity:.5;filter:blur(2px)}.ProseMirror .ProseMirror-dropcursor{color:var(--color-brand-500)}.ProseMirror u{text-decoration:underline}.ProseMirror s{text-decoration:line-through;color:var(--text-muted)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--color-brand-500: #0094D3;--color-brand-600: #005C82;--color-brand-700: #004060;--color-brand-300: #33b5e5;--color-accent-500: #FF8B3E;--color-accent-600: #e07030;--color-secondary-500: #00C398;--color-success: #10b981;--color-warning: #FFCA28;--color-error: #E44343;--color-info: #0094D3;--epic-purple: #7C45F5;--neon-purple: #7C45F5;--neon-purple-dim: #6535d4;--neon-blue: #0094D3;--neon-pink: oklch(.7 .2 350);--neon-cyan: #00C398;--neon-green: oklch(.7 .2 130);--bg-dominant: #121212;--bg-dominant-alt: #0e0e0e;--bg-overlay: rgba(18, 18, 18, .95);--surface-base: #1E1F22;--surface-elevated: #2E3035;--surface-hover: #3a3b40;--card-bg: rgba(30, 31, 34, .9);--glass-bg: rgba(30, 31, 34, .8);--glass-bg-elevated: rgba(46, 48, 53, .9);--glass-blur: blur(10px);--glass-blur-strong: blur(15px);--text-primary: #FFFFFF;--text-secondary: #C8CAD0;--text-tertiary: #9a9da5;--text-muted: #7d818a;--border-subtle: rgba(255, 255, 255, .07);--border-base: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .22);--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 2px 8px rgba(0,0,0,.1);--shadow-md: 0 4px 16px rgba(0,0,0,.15);--shadow-lg: 0 20px 60px rgba(0,0,0,.3);--radius-sm: .5rem;--radius-md: .65rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 50%;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-base: "Quicksand", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Quicksand", sans-serif;--font-mono: "SF Mono", "Monaco", "Cascadia Code", monospace;--transition-fast: .2s ease;--transition-base: .3s ease;--z-sticky: 200;--z-dropdown: 100;--z-modal: 300;--gradient-primary: linear-gradient(135deg, var(--neon-purple) 0%, var(--neon-purple-dim) 100%)}[data-theme=light]{--bg-dominant: #f0f2f5;--bg-dominant-alt: #ffffff;--bg-overlay: rgba(255,255,255,.95);--surface-base: #ffffff;--surface-elevated: #f4f7fa;--surface-hover: #e4ecf2;--card-bg: #ffffff;--glass-bg: rgba(255, 255, 255, .88);--glass-bg-elevated: rgba(255, 255, 255, .92);--text-primary: #121212;--text-secondary: #1E1F22;--text-tertiary: #2E3035;--text-muted: #6b7280;--border-subtle: rgba(0, 0, 0, .06);--border-base: rgba(0, 0, 0, .12);--border-strong: rgba(0, 0, 0, .2);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .15);--gradient-primary: linear-gradient(135deg, #0094D3 0%, #005C82 100%);--neon-purple: #0094D3;--neon-purple-dim: #005C82;--color-accent-500: #FF8B3E}[data-theme=light] .main-nav{background:#005c82;box-shadow:0 2px 8px #005c824d;color:#fff}[data-theme=light] .main-nav .nav-pill{color:#fff}[data-theme=light] .main-nav .nav-pill:hover{background:#ffffff26;color:#fff}[data-theme=light] .main-nav .nav-pill.active{background:#0094d3;color:#fff;box-shadow:none}[data-theme=light] .main-nav .icon-btn{color:#fff}[data-theme=light] .main-nav .icon-btn:hover{background:#ffffff26;color:#fff}[data-theme=light] .main-nav .user-menu-trigger{color:#fff}[data-theme=light] .main-nav .user-menu-trigger:hover{background:#ffffff26}[data-theme=light] .main-nav .user-avatar-sm{border:2px solid rgba(255,255,255,.4)}[data-theme=light] .main-nav span,[data-theme=light] .main-nav a{color:#fff}[data-theme=light] .section-card,[data-theme=light] .dash-card,[data-theme=light] .feed-post{box-shadow:var(--shadow-sm);border-color:var(--border-base)}[data-theme=light] .profile-card-front,[data-theme=light] .profile-card-back{background:var(--card-bg);border-color:var(--border-base)}[data-theme=light] .profile-card-front .profile-handle,[data-theme=light] .profile-card-front .profile-title,[data-theme=light] .profile-card-front .flip-hint,[data-theme=light] .profile-card-front .stat-label{color:var(--text-muted)}[data-theme=light] .profile-card-front .stat-value{color:#0094d3}[data-theme=light] .profile-card-front .profile-stats{border-top-color:var(--border-base)}[data-theme=light] .profile-actions-dropdown{background:var(--card-bg);border-color:var(--border-base)}[data-theme=light] .avatar-level-badge{border-color:var(--card-bg);background:#0094d3}[data-theme=light] .dash-level-text{color:#005c82}[data-theme=light] .dash-level-xp{color:var(--text-muted)}[data-theme=light] .dash-xp-track{background:#00000014}[data-theme=light] .dash-xp-fill{background:linear-gradient(90deg,#0094d3,#00c398)}[data-theme=light] .section-title,[data-theme=light] .dash-card-heading{color:#005c82}[data-theme=light] .dash-accent{color:#0094d3}[data-theme=light] .dash-tab{color:var(--text-muted)}[data-theme=light] .dash-tab:hover{color:var(--text-primary)}[data-theme=light] .dash-tab.active{color:#0094d3;border-bottom-color:#0094d3}[data-theme=light] .dash-tabs-bar{background:var(--surface-base);border-bottom-color:var(--border-base)}[data-theme=light] .dash-stats-bar{background:var(--card-bg);border-bottom-color:var(--border-base)}[data-theme=light] .dash-stat-value{color:var(--text-primary)}[data-theme=light] .dash-stat-label{color:var(--text-muted)}[data-theme=light] .post-avatar{background:linear-gradient(135deg,#0094d3,#005c82)}[data-theme=light] .post-name{color:var(--text-primary)}[data-theme=light] .post-role{color:var(--text-muted)}[data-theme=light] .post-body{color:var(--text-secondary)}[data-theme=light] .post-actions{border-top-color:var(--border-base)}[data-theme=light] .post-action-btn{color:var(--text-muted)}[data-theme=light] .post-action-btn:hover{color:#0094d3;background:#0094d30f}[data-theme=light] .dash-post-input{background:var(--surface-elevated);border-color:var(--border-base);color:var(--text-primary)}[data-theme=light] .community-name{color:var(--text-primary)}[data-theme=light] .community-members{color:var(--text-muted)}[data-theme=light] .community-list-item:hover{background:var(--surface-hover)}[data-theme=light] .dash-network-item{background:var(--surface-elevated)}[data-theme=light] .section-card svg text{fill:var(--text-muted)!important}[data-theme=light] .section-card svg polygon[fill=none]{stroke:#00000014!important}[data-theme=light] .section-card svg line{stroke:#0000000f!important}[data-theme=light] .section-card svg polygon[fill="rgba(124, 69, 245, 0.25)"]{fill:#0094d333!important;stroke:#0094d3!important}[data-theme=light] .section-card svg circle[fill="var(--neon-purple)"]{fill:#0094d3!important}[data-theme=light] .skill-tag{background:#0094d31a;color:#005c82;border-color:#0094d333}[data-theme=light] .dash-playing-slot{background:var(--surface-elevated);border-color:var(--border-base)}[data-theme=light] .dash-username{color:#fff}[data-theme=light] .profile-card-back .qr-label{color:var(--text-secondary)}[data-theme=light] .profile-card-back .qr-id{color:var(--text-muted)}[data-theme=light] .user-menu-dropdown{background:var(--card-bg);border-color:var(--border-base)}[data-theme=light] .user-menu-item{color:var(--text-primary)}[data-theme=light] .user-menu-item:hover{background:var(--surface-hover)}[data-theme=light] .user-menu-divider{background:var(--border-base)}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{background:var(--surface-base);color:var(--text-primary);border-color:var(--border-base)}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--text-muted)}.glass-loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);animation:glass-fade-in .25s ease}main .glass-loader-overlay{position:relative;inset:auto;z-index:auto;min-height:200px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.glass-loader-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-2xl);border-radius:var(--radius-xl);background:var(--glass-bg-elevated);border:1px solid var(--border-base);box-shadow:var(--shadow-lg)}.glass-loader-spinner{width:36px;height:36px;border:3px solid var(--border-base);border-top-color:var(--color-brand-500);border-radius:50%;animation:glass-spin .8s linear infinite}.glass-loader-text{font-size:.9rem;color:var(--text-secondary);font-weight:500}@keyframes glass-spin{to{transform:rotate(360deg)}}@keyframes glass-fade-in{0%{opacity:0}to{opacity:1}}body{font-family:var(--font-base);line-height:1.6;color:var(--text-primary);background:var(--bg-dominant);background-image:radial-gradient(circle at 20% 50%,rgba(124,69,245,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,148,211,.03) 0%,transparent 50%);background-attachment:fixed;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text-primary)}a{color:var(--neon-purple);text-decoration:none}a:hover{opacity:.85}@keyframes gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:1em;font-weight:600;font-family:var(--font-base);text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-base);min-height:44px;min-width:44px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #7c45f566}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7c45f580}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-base)}.btn-secondary:hover:not(:disabled){transform:translateY(-2px);border-color:var(--border-strong);background:var(--surface-hover)}.btn-ghost{background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.12)}.btn-ghost:hover:not(:disabled){border-color:var(--neon-purple);background:#7c45f51a}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}input,textarea,select{font-family:var(--font-base);color:var(--text-primary);background:var(--surface-base);border:1px solid var(--border-base);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.9rem;width:100%;transition:all var(--transition-base);box-shadow:var(--shadow-xs)}select{color-scheme:dark}select option{background:#1e1f22;color:#fff;padding:.5rem}[data-theme=light] select{color-scheme:light}[data-theme=light] select option{background:#fff;color:#121212}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--neon-purple);background:var(--surface-elevated);box-shadow:0 0 0 3px #7c45f51a}input::placeholder,textarea::placeholder{color:var(--text-muted)}input[type=checkbox],input[type=radio]{width:auto;box-shadow:none;padding:0}label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem}.card{background:var(--card-bg);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:all var(--transition-base)}.card:hover{border-color:var(--border-strong)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl)}.page{max-width:960px;margin:0 auto;padding:2rem 1.25rem 4rem}.stack{display:flex;flex-direction:column;gap:.75rem}.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.gradient-text{background:linear-gradient(135deg,var(--neon-purple) 0%,var(--neon-purple-dim) 50%,var(--neon-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient 3s ease infinite}.text-primary{color:var(--neon-purple)}.text-muted{color:var(--text-muted);font-size:.9rem}.text-error{color:var(--color-error);font-size:.9rem}.main-nav{position:sticky;top:0;z-index:var(--z-sticky);background:linear-gradient(120deg,#161720,#1a1b24);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-bottom:1px solid var(--border-base);box-shadow:0 20px 60px #0006}.nav-container{display:flex;align-items:center;gap:var(--spacing-lg);max-width:1400px;margin:0 auto;padding:.75rem var(--spacing-xl)}.nav-brand{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-brand a{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.logo-text{font-family:var(--font-heading);font-weight:700;font-size:1.3rem;background:linear-gradient(135deg,var(--neon-purple) 0%,var(--neon-pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-logo-img{height:40px;width:auto;display:block}[data-theme=light] .profile-card-back svg{filter:invert(1)}.nav-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;border-radius:var(--radius-sm);background:var(--color-accent-500);color:#fff}.nav-primary{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;justify-content:center}.nav-pill{padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-base);text-decoration:none}.nav-pill:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-pill.active{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 10px #7c45f54d}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:9999px;font-size:.65rem;font-weight:700;line-height:1;background:var(--color-error, #ef4444);color:#fff}.nav-meter{display:flex;gap:4px;margin-left:var(--spacing-sm)}.nav-meter-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--neon-green);box-shadow:0 0 0 4px #10b98133;animation:pulseDot 2s ease infinite}.nav-meter-dot:nth-child(2){animation-delay:.3s}.nav-meter-dot:nth-child(3){animation-delay:.6s}.nav-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.nav-search input{width:200px;padding:.5rem .75rem;font-size:.85rem;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.nav-cta{display:flex;gap:var(--spacing-sm)}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);position:relative}.icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.icon-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;font-size:.65rem;font-weight:700;background:var(--color-error);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--spacing-sm);padding:.35rem .5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:transparent;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.user-menu-trigger:hover{background:var(--surface-hover)}.user-avatar-sm{width:28px;height:28px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--surface-elevated);border:1px solid var(--border-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);z-index:var(--z-dropdown)}.user-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:.6rem .75rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;text-decoration:none;cursor:pointer;border:none;background:none;width:100%;transition:all var(--transition-fast)}.user-menu-item:hover{background:var(--surface-hover);color:var(--text-primary)}.user-menu-divider{height:1px;background:var(--border-base);margin:var(--spacing-xs) 0}.nav-hamburger{display:none;align-items:center;justify-content:center;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.nav-hamburger:hover{background:var(--surface-hover)}.mobile-nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-sticky) + 1);background:#00000080;animation:glass-fade-in .2s ease}.mobile-nav-drawer{position:fixed;top:0;left:0;bottom:0;z-index:calc(var(--z-sticky) + 2);width:280px;max-width:85vw;background:var(--bg-dominant);border-right:1px solid var(--border-base);box-shadow:4px 0 24px #0006;padding:var(--spacing-xl) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);overflow-y:auto;animation:mobile-nav-slide-in .25s ease}@keyframes mobile-nav-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:.7rem var(--spacing-md);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.95rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--surface-hover);color:var(--text-primary)}.mobile-nav-link.active{color:var(--color-brand-500);background:#0094d31a}.mobile-nav-auth{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-base)}.mobile-nav-brand{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);margin-top:auto;padding-top:var(--spacing-lg);opacity:.4}.mobile-nav-motto{font-size:.65rem;font-family:var(--font-base);color:var(--text-muted);letter-spacing:.15em;text-transform:lowercase}[data-theme=light] .mobile-nav-drawer{background:var(--bg-dominant);box-shadow:4px 0 24px #0000001f}.hero-section{position:relative;padding-top:8rem;padding-bottom:5rem;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,var(--bg-dominant) 0%,var(--bg-dominant) 50%,var(--bg-dominant) 100%)}.hero-content{max-width:72rem;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:2rem;position:relative;z-index:10;animation:fadeInUp .8s ease;padding:0 var(--spacing-xl)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:#7c45f51a;border:1px solid rgba(124,69,245,.2);color:var(--neon-purple);font-size:.875rem;font-weight:500;width:fit-content;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:900;line-height:1.1;font-family:var(--font-heading)}.hero-subtitle{font-size:1.3rem;color:var(--text-secondary);max-width:52rem;margin:0 auto;line-height:1.7}.hero-actions{display:flex;align-items:center;justify-content:center;gap:1rem;padding-top:1rem}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding-top:3rem}.stat-item{display:flex;flex-direction:column;gap:.5rem;text-align:center}.stat-value{font-size:2rem;font-weight:900;color:var(--neon-purple);font-family:var(--font-heading)}.stat-label{font-size:.875rem;color:var(--text-muted)}.features-section{position:relative;padding:5rem 0}.section-header-center{text-align:center;margin-bottom:4rem;display:flex;flex-direction:column;gap:1rem}.section-title-large{font-size:2.5rem;font-weight:900;font-family:var(--font-heading);line-height:1.2}.section-description{font-size:1.25rem;color:var(--text-secondary);max-width:42rem;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.feature-card{background:var(--card-bg);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:1.5rem;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:all var(--transition-base)}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#7c45f580}.feature-icon{width:3.5rem;height:3.5rem;border-radius:var(--radius-md);background:#7c45f51a;display:flex;align-items:center;justify-content:center;color:var(--neon-purple);margin-bottom:1rem;transition:all var(--transition-base)}.feature-card:hover .feature-icon{background:var(--neon-purple);color:#fff}.feature-title{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;font-family:var(--font-heading)}.feature-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.community-section{position:relative;padding:5rem 0;overflow:hidden}.community-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(124,69,245,.05) 0%,var(--bg-dominant) 50%,rgba(101,53,212,.05) 100%)}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;position:relative;z-index:10}.community-content{display:flex;flex-direction:column;gap:1.5rem}.community-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.7}.community-features{display:flex;flex-direction:column;gap:1.25rem}.community-feature-item{display:flex;gap:1rem;align-items:flex-start}.community-feature-icon{width:2.5rem;height:2.5rem;min-width:2.5rem;border-radius:var(--radius-md);background:#7c45f51a;display:flex;align-items:center;justify-content:center;color:var(--neon-purple)}.community-feature-title{font-size:1rem;font-weight:600;margin-bottom:.25rem}.community-feature-description{font-size:.9rem;color:var(--text-secondary)}.community-image-wrapper{position:relative;display:flex;justify-content:center}.community-image-container{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-base);box-shadow:var(--shadow-lg)}.community-image-container img{width:100%;height:auto;display:block}.community-image-placeholder{width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,#1e1f22,#2e3035);border-radius:var(--radius-xl);border:1px solid var(--border-base);display:flex;align-items:center;justify-content:center;font-size:4rem}.cta-section{padding:5rem 0}.cta-card{background:var(--card-bg);border:1px solid var(--border-base);border-radius:var(--radius-xl);padding:3rem;text-align:center;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.cta-title{font-size:2rem;font-weight:900;font-family:var(--font-heading);margin-bottom:1rem}.cta-description{font-size:1.1rem;color:var(--text-secondary);max-width:32rem;margin:0 auto 2rem}.cta-actions{display:flex;align-items:center;justify-content:center;gap:1rem}.main-footer{border-top:1px solid var(--border-base);padding:3rem 0 2rem;margin-top:auto}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-brand{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.footer-logo-text{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:var(--text-primary)}.footer-description{color:var(--text-secondary);font-size:.9rem}.footer-heading{font-family:var(--font-heading);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:1rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:var(--text-secondary);font-size:.9rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border-subtle);padding-top:1.5rem;text-align:center}.footer-info{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--text-muted)}.footer-info a{color:var(--neon-purple)}.ptr-indicator{grid-column:1 / -1;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding-bottom:var(--spacing-sm)}.ptr-spinner{color:var(--color-brand-400);transition:opacity .15s ease}.ptr-spinner.spinning svg{animation:ptr-spin .7s linear infinite}@keyframes ptr-spin{to{transform:rotate(360deg)}}.dashboard-layout{display:grid;grid-template-columns:260px 1fr 260px;gap:var(--spacing-xl);width:100%;margin:0 auto;padding:var(--spacing-xl);min-height:calc(100vh - 60px)}.dashboard-layout>main{min-width:0}.sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dash{width:100%;min-height:calc(100vh - 60px)}.dash-hero{position:relative;width:100%;height:260px;overflow:hidden}.dash-hero img{width:100%;height:100%;object-fit:cover;display:block}.dash-hero-gradient{width:100%;height:100%;background:linear-gradient(135deg,#7c45f566,#ec48994d,#3b82f64d)}.dash-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.7) 100%)}.dash-hero-identity{position:absolute;bottom:var(--spacing-lg);left:var(--spacing-xl);display:flex;align-items:flex-end;gap:var(--spacing-md);z-index:2}.dash-avatar{position:relative;width:100px;height:100px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;border:3px solid var(--surface-base);flex-shrink:0}.dash-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}.dash-avatar-initials{font-size:2rem;font-weight:700;color:#fff}.dash-level-badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);background:var(--color-accent-500);color:#fff;font-size:.7rem;font-weight:700;padding:.1rem .5rem;border-radius:9999px;border:2px solid var(--surface-base)}.dash-identity-text{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.dash-username{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.dash-online-dot{width:10px;height:10px;border-radius:50%;background:var(--color-success);border:2px solid rgba(0,0,0,.3);flex-shrink:0}.dash-tabs-bar{background:var(--surface-base);border-bottom:1px solid var(--border-subtle);padding:0 var(--spacing-xl)}.dash-tabs{display:flex;gap:0;max-width:1400px;margin:0 auto;overflow-x:auto}.dash-tab{padding:.75rem 1.25rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.dash-tab:hover{color:var(--text-primary)}.dash-tab.active{color:var(--color-accent-500);border-bottom-color:var(--color-accent-500)}.dash-stats-bar{display:flex;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-xl);background:var(--card-bg);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.dash-stat{display:flex;align-items:center;gap:var(--spacing-xs)}.dash-stat-icon{font-size:1rem}.dash-stat-value{font-weight:700;font-size:1rem;color:var(--text-primary)}.dash-stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase}.dash-content{display:grid;grid-template-columns:340px 1fr;gap:var(--spacing-xl);max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.dash-col-left,.dash-col-right{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dash-card{background:var(--card-bg);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:var(--spacing-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;flex-direction:column;gap:var(--spacing-md)}.dash-card-heading{font-family:var(--font-heading);font-size:.9rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.03em}.dash-accent{color:var(--color-accent-500)}.dash-about-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.dash-bio{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.dash-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.dash-meta-label{color:var(--text-muted)}.dash-meta-value{color:var(--text-primary)}.dash-xp-bar-wrap{display:flex;flex-direction:column;gap:.3rem}.dash-xp-label{display:flex;justify-content:space-between;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.dash-xp-numbers{color:var(--text-muted);font-weight:400}.dash-level-card{gap:var(--spacing-sm)}.dash-level-header{display:flex;justify-content:space-between;align-items:center}.dash-level-text{font-weight:700;font-size:.9rem;color:var(--text-primary)}.dash-level-xp{font-size:.8rem;color:var(--text-muted)}.dash-xp-track{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.dash-xp-fill{height:100%;border-radius:3px;background:var(--gradient-primary);transition:width .6s ease}.dash-network-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);background:#ffffff08}.dash-network-icon{width:32px;height:32px;filter:brightness(0) invert(1)}.dash-network-name{font-size:.9rem;font-weight:600}.dash-network-platform{font-size:.75rem;color:var(--text-muted)}.dash-empty{font-size:.85rem;color:var(--text-muted);font-style:italic}.dash-status-row{display:flex;align-items:center;gap:.5rem}.dash-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dash-status-text{font-size:.85rem;color:var(--text-secondary)}.dash-playing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-sm)}.dash-playing-slot{aspect-ratio:3 / 4;border-radius:var(--radius-md);background:#ffffff0a;border:1px dashed var(--border-subtle)}.dash-post-create{display:flex;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.dash-post-input{flex:1;background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.6rem .8rem;font-size:.9rem;color:var(--text-primary)}.dash-post-input::placeholder{color:var(--text-muted)}.dash-feed-post{display:flex;flex-direction:column;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.profile-card{background:var(--card-bg);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.profile-avatar-large{width:80px;height:80px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.xp-ring-track{stroke:#ffffff1a}[data-theme=light] .xp-ring-track{stroke:#0000001f}.avatar-level-ring{position:relative;width:88px;height:88px;margin-bottom:var(--spacing-sm)}.avatar-level-svg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.avatar-level-inner{position:absolute;top:6px;left:6px;width:76px;height:76px;border-radius:50%;overflow:hidden;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.avatar-level-inner img{width:100%;height:100%;object-fit:cover;display:block}.avatar-level-badge{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);background:var(--color-accent-500);color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .45rem;border-radius:9999px;border:2px solid var(--card-bg);z-index:2;min-width:20px;text-align:center;margin-bottom:var(--spacing-sm)}.profile-handle{font-size:.9rem;color:var(--text-secondary)}.profile-actions{display:flex;gap:var(--spacing-xs);align-items:center;position:relative;z-index:5}.profile-actions-more{position:relative}.profile-actions-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:var(--surface-elevated);border:1px solid var(--border-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);z-index:10}.profile-actions-item{display:flex;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:none;background:none;color:var(--text-primary);font-size:.85rem;cursor:pointer;border-radius:var(--radius-sm);text-align:left}.profile-actions-item:hover{background:var(--surface-hover)}.profile-actions-item--danger{color:var(--color-error, #e44)}.profile-actions-item--danger:hover{background:#e443431a}.profile-actions-confirm{padding:var(--spacing-xs) var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-actions-confirm-text{font-size:.8rem;color:var(--text-secondary)}.profile-actions-confirm-buttons{display:flex;gap:var(--spacing-xs)}.friends-slider{display:flex;gap:var(--spacing-xs);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.friends-slider::-webkit-scrollbar{display:none}.profile-title{font-size:.85rem;color:var(--text-muted)}.profile-stats{display:flex;gap:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle);margin-top:var(--spacing-sm);justify-content:center}.profile-stats .stat-item{flex:1;align-items:center}.section-card{background:var(--card-bg);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:var(--spacing-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);min-width:0;overflow:hidden;max-width:100%}.section-title{font-family:var(--font-heading);font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.skills-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.skill-tag{padding:.3rem .75rem;border-radius:9999px;font-size:.8rem;background:#7c45f51a;color:var(--neon-purple);border:1px solid rgba(124,69,245,.2)}.feed-post{background:var(--card-bg);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:var(--spacing-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;flex-direction:column;gap:var(--spacing-md)}.post-header{display:flex;align-items:center;gap:var(--spacing-md)}.post-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem}.post-name{font-weight:600;font-size:.95rem}.post-role{font-size:.8rem;color:var(--text-muted)}.post-body{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.post-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--border-subtle)}.post-action-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:.35rem .5rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.post-action-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.community-list-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.community-list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer}.community-list-item:hover{background:var(--surface-hover)}.community-icon{width:40px;height:40px;min-width:40px;border-radius:var(--radius-md)}.community-name{font-size:.9rem;font-weight:500}.community-members{font-size:.75rem;color:var(--text-muted)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-lg)}.game-card{background:var(--card-bg);border:1px solid var(--border-base);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);cursor:pointer}.game-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#7c45f566}.game-cover{width:100%;aspect-ratio:3/4;background:linear-gradient(135deg,#1e1f22,#2e3035);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--text-muted)}.game-cover img{width:100%;height:100%;object-fit:cover}.game-info{padding:var(--spacing-md)}.game-name{font-weight:600;font-size:.9rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-platform{font-size:.75rem;color:var(--text-muted)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.auth-card{width:100%;max-width:480px;background:var(--card-bg);border:1px solid var(--border-base);border-radius:var(--radius-xl);padding:2.5rem;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.auth-header p{color:var(--text-secondary);font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-footer{text-align:center;margin-top:var(--spacing-lg);font-size:.9rem;color:var(--text-secondary)}.auth-social{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-social-divider{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.auth-social-divider:before,.auth-social-divider:after{content:"";flex:1;height:1px;background:var(--border-base)}.auth-social-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-sm)}.auth-social-btn{width:100%;justify-content:center;font-size:.85rem;font-weight:600;border:1px solid var(--border-base);background:var(--surface-elevated);color:var(--text-primary)}.auth-social-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.auth-social-google:hover:not(:disabled){border-color:#4285f473;box-shadow:0 0 0 1px #4285f41f}.auth-social-facebook:hover:not(:disabled){border-color:#1877f273;box-shadow:0 0 0 1px #1877f21f}.auth-social-discord:hover:not(:disabled){border-color:#5865f273;box-shadow:0 0 0 1px #5865f21f}@media(max-width:480px){.auth-social-grid{grid-template-columns:1fr}}.search-container{position:relative;max-width:600px;margin:0 auto var(--spacing-xl)}.search-container input{padding-left:2.5rem}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.landing-split{display:grid;grid-template-columns:1fr 420px;min-height:100vh}.landing-hero{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:3rem 2rem}.landing-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/images/welcome/bg.jpg) center / cover no-repeat;z-index:0;opacity:0;transition:opacity .8s ease}.landing-hero-bg.loaded{opacity:1}.landing-hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#1212128c,#12121280 40%,#121212bf),linear-gradient(135deg,#7c45f54d,#0094d333,#00c39826)}.landing-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2.5rem;text-align:center;max-width:720px;animation:fadeInUp .7s ease}.landing-logo-block{display:flex;flex-direction:column;align-items:center;gap:.5rem}.landing-wordmark{font-family:"Quicksand","Nunito",var(--font-base);font-size:3.5rem;font-weight:700;color:#fff;letter-spacing:.04em;line-height:1;text-transform:lowercase}.landing-tagline{font-size:1.1rem;color:#ffffffd9;letter-spacing:.35em;font-weight:400;margin-top:.25rem}.landing-pills{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.landing-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:9999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:.9rem;font-weight:500;white-space:nowrap}.landing-platforms{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.landing-platform{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:9999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffe6;font-size:.8rem;font-weight:500;white-space:nowrap}.platform-icon{width:16px;height:16px;object-fit:contain;filter:brightness(0) invert(1)}.landing-stats{display:flex;gap:3.5rem;margin-top:1rem}.landing-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.landing-stat-value{font-size:2.25rem;font-weight:800;color:#fff;line-height:1;font-family:var(--font-heading)}.landing-stat-label{font-size:.75rem;font-weight:600;color:#ffffffa6;text-transform:uppercase;letter-spacing:.12em}.landing-auth{background:var(--surface-base);display:flex;flex-direction:column;min-height:100vh;overflow-y:auto;border-left:1px solid var(--border-base)}.landing-auth-lang{display:flex;justify-content:flex-end;padding:1rem 1.5rem 0}.landing-auth-lang select{background:var(--surface-elevated);border:1px solid var(--border-base);border-radius:6px;padding:.4rem .75rem;font-size:.85rem;color:var(--text-primary);cursor:pointer;width:auto;box-shadow:none}.landing-auth-inner{flex:1;display:flex;flex-direction:column;padding:2rem 2rem 1.5rem}.landing-auth-title{font-family:var(--font-heading);font-size:1.65rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;line-height:1.2}.landing-auth-subtitle{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1.5rem}.landing-oauth-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem}.landing-oauth-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border-radius:9999px;border:1px solid var(--border-base);background:var(--surface-elevated);color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-base)}.landing-oauth-btn:hover{border-color:var(--border-strong);background:var(--surface-hover)}.landing-divider{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.landing-divider:before,.landing-divider:after{content:"";flex:1;height:1px;background:var(--border-base)}.landing-divider span{font-size:.8rem;color:var(--text-muted);font-weight:500}.landing-tab-row{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:1.5rem;border-radius:8px;overflow:hidden;border:1px solid var(--border-base)}.landing-tab{padding:.65rem 1rem;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;background:var(--surface-elevated);color:var(--text-muted);font-family:var(--font-base)}.landing-tab.active{background:var(--neon-purple);color:#fff}.landing-tab:not(.active):hover{background:var(--surface-hover)}.landing-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.landing-form-error{font-size:.85rem;color:var(--color-error);background:#e443431a;padding:.6rem .8rem;border-radius:6px;border:1px solid rgba(228,67,67,.3)}.landing-field{display:flex;flex-direction:column;gap:.3rem}.landing-field label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.landing-field-header{display:flex;justify-content:space-between;align-items:baseline}.landing-forgot{font-size:.8rem;color:var(--neon-purple);font-weight:500;background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-base)}.landing-forgot:hover{opacity:.8}.landing-field input{padding:.7rem .9rem;border:1px solid var(--border-base);border-radius:8px;font-size:.9rem;background:var(--bg-dominant);color:var(--text-primary);transition:border-color .2s ease;box-shadow:none}.landing-field input:focus{outline:none;border-color:var(--neon-purple);box-shadow:0 0 0 3px #7c45f526;background:var(--bg-dominant)}.landing-field input::placeholder{color:var(--text-muted)}.landing-submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem 1.5rem;border:none;border-radius:9999px;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#2d2b55,#3d3b75,#4a4590);cursor:pointer;transition:all .25s ease;font-family:var(--font-base);margin-top:.5rem}.landing-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #2d2b5559}.landing-submit:disabled{opacity:.6;cursor:not-allowed}.landing-auth-secure{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.landing-auth-disclaimer{font-size:.7rem;color:var(--text-muted);text-align:center;line-height:1.4;margin-top:auto;padding-top:1rem}@media(max-width:1200px){.dashboard-layout{grid-template-columns:240px 1fr}.dashboard-layout>aside:last-child{display:none}.dash-content{grid-template-columns:1fr}}@media(max-width:1024px){.dashboard-layout{grid-template-columns:1fr;padding:var(--spacing-lg);overflow-x:hidden}.sidebar{display:none}.nav-container{gap:var(--spacing-md)}.dash-hero{height:200px}.dash-avatar{width:80px;height:80px}.dash-avatar-initials{font-size:1.5rem}.dash-username{font-size:1.3rem}.dash-hero-identity{left:var(--spacing-lg);bottom:var(--spacing-md)}.dash-tabs{padding:0 var(--spacing-md)}.dash-content{padding:var(--spacing-lg)}}@media(max-width:768px){.dash-hero{height:160px}.dash-avatar{width:64px;height:64px}.dash-avatar-initials{font-size:1.2rem}.dash-level-badge{font-size:.6rem;padding:.05rem .4rem}.dash-username{font-size:1.1rem}.dash-hero-identity{left:var(--spacing-md);bottom:var(--spacing-sm);gap:var(--spacing-sm)}.dash-stats-bar{gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.dash-stat-label{display:none}.dash-tabs-bar{padding:0 var(--spacing-md)}.dash-tab{padding:.6rem .8rem;font-size:.75rem}.dash-content{padding:var(--spacing-md);gap:var(--spacing-md)}}@media(max-width:960px){.landing-split{grid-template-columns:1fr}.landing-hero{min-height:60vh;padding:3rem 1.5rem}.landing-auth{min-height:auto}.landing-wordmark{font-size:2.5rem}.landing-stats{gap:2rem}.landing-stat-value{font-size:1.75rem}}@media(max-width:768px){.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.1rem}.hero-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem}.section-title-large{font-size:1.75rem}.community-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.nav-primary,.nav-meter{display:none}.nav-hamburger{display:flex}.nav-container{padding:.5rem var(--spacing-md);gap:var(--spacing-sm)}.nav-brand{flex-shrink:0}.nav-actions{margin-left:auto;gap:var(--spacing-xs)}.user-menu-trigger span{display:none}.user-menu-trigger svg:last-child{display:none}.user-menu-trigger{padding:.3rem;gap:0}.nav-cta{gap:var(--spacing-xs)}.nav-logo-img{height:32px}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}.features-grid{grid-template-columns:1fr 1fr}.container,.hero-content{padding:0 var(--spacing-md)}.landing-pills{gap:.5rem}.landing-pill{font-size:.8rem;padding:.5rem 1rem}.landing-platforms{gap:.4rem}.landing-stats{flex-wrap:wrap;gap:1.5rem}.auth-page{padding:var(--spacing-md)}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.hero-stats{grid-template-columns:1fr 1fr}.hero-title{font-size:1.75rem}.features-grid{grid-template-columns:1fr}.auth-card{padding:1.5rem;max-width:100%}.stat-value{font-size:1.5rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dominant)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.profile-page{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md) var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-hero-full{position:relative;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}.profile-hero-full .profile-hero{border-radius:0;height:240px}.profile-hero-info{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);width:100%;max-width:1200px;padding:0 var(--spacing-md);display:flex;align-items:flex-end;gap:var(--spacing-md);z-index:2;box-sizing:border-box}.profile-hero-info .profile-avatar-large{margin-top:0;border:3px solid rgba(0,0,0,.3);box-shadow:0 2px 8px #0000004d}.profile-hero-text h2{margin:0;font-size:1.3rem;font-family:var(--font-heading);color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}.profile-hero-text .profile-handle{color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.5)}.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-sm);align-items:start}.profile-grid .full-width{grid-column:1 / -1}@media(max-width:768px){.profile-grid{grid-template-columns:1fr}.profile-hero-info{bottom:var(--spacing-md);left:var(--spacing-md)}}.toggle-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:.5rem 0;cursor:pointer;max-width:100%;overflow:hidden}.toggle-label{flex:1;min-width:0;font-size:.88rem;color:var(--text-primary);overflow:hidden}.toggle-switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:36px;height:20px;border-radius:10px;background:#ffffff1f;border:1px solid var(--border-subtle);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-muted);transition:transform .2s,background .2s}.toggle-switch:checked{background:var(--color-brand-500);border-color:var(--color-brand-500)}.toggle-switch:checked:after{transform:translate(16px);background:#fff}.notif-group-title{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-xs)}.notif-group{display:flex;flex-direction:column;padding-left:var(--spacing-sm);border-left:2px solid var(--border-subtle);max-width:100%}.notif-matrix-header,.notif-matrix-row{display:grid;grid-template-columns:1fr 60px 60px;gap:var(--spacing-xs);align-items:center}.notif-matrix-header{padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--spacing-xs)}.notif-matrix-channel{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:center}.notif-matrix-row{padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.03)}.notif-matrix-row:last-child{border-bottom:none}.notif-matrix-row .toggle-switch{justify-self:center}.notif-matrix-label{font-size:.88rem;color:var(--text-primary)}.notif-card,.privacy-card{min-width:0;overflow:hidden}.privacy-card.full-width{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md) var(--spacing-lg)}.privacy-card.full-width>.section-title{grid-column:1 / -1}@media(max-width:768px){.privacy-card.full-width{grid-template-columns:1fr}.privacy-card.full-width>.section-title{grid-column:1}}.privacy-section{margin-bottom:var(--spacing-md)}.privacy-section-header{display:flex;flex-direction:column;gap:.15rem;margin-bottom:var(--spacing-sm)}.privacy-section-title{font-size:.88rem;font-weight:600;color:var(--text-primary)}.privacy-section-desc{font-size:.8rem;color:var(--text-muted)}.visibility-selector{display:flex;gap:0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-base);max-width:100%}.visibility-option{flex:1;padding:.45rem .5rem;font-size:.82rem;font-family:inherit;background:var(--surface-base);color:var(--text-secondary);border:none;border-right:1px solid var(--border-base);cursor:pointer;transition:background .15s,color .15s}.visibility-option:last-child{border-right:none}.visibility-option:hover{background:#ffffff0f}.visibility-option.active{background:var(--color-brand-500);color:#fff;font-weight:600}[data-theme=light] .notif-matrix-row{border-bottom-color:#0000000a}[data-theme=light] .visibility-option:hover{background:#0000000a}.profile-card-flip{perspective:1000px;cursor:pointer}.profile-card-inner{position:relative;transition:transform .6s;transform-style:preserve-3d}.profile-card-flip.flipped .profile-card-inner{transform:rotateY(180deg)}.profile-card-front,.profile-card-back{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--border-subtle);padding:var(--spacing-lg)}.profile-card-front{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);position:relative}.profile-card-front.has-hero{color:#fff}.profile-card-front.has-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#12121299;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:0}.profile-card-front.has-hero>*{position:relative;z-index:1}.profile-card-front.has-hero .profile-handle,.profile-card-front.has-hero .profile-title,.profile-card-front.has-hero .stat-label,.profile-card-front.has-hero .flip-hint{color:#ffffffb3}.profile-card-front.has-hero .stat-value{color:#fff}.profile-card-front.has-hero .profile-stats{border-top-color:#ffffff26}.profile-card-back{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md)}.profile-card-back .qr-label{font-size:.9rem;color:var(--text-secondary)}.profile-card-back .qr-id{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);word-break:break-all;text-align:center}.profile-card-back .qr-id-copy{background:#ffffff14;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.3rem .6rem;cursor:pointer;transition:background .2s,color .2s}.profile-card-back .qr-id-copy:hover{background:#ffffff26;color:var(--text-primary)}.profile-avatar-large{position:relative}.profile-avatar-large img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-logo-mask{-webkit-mask-image:url(/assets/images/logo/alvanista-mask.svg);mask-image:url(/assets/images/logo/alvanista-mask.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;border-radius:0!important}.avatar-logo-mask img{border-radius:0!important}.avatar-logo-outline{-webkit-mask-image:url(/assets/images/logo/alvanista-mask.svg);mask-image:url(/assets/images/logo/alvanista-mask.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;border-radius:0!important;background:var(--gradient-primary)}.user-avatar-sm.avatar-logo-mask,.user-avatar-sm.avatar-logo-outline,.post-avatar.avatar-logo-mask,.post-avatar.avatar-logo-outline,.feed-card-avatar.avatar-logo-mask,.feed-card-avatar.avatar-logo-outline,.composer-avatar.avatar-logo-mask,.composer-avatar.avatar-logo-outline,.chat-avatar.avatar-logo-mask,.chat-avatar.avatar-logo-outline,.avatar-level-inner.avatar-logo-mask,.avatar-level-inner.avatar-logo-outline,.mention-avatar.avatar-logo-mask,.mention-avatar.avatar-logo-outline,.cd-member-avatar.avatar-logo-mask,.cd-member-avatar.avatar-logo-outline{border-radius:0!important;overflow:visible}.chat-avatar.avatar-logo-mask .chat-avatar-img,.chat-avatar.avatar-logo-outline .chat-avatar-img{border-radius:0!important}.cd-member-avatar-img.avatar-logo-mask{border-radius:0!important;-webkit-mask-image:url(/assets/images/logo/alvanista-mask.svg);mask-image:url(/assets/images/logo/alvanista-mask.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.avatar-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;-webkit-mask-image:url(/assets/images/logo/alvanista-mask.svg);mask-image:url(/assets/images/logo/alvanista-mask.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;opacity:0;transition:opacity .2s;pointer-events:none}.profile-avatar-large:hover .avatar-upload-overlay{opacity:1}.flip-hint{font-size:.75rem;color:var(--text-muted);text-align:center}.profile-hero{position:relative;width:100%;height:200px;border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:hidden;background:linear-gradient(135deg,#7c45f54d,#ec489933)}.profile-hero img{width:100%;height:100%;object-fit:cover;display:block}.profile-hero-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem}.profile-hero-edit{position:relative;cursor:pointer}.profile-hero-edit:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background .2s}.profile-hero-edit:hover:after{background:#0000004d}.profile-hero-actions{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);display:flex;gap:var(--spacing-xs);z-index:2;opacity:0;transition:opacity .2s}.profile-hero-edit:hover .profile-hero-actions{opacity:1}.profile-hero-actions .btn{font-size:.75rem;padding:.3rem .6rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;color:#fff;border:1px solid rgba(255,255,255,.2)}.profile-hero-actions .btn:hover{background:#000000b3}.profile-hero-reposition{cursor:grab;-webkit-user-select:none;user-select:none}.profile-hero-reposition:active{cursor:grabbing}.profile-hero-reposition-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;padding:.4rem .8rem;border-radius:var(--radius-sm);font-size:.8rem;pointer-events:none;z-index:3}.profile-card-with-hero{border-radius:var(--radius-md);overflow:hidden;background:var(--card-bg);border:1px solid var(--border-subtle)}.profile-card-with-hero .profile-card-body{padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.profile-card-with-hero .profile-avatar-large{margin-top:-50px;border:3px solid var(--card-bg);position:relative;z-index:2}.danger-zone{border-color:var(--color-error)!important}.badge-verified{color:var(--color-success);font-size:.85rem;display:inline-flex;align-items:center;gap:.3rem}.badge-unverified{color:var(--color-warning);font-size:.85rem;display:inline-flex;align-items:center;gap:.3rem}.provider-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid var(--border-subtle)}.provider-item:last-child{border-bottom:none}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem}.info-row .info-label{color:var(--text-secondary)}.info-row .info-value{color:var(--text-primary)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md)}@media(min-width:768px){.games-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.game-card{display:flex;flex-direction:column;background:var(--card-bg);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s;border:1px solid var(--border-subtle)}.game-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000040}.game-card-cover{aspect-ratio:3 / 4;overflow:hidden;background:var(--surface-elevated)}.game-card-cover img{width:100%;height:100%;object-fit:cover;display:block}.game-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-elevated),var(--surface-base));color:var(--text-muted);font-size:1.5rem;font-family:var(--font-heading)}.game-card-info{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:.15rem}.game-card-title{font-size:.85rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-card-meta{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.games-tab-bar{display:flex;gap:0;border-bottom:2px solid var(--border-base);margin-bottom:var(--spacing-lg)}.games-tab{padding:.6rem 1.2rem;font-size:.95rem;color:var(--text-muted);cursor:pointer;border:none;background:none;font-family:inherit;transition:color var(--transition-base)}.games-tab:hover{color:var(--text-primary)}.games-tab.active{color:var(--accent);border-bottom:2px solid var(--accent);margin-bottom:-2px;font-weight:600}.games-section{margin-bottom:var(--spacing-xl)}.games-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.games-section-header h2{font-family:var(--font-heading);font-size:1.1rem;margin:0}.games-section-see-all{font-size:.85rem;color:var(--accent);cursor:pointer;background:none;border:none;font-family:inherit;transition:opacity var(--transition-base)}.games-section-see-all:hover{opacity:.8}.games-sort-bar{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.games-sort-bar label{font-size:.85rem;color:var(--text-secondary)}.games-sort-bar select{padding:.4rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--border-base);background:var(--surface-base);color:var(--text-primary);font-family:inherit;font-size:.85rem}.game-detail-layout{display:flex;gap:var(--spacing-lg);align-items:flex-start}@media(max-width:640px){.game-detail-layout{flex-direction:column}}.game-detail-cover{flex-shrink:0;width:220px;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-elevated)}.game-detail-cover img{width:100%;display:block;border-radius:var(--radius-md)}.game-detail-info{flex:1;min-width:0}.game-list-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.chat-page{max-width:720px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md);min-height:calc(100vh - 180px)}.chat-thread-page{max-width:720px;margin:0 auto;display:flex;flex-direction:column;height:calc(100vh - 80px)}.chat-header{margin-bottom:var(--spacing-lg)}.chat-header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.chat-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.chat-subtitle{color:var(--text-muted);font-size:.9rem;margin:0}.chat-new-form{display:flex;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-base);border-radius:var(--radius-lg)}.chat-input{flex:1;padding:.6rem .85rem;border-radius:var(--radius-md);border:1px solid var(--border-base);background:var(--surface-base);color:var(--text-primary);font-family:var(--font-base);font-size:.9rem;outline:none;transition:border-color .2s}.chat-input:focus{border-color:var(--neon-purple, #7C45F5);box-shadow:0 0 0 3px #7c45f51a}.chat-input::placeholder{color:var(--text-muted)}.chat-error{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:.6rem var(--spacing-md);margin-bottom:var(--spacing-md);background:#e443431f;border:1px solid rgba(228,67,67,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:.85rem}.chat-error-dismiss{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:1.2rem;line-height:1;padding:0;opacity:.7}.chat-error-dismiss:hover{opacity:1}.chat-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--text-muted);font-size:.9rem}.chat-loading-spinner{width:20px;height:20px;border:2px solid var(--border-base);border-top-color:var(--neon-purple, #7C45F5);border-radius:50%;animation:chat-spin .6s linear infinite}.chat-spinner-sm{width:16px;height:16px}@keyframes chat-spin{to{transform:rotate(360deg)}}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-md);min-height:300px}.chat-empty-icon{width:80px;height:80px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-base);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.chat-empty-text{color:var(--text-muted);font-size:.95rem;margin-top:var(--spacing-md)}.chat-link{color:var(--neon-purple, #7C45F5);text-decoration:none}.chat-link:hover{text-decoration:underline}.chat-avatar{width:48px;height:48px;border-radius:50%;background:var(--surface-elevated);border:1px solid var(--border-base);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}.chat-avatar-sm{width:36px;height:36px}.chat-avatar-xs{width:28px;height:28px}.chat-avatar-lg{width:64px;height:64px}.chat-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.chat-avatar-initials{font-family:var(--font-heading);font-weight:700;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;line-height:1}.chat-avatar-sm .chat-avatar-initials{font-size:.7rem}.chat-avatar-xs .chat-avatar-initials{font-size:.6rem}.chat-avatar-lg .chat-avatar-initials{font-size:1.3rem}.chat-avatar-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;background:var(--neon-purple, #7C45F5);border:2px solid var(--bg-dominant)}.chat-conversation-list{display:flex;flex-direction:column;gap:2px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle)}.chat-conversation-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-base);text-decoration:none;color:var(--text-primary);transition:background .15s,transform .15s;cursor:pointer}.chat-conversation-card:hover{background:var(--surface-elevated)}.chat-conversation-card:active{transform:scale(.995)}.chat-conversation-unread{background:#7c45f50a}.chat-conversation-body{flex:1;min-width:0}.chat-conversation-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm)}.chat-conversation-name{font-family:var(--font-heading);font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-conversation-time{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.chat-conversation-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-top:2px}.chat-conversation-preview{font-size:.84rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-preview-unread{color:var(--text-secondary);font-weight:500}.chat-unread-badge{flex-shrink:0;min-width:20px;height:20px;padding:0 6px;border-radius:9999px;background:var(--gradient-primary);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}.chat-thread-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.chat-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:background .15s,color .15s}.chat-back-btn:hover{background:var(--surface-elevated);color:var(--text-primary)}.chat-thread-header-info{min-width:0}.chat-thread-header-name{font-family:var(--font-heading);font-weight:600;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-messages-scroll{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--border-base) transparent}.chat-messages-scroll::-webkit-scrollbar{width:6px}.chat-messages-scroll::-webkit-scrollbar-track{background:transparent}.chat-messages-scroll::-webkit-scrollbar-thumb{background:var(--border-base);border-radius:3px}.chat-date-divider{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md) 0}.chat-date-divider span{font-size:.72rem;font-weight:600;color:var(--text-muted);background:var(--surface-base);padding:.2rem .75rem;border-radius:9999px;border:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.03em}.chat-bubble-row{display:flex;align-items:flex-end;gap:6px;margin-bottom:3px}.chat-bubble-row:not(.chat-bubble-grouped){margin-top:var(--spacing-sm)}.chat-bubble-own{justify-content:flex-end}.chat-bubble-other{justify-content:flex-start}.chat-bubble-avatar{flex-shrink:0}.chat-bubble-avatar-spacer{width:28px;flex-shrink:0}.chat-bubble{max-width:70%;padding:.55rem .85rem;border-radius:var(--radius-lg);word-break:break-word;white-space:pre-wrap;position:relative}.chat-bubble-mine{background:var(--gradient-primary);color:#fff;border-bottom-right-radius:4px}.chat-bubble-theirs{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);border-bottom-left-radius:4px}.chat-bubble-grouped.chat-bubble-own .chat-bubble-mine{border-radius:var(--radius-lg);border-bottom-right-radius:4px;border-top-right-radius:4px}.chat-bubble-grouped.chat-bubble-other .chat-bubble-theirs{border-radius:var(--radius-lg);border-bottom-left-radius:4px;border-top-left-radius:4px}.chat-bubble-body{font-size:.9rem;line-height:1.45}.chat-bubble-meta{display:flex;align-items:center;gap:6px;margin-top:3px;opacity:0;transition:opacity .15s}.chat-bubble:hover .chat-bubble-meta,.chat-bubble:focus-within .chat-bubble-meta{opacity:1}.chat-bubble-time{font-size:.65rem;color:#ffffff8c}.chat-bubble-theirs .chat-bubble-time{color:var(--text-muted)}.chat-bubble-read{color:#fff9;display:flex}.chat-bubble-delete{background:none;border:none;color:#fff6;cursor:pointer;padding:0;display:flex;transition:color .15s}.chat-bubble-delete:hover{color:var(--color-error)}.chat-bubble-theirs .chat-bubble-delete{color:var(--text-muted)}.chat-thread-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:var(--spacing-sm);padding:var(--spacing-2xl)}.chat-thread-empty-name{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;margin:0}.chat-thread-empty-hint{color:var(--text-muted);font-size:.85rem;margin:0}.chat-input-area{flex-shrink:0;padding:var(--spacing-md);border-top:1px solid var(--border-subtle);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.chat-input-wrapper{display:flex;align-items:flex-end;gap:var(--spacing-sm);background:var(--surface-base);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:.35rem .5rem .35rem .85rem;transition:border-color .2s,box-shadow .2s}.chat-input-wrapper:focus-within{border-color:var(--neon-purple, #7C45F5);box-shadow:0 0 0 3px #7c45f51a}.chat-textarea{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-base);font-size:.9rem;line-height:1.4;resize:none;padding:.3rem 0;max-height:120px;min-height:24px}.chat-textarea::placeholder{color:var(--text-muted)}.chat-send-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:none;background:var(--gradient-primary);color:#fff;cursor:pointer;flex-shrink:0;transition:transform .15s,opacity .15s,box-shadow .15s}.chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #7c45f566}.chat-send-btn:disabled{opacity:.35;cursor:not-allowed}@media(max-width:640px){.chat-page{padding:var(--spacing-md) var(--spacing-sm)}.chat-header-content{flex-direction:column;gap:var(--spacing-sm)}.chat-bubble{max-width:85%}.chat-thread-page{height:calc(100vh - 64px)}}[data-theme=light] .chat-conversation-card{background:#fff}[data-theme=light] .chat-conversation-card:hover{background:#f8f9fa}[data-theme=light] .chat-conversation-unread{background:#7c45f508}[data-theme=light] .chat-conversation-list{border-color:#e5e7eb}[data-theme=light] .chat-bubble-theirs{background:#f3f4f6;border-color:#e5e7eb}[data-theme=light] .chat-bubble-theirs .chat-bubble-time{color:#9ca3af}[data-theme=light] .chat-date-divider span{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .chat-avatar{background:#f3f4f6;border-color:#e5e7eb}[data-theme=light] .chat-avatar-initials{color:#6b7280}.chat-search-box{position:relative;margin-top:var(--spacing-md)}.chat-search-input-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:.5rem .85rem;background:var(--surface-base);border:1px solid var(--border-base);border-radius:var(--radius-lg);transition:border-color .2s,box-shadow .2s}.chat-search-input-row:focus-within{border-color:var(--neon-purple, #7C45F5);box-shadow:0 0 0 3px #7c45f51a}.chat-search-icon{color:var(--text-muted);display:flex;flex-shrink:0}.chat-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-base);font-size:.9rem;padding:.3rem 0}.chat-search-input::placeholder{color:var(--text-muted)}.chat-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;background:var(--surface-base);border:1px solid var(--border-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:280px;overflow-y:auto}.chat-search-result-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:.6rem .85rem;background:none;border:none;color:var(--text-primary);cursor:pointer;text-align:left;font-family:var(--font-base);transition:background .12s}.chat-search-result-item:hover{background:var(--surface-elevated)}.chat-search-result-info{display:flex;flex-direction:column;min-width:0}.chat-search-result-name{font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-search-result-sub{font-size:.75rem;color:var(--text-muted)}.chat-search-no-results{padding:.75rem .85rem;color:var(--text-muted);font-size:.85rem;text-align:center}[data-theme=light] .chat-search-results{background:#fff;border-color:#e5e7eb}[data-theme=light] .chat-search-result-item:hover{background:#f3f4f6}.cd-hero{position:relative;width:100%;overflow:hidden}.cd-hero-img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.7)}.cd-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg-dominant) 0%,rgba(18,18,18,.4) 50%,transparent 100%);pointer-events:none}.cd-hero--editable{cursor:pointer}.cd-hero--editable:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#0000;transition:background var(--transition-fast);pointer-events:none}.cd-hero--editable:hover:before{background:#00000026}.cd-hero-topbar{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md)}.cd-icon--editable{cursor:pointer;position:relative}.cd-icon-edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.cd-icon--editable:hover .cd-icon-edit-overlay{opacity:1}.cd-body{max-width:1280px;margin:-80px auto 0;padding:0 var(--spacing-lg) var(--spacing-2xl);position:relative;z-index:1}.cd-profile-strip{display:flex;align-items:flex-end;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.cd-profile-info{flex:1;min-width:0;padding-bottom:var(--spacing-xs)}.cd-profile-actions{display:flex;gap:var(--spacing-xs);align-items:center;flex-shrink:0}.cd-grid{display:grid;grid-template-columns:220px 1fr 220px;gap:var(--spacing-lg);align-items:start}.cd-center{min-width:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.cd-sidebar-left,.cd-sidebar-right{display:flex;flex-direction:column;gap:var(--spacing-sm);position:sticky;top:calc(var(--spacing-lg) + 60px)}.cd-sidebar-card{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-md);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.cd-sidebar-heading{font-family:var(--font-heading);font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:space-between}.cd-sidebar-count{font-size:.7rem;background:var(--surface-hover);padding:1px 7px;border-radius:9999px;color:var(--text-secondary);font-weight:600}.cd-sidebar-empty{font-size:.82rem;color:var(--text-muted)}.cd-sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-xs)}.cd-sidebar-link{display:block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.82rem;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.cd-sidebar-link:hover{background:var(--surface-hover);color:var(--text-primary)}.cd-member-list{display:flex;flex-direction:column;gap:4px}.cd-member-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:4px 0}.cd-member-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.65rem;flex-shrink:0}.cd-member-avatar-img{width:28px;height:28px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.cd-member-info{display:flex;align-items:center;gap:var(--spacing-xs);min-width:0}.cd-member-id{font-size:.8rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-member-row--with-actions{position:relative}.cd-member-actions{display:none;gap:2px;align-items:center;flex-shrink:0;margin-left:auto}.cd-member-row--with-actions:hover .cd-member-actions{display:flex}.cd-member-actions .community-post-btn{font-size:.7rem;padding:2px 4px}.cd-members-search{width:100%;padding:.4rem .65rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-base);color:var(--text-primary);font-family:var(--font-base);font-size:.8rem;outline:none;margin-bottom:var(--spacing-sm);transition:border-color var(--transition-fast);box-sizing:border-box}.cd-members-search:focus{border-color:var(--neon-purple)}.cd-members-search::placeholder{color:var(--text-muted)}.cd-members-pager{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-subtle)}.cd-members-pager-text{font-size:.72rem;color:var(--text-muted);min-width:40px;text-align:center}.cd-empty{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--text-muted);font-size:.9rem}.cd-poll-form{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.cd-poll-form-header{font-family:var(--font-heading);font-size:.85rem;font-weight:600;color:var(--text-secondary)}.cd-poll-option-row{display:flex;gap:var(--spacing-xs);align-items:center}.cd-poll-option-row .community-compose-input{flex:1}.cd-poll-settings{display:flex;gap:var(--spacing-lg);align-items:center;flex-wrap:wrap}.cd-poll-setting{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.82rem;color:var(--text-muted)}.cd-poll{margin-top:var(--spacing-sm)}.cd-poll-question{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.cd-poll-options{display:flex;flex-direction:column;gap:4px}.cd-poll-option{border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast)}.cd-poll-option--selected{background:#7c45f514}.cd-poll-option--voted{background:#7c45f50f}.cd-poll-option-btn{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:left;color:var(--text-primary);font-size:.88rem;font-family:var(--font-base);transition:all var(--transition-fast)}.cd-poll-option-btn:hover{border-color:var(--neon-purple);background:#7c45f50d}.cd-poll-option--selected .cd-poll-option-btn{border-color:var(--neon-purple)}.cd-poll-option-check{color:var(--neon-purple);font-size:1rem;flex-shrink:0}.cd-poll-result{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.cd-poll-bar{position:absolute;top:0;left:0;bottom:0;background:#7c45f51f;border-radius:var(--radius-md);transition:width .4s ease;z-index:0}.cd-poll-option-text{position:relative;z-index:1;flex:1;font-size:.88rem;color:var(--text-primary)}.cd-poll-pct{position:relative;z-index:1;font-size:.8rem;font-weight:600;color:var(--text-secondary);min-width:36px;text-align:right}.cd-poll-my-vote{position:relative;z-index:1;color:var(--neon-purple);font-size:.85rem;font-weight:700}.cd-poll-footer{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap}.cd-poll-total{font-size:.78rem;color:var(--text-muted)}.cd-poll-deadline{font-size:.75rem;color:var(--text-muted)}.cd-poll-closed{font-size:.75rem;color:var(--color-warning);font-weight:600}.community-hero-topbar{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md)}.community-hero-back{color:#ffffffe6;font-size:.8rem;text-decoration:none;padding:4px 10px;border-radius:var(--radius-sm);background:#00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);transition:background var(--transition-fast)}.community-hero-back:hover{background:#0000008c}.community-hero-nav{display:flex;gap:6px}.community-hero-pill{font-size:.78rem;color:#ffffffe6;background:#00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 12px;border-radius:var(--radius-sm);text-decoration:none;border:1px solid rgba(255,255,255,.1);transition:background var(--transition-fast)}.community-hero-pill:hover{background:#0000008c}.community-hero-profile{display:flex;align-items:flex-end;gap:var(--spacing-md);padding:0 var(--spacing-lg) var(--spacing-lg);margin-top:-36px;position:relative;z-index:2}.community-hero-icon{width:80px;height:80px;border-radius:var(--radius-lg);border:3px solid var(--surface-base);background:var(--surface-elevated);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:var(--text-muted);overflow:hidden;box-shadow:0 4px 12px #0000004d}.community-hero-icon img{width:100%;height:100%;object-fit:cover}.community-hero-info{flex:1;min-width:0;padding-top:40px}.community-hero-name{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.community-hero-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:4px;color:var(--text-muted);font-size:.82rem}.community-hero-meta .dot{opacity:.4}.community-hero-stat{display:inline-flex;align-items:center;gap:3px}.community-hero-stat strong{color:var(--text-secondary);font-weight:600}.community-hero-actions{display:flex;gap:var(--spacing-xs);align-items:center;flex-shrink:0;padding-top:40px}.community-hero-role{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:var(--radius-sm);background:#7c45f526;color:var(--neon-purple);border:1px solid rgba(124,69,245,.25)}.community-hero-role[data-role=owner]{background:#ffca281f;color:var(--color-warning);border-color:#ffca2840}.community-hero-role[data-role=admin]{background:#0094d31f;color:var(--color-brand-300);border-color:#0094d340}.community-hero-role[data-role=moderator]{background:#00c3981f;color:var(--color-secondary-500);border-color:#00c39840}.community-about{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.community-about-desc{color:var(--text-secondary);font-size:.92rem;line-height:1.65}.community-about-tags{display:flex;gap:6px;flex-wrap:wrap}.community-about-rules summary{cursor:pointer;color:var(--text-muted);font-size:.82rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:var(--spacing-xs) 0;-webkit-user-select:none;user-select:none}.community-about-rules summary:hover{color:var(--text-secondary)}.community-about-rules p{color:var(--text-secondary);font-size:.88rem;line-height:1.6;white-space:pre-wrap;padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-base);border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-top:var(--spacing-xs)}.community-compose{background:var(--card-bg);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.community-compose-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.community-compose-input{padding:.6rem .85rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-base);color:var(--text-primary);font-family:var(--font-base);font-size:.92rem;transition:border-color var(--transition-fast);outline:none}.community-compose-input:focus{border-color:var(--neon-purple);box-shadow:0 0 0 2px #7c45f526}.community-compose-input::placeholder{color:var(--text-muted)}textarea.community-compose-input{resize:vertical;min-height:90px;line-height:1.55}.community-compose-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-sm)}.community-post{background:var(--card-bg);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:var(--spacing-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:border-color var(--transition-fast)}.community-post:hover{border-color:var(--border-strong)}.community-post--pinned{border-color:#ffca2840}.community-post--pinned:hover{border-color:#ffca2866}.community-post-badges{display:flex;gap:6px;margin-bottom:var(--spacing-sm)}.community-post-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:4px}.community-post-badge--pinned{background:#ffca281a;color:var(--color-warning)}.community-post-badge--locked{background:#ffffff0d;color:var(--text-muted)}.cd-post-author{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.cd-post-author-avatar{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.cd-post-author-avatar--fallback{background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.7rem}.cd-post-author-name{font-size:.88rem;font-weight:600;color:var(--text-primary)}.cd-post-created-by{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:#7c45f50f;border:1px dashed rgba(124,69,245,.15);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-muted)}.cd-post-created-by strong{color:var(--text-secondary);font-weight:600}.cd-post-created-by-avatar{width:18px;height:18px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.cd-rules-panel{background:var(--card-bg);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.cd-rules-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);font-size:.9rem;color:var(--text-primary)}.cd-rules-panel-body{font-size:.88rem;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.cd-post-created-by-avatar--fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--surface-elevated);color:var(--text-muted);font-size:.6rem;font-weight:700}.community-post-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.community-post-body{color:var(--text-secondary);font-size:.92rem;line-height:1.6;white-space:pre-wrap}.community-post-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:var(--spacing-xs)}.community-post-time{font-size:.75rem;color:var(--text-muted)}.community-post-toolbar{display:flex;gap:2px;align-items:center;flex-wrap:wrap}.community-post-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-muted);font-size:.82rem;cursor:pointer;padding:5px 8px;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-family:var(--font-base)}.community-post-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.community-post-btn--liked{color:var(--color-error)}.community-post-btn--liked:hover,.community-post-btn--danger:hover{color:var(--color-error);background:#e443431a}.community-post-btn .btn-sep{width:1px;height:14px;background:var(--border-subtle);margin:0 4px}.community-comments{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--spacing-sm)}.community-comment{padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-base);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.community-comment-body{font-size:.88rem;color:var(--text-secondary);line-height:1.55;white-space:pre-wrap}.community-comment-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.community-comment-time{font-size:.7rem;color:var(--text-muted)}.community-comment-compose{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.community-comment-compose input{flex:1;padding:.5rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-base);color:var(--text-primary);font-family:var(--font-base);font-size:.85rem;outline:none;transition:border-color var(--transition-fast)}.community-comment-compose input:focus{border-color:var(--neon-purple)}.community-comment-compose input::placeholder{color:var(--text-muted)}.community-locked-notice{font-size:.8rem;color:var(--text-muted);font-style:italic;padding:var(--spacing-xs) 0}.community-post-edit{display:flex;flex-direction:column;gap:var(--spacing-xs)}.community-post-edit-actions{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.community-section-header{font-family:var(--font-heading);font-size:.82rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--spacing-md)}.community-empty{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--text-muted);font-size:.9rem}.community-posts-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md)}@media(max-width:1100px){.cd-grid{grid-template-columns:200px 1fr}.cd-sidebar-right{display:none}}@media(max-width:768px){.cd-grid{grid-template-columns:1fr}.cd-sidebar-left{position:static;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm)}.cd-sidebar-left .cd-sidebar-card{flex:1;min-width:200px}.cd-body{margin-top:-50px;padding:0 var(--spacing-md) var(--spacing-2xl)}.cd-profile-strip{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.community-hero-icon{width:64px;height:64px;font-size:1.4rem}.community-hero-name{font-size:1.25rem}.cd-profile-actions{width:100%}.cd-profile-actions .btn{flex:1}.community-post-footer{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.cd-hero{height:140px!important}.cd-body{margin-top:-30px}}.feed-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#121212a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-lg);animation:glass-fade-in .2s ease}[data-theme=light] .feed-loading-overlay{background:#ffffffa6}.feed-loading-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-xl);background:var(--surface-base);border:1px solid var(--border-base);box-shadow:0 8px 32px #0006}.feed-loading-indicator span{font-size:.85rem;color:var(--text-secondary);font-weight:500}.feed-loading-spinner{width:48px;height:48px;border:4px solid var(--border-base);border-top-color:var(--color-brand-500);border-radius:50%;animation:glass-spin .7s linear infinite}[data-theme=light] .feed-loading-indicator{box-shadow:0 8px 32px #0000001f}.feed-card{background:var(--card-bg);border:1px solid var(--border-base);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;flex-direction:column;gap:var(--spacing-sm);overflow:hidden;min-width:0}.feed-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.feed-card-avatar{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;overflow:hidden;flex-shrink:0}.feed-card-avatar img{width:100%;height:100%;object-fit:cover;display:block}.feed-card-username{display:block;font-weight:600;font-size:.95rem;color:var(--text-primary);text-decoration:none;line-height:1.3}.feed-card-username:hover{color:var(--color-brand-300);text-decoration:underline}.feed-card-badge{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.06em;padding:.1rem .45rem;border-radius:var(--radius-sm);color:#fff;margin-left:var(--spacing-xs);vertical-align:middle;line-height:1.6}.feed-card-time{font-size:.78rem;color:var(--text-muted);margin-top:.1rem}.feed-card-overflow{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;padding:.1rem .4rem;border-radius:var(--radius-sm);line-height:1;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.feed-card-overflow:hover{background:var(--surface-hover);color:var(--text-primary)}.feed-card-body{font-size:.95rem;color:var(--text-secondary);line-height:1.6;overflow-wrap:break-word;word-break:break-word;min-width:0}.feed-card-body img{max-width:100%;height:auto;border-radius:var(--radius-md)}.feed-card-body iframe{max-width:100%}.feed-card-body pre,.feed-card-body code{overflow-x:auto;max-width:100%}.yt-embed{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;margin-top:var(--spacing-sm)}.yt-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.feed-card-body .mention-link{color:var(--color-brand-300);text-decoration:none;font-weight:500}.feed-card-body .mention-link:hover{text-decoration:underline}.feed-card-body .missing-image-placeholder{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .5rem;border-radius:var(--radius-sm);background:#ffffff0d;color:var(--text-muted);font-size:.8rem;border:1px dashed var(--border-subtle)}.feed-card-footer{display:flex;justify-content:center;gap:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--border-subtle)}[data-theme=light] .feed-card{box-shadow:var(--shadow-sm);border-color:var(--border-base)}[data-theme=light] .feed-card-avatar{background:linear-gradient(135deg,#0094d3,#005c82)}[data-theme=light] .feed-card-username{color:var(--text-primary)}[data-theme=light] .feed-card-time,[data-theme=light] .feed-card-overflow{color:var(--text-muted)}[data-theme=light] .feed-card-footer{border-top-color:var(--border-base)}.cs{border-top:1px solid var(--border-subtle);padding-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.cs-loading{display:flex;gap:4px;padding:var(--spacing-sm) 0}.cs-loading-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:cs-bounce 1.2s infinite ease-in-out}.cs-loading-dot:nth-child(2){animation-delay:.15s}.cs-loading-dot:nth-child(3){animation-delay:.3s}@keyframes cs-bounce{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.cs-empty{color:var(--text-muted);font-size:.8rem;margin:0}.cs-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:320px;overflow-y:auto;padding-right:var(--spacing-xs)}.cs-list::-webkit-scrollbar{width:4px}.cs-list::-webkit-scrollbar-thumb{background:var(--border-base);border-radius:2px}.cs-comment{display:flex;gap:var(--spacing-sm);align-items:flex-start}.cs-avatar{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-full);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-brand-500);color:#fff;font-size:.7rem;font-weight:700;text-decoration:none}.cs-avatar img{width:100%;height:100%;object-fit:cover;display:block}.cs-bubble{flex:1;min-width:0;background:var(--surface-base);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm)}.cs-bubble-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:2px}.cs-author{font-weight:600;font-size:.8rem;color:var(--text-primary);text-decoration:none}.cs-author:hover{color:var(--color-brand-500);text-decoration:underline}.cs-time{font-size:.7rem;color:var(--text-muted)}.cs-delete{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;padding:0 2px;line-height:1;opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast)}.cs-comment:hover .cs-delete{opacity:1}.cs-delete:hover{color:var(--color-error)}.cs-body{font-size:.84rem;color:var(--text-secondary);line-height:1.45;margin:0;word-wrap:break-word;overflow-wrap:break-word}.cs-compose-wrap{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cs-error{color:var(--color-error);font-size:.75rem;margin:0}.cs-compose{display:flex;gap:var(--spacing-xs);align-items:center}.cs-input{flex:1;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 12px;color:var(--text-primary);font-size:.84rem;outline:none;transition:border-color var(--transition-fast)}.cs-input::placeholder{color:var(--text-muted)}.cs-input:focus{border-color:var(--color-brand-500);box-shadow:0 0 0 1px var(--color-brand-500)}.cs-send{height:34px;border-radius:var(--radius-md);border:none;background:var(--color-brand-500);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 12px;transition:background var(--transition-fast)}.cs-send:hover:not(:disabled){background:var(--color-brand-600)}.cs-send:disabled{opacity:.35;cursor:not-allowed}[data-theme=light] .cs-bubble,[data-theme=light] .cs-input{background:var(--surface-elevated)}.video-caption{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm);line-height:1.5}.video-container{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;background:#000;aspect-ratio:16 / 9}.video-embed{width:100%;height:100%;border:none;display:block}.video-native{width:100%;height:100%;display:block;background:#000}.video-thumbnail{position:relative;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#0009}.video-thumbnail-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.video-play-btn{position:relative;z-index:2;width:72px;height:72px;border-radius:var(--radius-full);background:#000000a6;border:2px solid rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),transform var(--transition-fast)}.video-thumbnail:hover .video-play-btn{background:#000000d9;transform:scale(1.08)}.video-provider-badge{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);z-index:2;background:#000000b3;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.15rem .5rem;border-radius:var(--radius-sm)}.video-error{padding:var(--spacing-md);color:var(--color-error);font-size:.85rem;text-align:center}.checkin-card{display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);overflow:hidden}.checkin-header{display:flex;align-items:center;gap:var(--spacing-sm)}.checkin-game-link{text-decoration:none;color:inherit;flex-shrink:0}.checkin-game-cover{flex-shrink:0}.checkin-cover-img{width:44px;height:58px;object-fit:cover;border-radius:var(--radius-sm);display:block}.checkin-cover-placeholder{width:44px;height:58px;border-radius:var(--radius-sm);background:#ffffff0f;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.checkin-meta{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:0}.checkin-meta-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.checkin-game-title{font-weight:700;font-size:1rem;color:var(--text-primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkin-game-title:hover{color:var(--color-brand-300);text-decoration:underline}.checkin-status{display:flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600}.checkin-status-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.checkin-playtime{font-size:.82rem;color:var(--text-muted)}.checkin-comment{font-size:.9rem;color:var(--text-secondary);line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.checkin-comment img{max-width:100%;max-height:300px;height:auto;border-radius:var(--radius-sm);display:block;margin-top:var(--spacing-xs)}.checkin-comment .mention-link{color:var(--color-brand-300);text-decoration:none;font-weight:500}.checkin-comment .mention-link:hover{text-decoration:underline}.checkin-spoiler-btn{background:none;border:1px solid var(--border-base);color:var(--text-muted);font-size:.8rem;padding:.25rem .75rem;border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.checkin-spoiler-btn:hover{border-color:var(--color-brand-500);color:var(--text-primary)}[data-theme=light] .checkin-card{background:var(--surface-elevated);border-color:var(--border-base)}.article-post-body{display:block;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle);transition:border-color var(--transition-fast)}.article-post-body:hover{border-color:var(--border-base)}.article-cover{position:relative;width:100%;aspect-ratio:16 / 7;overflow:hidden}.article-cover-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-fast)}.article-post-body:hover .article-cover-img{transform:scale(1.03)}.article-title-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 60%);display:flex;align-items:flex-end;padding:var(--spacing-md)}.article-title{font-size:1.05rem;font-weight:700;color:#fff;line-height:1.3}.article-title-plain{display:block;font-size:1rem;font-weight:700;color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-base)}.article-excerpt{font-size:.88rem;color:var(--text-secondary);line-height:1.55;padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-base);border-top:1px solid var(--border-subtle);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}[data-theme=light] .article-post-body{border-color:var(--border-base)}[data-theme=light] .article-title-plain{background:var(--surface-elevated);color:var(--text-primary)}[data-theme=light] .article-excerpt{background:var(--surface-elevated);color:var(--text-secondary)}.review-post-body{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast),background var(--transition-fast)}.review-post-body:hover{border-color:var(--border-base);background:var(--surface-base)}.review-game-section{display:flex;align-items:center;gap:var(--spacing-sm)}.review-game-cover{flex-shrink:0}.review-cover-img{width:44px;height:60px;object-fit:cover;border-radius:var(--radius-sm);display:block}.review-cover-placeholder{width:44px;height:60px;border-radius:var(--radius-sm);background:#ffffff0f;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.review-game-title{font-weight:600;font-size:.95rem;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-excerpt{font-size:.88rem;color:var(--text-secondary);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}[data-theme=light] .review-post-body{border-color:var(--border-base)}[data-theme=light] .review-post-body:hover{background:var(--surface-elevated)}[data-theme=light] .review-game-title{color:var(--text-primary)}[data-theme=light] .review-cover-placeholder{background:var(--surface-hover)}.mention-link{color:var(--color-brand-300);text-decoration:none;font-weight:500}.mention-dropdown{background:var(--surface-base);border:1px solid var(--border-base);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;overflow:hidden;max-height:200px;overflow-y:auto}.mention-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);width:100%;border:none;background:none;color:var(--text-primary);cursor:pointer;font-size:.875rem}.mention-item:hover,.mention-item.active{background:var(--surface-hover)}.mention-avatar{width:28px;height:28px;border-radius:var(--radius-full);object-fit:cover}.mention-avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--color-brand-500);color:#fff;font-size:.75rem;font-weight:600}.mention-username{font-weight:500}.mention-empty{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-muted);font-size:.875rem}.mention-link{color:var(--color-brand-500);font-weight:500;cursor:pointer;text-decoration:none}.mention-link:hover{text-decoration:underline}.feed-filters{position:relative;z-index:var(--z-dropdown);display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md) 0;background:var(--card-bg);border:1px solid var(--border-base);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.feed-filters-types{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs)}.feed-filters-right{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-xs);padding-bottom:var(--spacing-sm)}.feed-filter-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem .55rem;border-radius:0;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.8125rem;font-family:var(--font-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.feed-filter-pill:hover{color:var(--text-primary);border-bottom-color:#fff3}.feed-filter-pill.active,.feed-filter-pill.active:hover{color:#fff;border-bottom-color:#7c45f5}.feed-filter-dropdown-btn{border-radius:var(--radius-md);background:var(--surface-base);border:1px solid var(--border-base);border-bottom:1px solid var(--border-base);padding:.3rem .75rem}.feed-filter-dropdown-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.feed-filter-dropdown-btn.active{background:var(--color-brand-500);border-color:var(--color-brand-500);border-bottom-color:var(--color-brand-500);color:#fff}.feed-filter-dropdown-btn.active:hover{background:var(--color-brand-600);border-color:var(--color-brand-600)}.feed-filter-dropdown{position:relative}.feed-filter-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:var(--z-dropdown);background:var(--surface-base);border:1px solid var(--border-base);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:180px;overflow:hidden;animation:glass-fade-in .15s ease}.feed-filter-dropdown-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.5rem var(--spacing-md);background:transparent;border:none;cursor:pointer;font-family:var(--font-base);text-align:left;transition:background var(--transition-fast)}.feed-filter-dropdown-item:hover,.feed-filter-dropdown-item.selected{background:var(--surface-hover)}.feed-filter-dropdown-label{font-size:.8125rem;font-weight:500;color:var(--text-primary);line-height:1.3}.feed-filter-dropdown-desc{font-size:.6875rem;color:var(--text-muted);line-height:1.3;margin-top:1px}.feed-filter-game-menu{min-width:260px}.feed-filter-game-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border-base);border-radius:0;padding:.5rem var(--spacing-md);font-size:.875rem;color:var(--text-primary);font-family:var(--font-base);box-shadow:none}.feed-filter-game-input:focus{outline:none;border-bottom-color:var(--color-brand-500);background:transparent;box-shadow:none}.composer-collapsed{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--card-bg);border:1px solid var(--border-base);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);-webkit-user-select:none;user-select:none}.composer-collapsed:hover{border-color:var(--color-brand-500);background:var(--surface-base)}.composer-placeholder{flex:1;font-size:.9rem;color:var(--text-muted);pointer-events:none}.composer-quick-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.composer-quick-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:none;border:1px solid var(--border-base);border-radius:var(--radius-md);color:var(--text-muted);font-size:.8rem;font-family:var(--font-base);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.composer-quick-btn:hover{color:var(--color-brand-500);border-color:var(--color-brand-500);background:#0094d30f}.composer-fab-wrap,.composer-fab-scroll{display:none}.composer{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--card-bg);border:1px solid var(--border-base);border-radius:var(--radius-lg)}.composer-avatar{width:36px;height:36px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;background:var(--color-brand-600);display:flex;align-items:center;justify-content:center}.composer-avatar img{width:100%;height:100%;object-fit:cover;display:block}.composer-avatar-fallback{font-size:.85rem;font-weight:700;color:#fff;text-transform:uppercase;line-height:1}.composer-header{display:flex;align-items:center;gap:var(--spacing-sm)}.composer-close{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast);flex-shrink:0}.composer-close:hover{color:var(--text-primary);background:var(--surface-hover)}.composer-tabs{display:flex;gap:0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-base)}.composer-tab{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem;font-weight:600;font-family:var(--font-base);background:none;border:none;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.composer-tab:hover{color:var(--text-primary);background:var(--surface-hover)}.composer-tab.active{color:var(--color-brand-500);background:#0094d31a}.composer-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-base);border:1px solid var(--border-base);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:var(--font-base);outline:none;transition:border-color var(--transition-fast);box-sizing:border-box}.composer-input:focus{border-color:var(--color-brand-500)}.composer-input::placeholder{color:var(--text-muted)}.composer-divider{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin:var(--spacing-xs) 0}.composer-divider:before,.composer-divider:after{content:"";flex:1;height:1px;background:var(--border-base)}.composer-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-lg) var(--spacing-md);border:2px dashed var(--border-base);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);text-align:center}.composer-upload-zone:hover,.composer-upload-zone.drag-over{border-color:var(--color-brand-500);background:#0094d30a;color:var(--text-secondary)}.composer-upload-hint{font-size:.85rem}.composer-upload-preview{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;overflow:hidden}.composer-upload-preview span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-progress{display:flex;flex-direction:column;gap:var(--spacing-xs)}.composer-progress-bar{height:4px;background:var(--color-brand-500);border-radius:var(--radius-full);transition:width .2s ease;max-width:100%}.composer-video-section,.composer-checkin-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.composer-game-search{position:relative}.composer-game-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:var(--z-dropdown);background:var(--surface-base);border:1px solid var(--border-base);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:240px;overflow-y:auto}.composer-game-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast);color:var(--text-primary);font-family:var(--font-base)}.composer-game-item:hover{background:var(--surface-hover)}.composer-game-cover{width:32px;height:40px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;background:var(--surface-elevated)}.composer-game-cover-placeholder{background:var(--surface-elevated)}.composer-game-title{font-size:.875rem;font-weight:600;color:var(--text-primary);line-height:1.3}.composer-game-meta{font-size:.75rem;color:var(--text-muted);margin-top:2px}.composer-checkin-row{display:flex;align-items:flex-start;gap:var(--spacing-sm);flex-wrap:wrap}.composer-select{padding:var(--spacing-xs) var(--spacing-sm);background:var(--surface-base);border:1px solid var(--border-base);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:var(--font-base);outline:none;cursor:pointer;transition:border-color var(--transition-fast)}.composer-select:focus{border-color:var(--color-brand-500)}.composer-playtime{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-left:auto}.composer-editor{min-height:80px;padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:text;transition:border-color var(--transition-fast)}.composer-editor:focus-within{border-color:var(--color-brand-500)}.composer-editor .ProseMirror{outline:none;font-size:.9rem;line-height:1.6;color:var(--text-primary);min-height:60px}.composer-editor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted);pointer-events:none;height:0}.composer-spoiler{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:.8rem;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.composer-spoiler input[type=checkbox]{accent-color:var(--color-brand-500);cursor:pointer}.composer-footer{display:flex;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:1px solid var(--border-subtle);flex-wrap:wrap}.composer-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.composer-visibility{padding:var(--spacing-xs) var(--spacing-sm);background:none;border:1px solid var(--border-base);border-radius:var(--radius-md);color:var(--text-muted);font-size:.8rem;font-family:var(--font-base);cursor:pointer;outline:none;transition:border-color var(--transition-fast),color var(--transition-fast)}.composer-visibility:hover,.composer-visibility:focus{border-color:var(--color-brand-500);color:var(--text-primary)}.composer-error{font-size:.8rem;color:var(--color-error);flex:1;text-align:right}.composer-submit{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-brand-500);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;font-family:var(--font-base);cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast);white-space:nowrap;min-height:36px}.composer-submit:hover:not(:disabled){background:var(--color-brand-600)}.composer-submit:disabled{opacity:.45;cursor:not-allowed}[data-theme=light] .composer,[data-theme=light] .composer-collapsed{background:var(--card-bg);border-color:var(--border-base)}[data-theme=light] .composer-input,[data-theme=light] .composer-select,[data-theme=light] .composer-visibility,[data-theme=light] .composer-editor{background:var(--surface-base);border-color:var(--border-base);color:var(--text-primary)}[data-theme=light] .composer-game-results{background:var(--surface-base);border-color:var(--border-base)}.article-detail-container{padding:var(--spacing-lg) var(--spacing-md);max-width:1120px}.article-back-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-muted);text-decoration:none;font-size:.85rem;margin-bottom:var(--spacing-md);transition:color var(--transition-fast)}.article-back-link:hover{color:var(--color-brand-500)}.article-cover-hero{position:relative;width:100%;height:320px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-lg)}.article-cover-hero img{width:100%;height:100%;object-fit:cover}.article-cover-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg-dominant) 0%,rgba(18,18,18,.4) 60%,transparent 100%);pointer-events:none}.article-cover-title{position:absolute;bottom:var(--spacing-lg);left:var(--spacing-xl);right:var(--spacing-xl);font-family:var(--font-heading);font-size:1.85rem;font-weight:700;line-height:1.3;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6);margin:0;z-index:1}.article-detail-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-lg);align-items:start}.article-main-col{min-width:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.article-content-card{padding:var(--spacing-xl)!important}.article-title{font-family:var(--font-heading);font-size:1.85rem;font-weight:700;line-height:1.3;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.article-meta-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.85rem;color:var(--text-muted);margin-bottom:var(--spacing-md)}.article-author-inline{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.article-author-inline:hover{color:var(--color-brand-500)}.article-meta-sep{color:var(--text-muted);opacity:.5}.article-featured-badge{display:inline-block;padding:.1rem .5rem;border-radius:9999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#ffca2826;color:var(--color-warning);border:1px solid rgba(255,202,40,.3)}.article-tags-row{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:var(--spacing-lg)}.article-tag{display:inline-block;font-size:.75rem;padding:.2rem .6rem;border-radius:9999px;background:#0094d31f;color:var(--color-brand-500);text-decoration:none;border:1px solid rgba(0,148,211,.2);transition:all var(--transition-fast)}.article-tag:hover{background:#0094d340;border-color:var(--color-brand-500)}.article-body{line-height:1.8;color:var(--text-primary);font-size:1rem;word-break:break-word}.article-body p{margin-bottom:1rem}.article-body h1,.article-body h2,.article-body h3{font-family:var(--font-heading);margin-top:1.5rem;margin-bottom:.75rem;color:var(--text-primary)}.article-body h2{font-size:1.4rem}.article-body h3{font-size:1.15rem}.article-body img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:1rem 0}.article-body a{color:var(--color-brand-500);text-decoration:underline;text-underline-offset:2px}.article-body blockquote{border-left:3px solid var(--color-brand-500);padding:.5rem 1rem;margin:1rem 0;color:var(--text-secondary);background:#0094d30d;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.article-body pre{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:1rem;overflow-x:auto;font-family:var(--font-mono);font-size:.85rem;margin:1rem 0}.article-body code{font-family:var(--font-mono);font-size:.85em;background:var(--surface-base);padding:.1rem .35rem;border-radius:3px}.article-body ul,.article-body ol{padding-left:1.5rem;margin-bottom:1rem}.article-body li{margin-bottom:.35rem}.article-game-link{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-subtle)}.article-social-bar{display:flex;align-items:center;gap:.25rem;padding:.5rem;background:var(--card-bg);border:1px solid var(--border-base);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.article-social-bar button:hover:not(:disabled){background:var(--surface-hover)}.article-social-bar button:disabled{opacity:.4;cursor:not-allowed}.article-comments-card{padding:var(--spacing-lg)!important}.article-comments-heading{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:.5rem}.article-comments-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .4rem;border-radius:9999px;background:var(--color-brand-500);color:#fff;font-size:.75rem;font-weight:700}.article-comment-form{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.article-comments-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.article-comment{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.article-comment:last-child{border-bottom:none;padding-bottom:0}.article-sidebar{position:sticky;top:calc(var(--spacing-xl) + 60px);display:flex;flex-direction:column;gap:var(--spacing-md)}.article-author-card{padding:var(--spacing-lg)!important}.article-author-card-header{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;margin-bottom:.75rem}.article-author-card-header:hover .article-author-name{color:var(--color-brand-500)}.article-author-name{font-family:var(--font-heading);font-weight:700;font-size:1rem;color:var(--text-primary);transition:color var(--transition-fast)}.article-author-bio{font-size:.8rem;color:var(--text-muted);line-height:1.4;margin-top:.15rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-follow-btn{width:100%;background:var(--gradient-primary)!important;color:#fff!important;border:none!important}.article-follow-btn--active{background:transparent!important;color:var(--text-secondary)!important;border:1px solid var(--border-base)!important}.article-follow-btn--active:hover{border-color:var(--color-error)!important;color:var(--color-error)!important}.article-community-card{padding:var(--spacing-lg)!important}.article-community-header{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;margin-bottom:.5rem}.article-community-header:hover .article-community-name{color:var(--color-brand-500)}.article-community-icon{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.article-community-icon--placeholder{display:flex;align-items:center;justify-content:center;background:var(--surface-elevated);color:var(--text-muted);font-weight:700;font-size:1.1rem}.article-community-name{font-weight:600;font-size:.9rem;color:var(--text-primary);transition:color var(--transition-fast)}.article-community-meta{font-size:.75rem;color:var(--text-muted)}.article-community-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-community-joined{display:flex;align-items:center;gap:.35rem;margin-top:.75rem;font-size:.8rem;color:var(--color-success);font-weight:500}.article-info-card{padding:var(--spacing-md) var(--spacing-lg)!important}.article-info-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0}.article-info-row+.article-info-row{border-top:1px solid var(--border-subtle)}.article-info-label{font-size:.8rem;color:var(--text-muted)}.article-info-value{font-size:.8rem;color:var(--text-secondary);font-weight:500;text-transform:capitalize}@media(max-width:768px){.article-detail-layout{grid-template-columns:1fr}.article-sidebar{position:static;order:-1}.article-cover-hero{height:200px;border-radius:var(--radius-md)}.article-cover-title{font-size:1.3rem;left:var(--spacing-md);right:var(--spacing-md);bottom:var(--spacing-md)}.article-title{font-size:1.4rem}.article-content-card{padding:var(--spacing-lg)!important}}[data-theme=light] .article-tag{background:#0094d314;border-color:#0094d326}[data-theme=light] .article-social-bar{background:var(--card-bg);border-color:var(--border-base)}[data-theme=light] .article-follow-btn--active{background:transparent!important;border-color:var(--border-base)!important;color:var(--text-secondary)!important}@media(max-width:768px){.gd-container{padding-left:var(--spacing-sm)!important;padding-right:var(--spacing-sm)!important}.gd-header{flex-direction:column!important;align-items:center!important;text-align:center}.gd-cover{width:120px!important}.gd-grid{grid-template-columns:1fr!important}}@media(max-width:768px){.communities-layout{flex-direction:column!important}.communities-main{flex:1 1 100%!important}.communities-sidebar{flex:1 1 100%!important;min-width:0!important}}@media(max-width:768px){.friends-page{padding:var(--spacing-md) var(--spacing-sm)!important}.friend-row{flex-wrap:wrap!important}.friend-row>div:last-child{width:100%;justify-content:flex-start}}@media(max-width:480px){.friend-row{gap:var(--spacing-sm)!important;padding:var(--spacing-sm)!important}}@media(max-width:768px){.dashboard-layout{padding:0}.dashboard-feed{gap:0!important}.feed-card{padding:var(--spacing-md);border-radius:0;border-left:none;border-right:none;border-top:none;border-bottom:1px solid var(--border-base)}.feed-card-header{gap:var(--spacing-xs)}.feed-card-avatar{width:38px;height:38px;font-size:.75rem}.feed-card-username{font-size:.8rem}.feed-card-badge{font-size:.55rem;padding:1px 5px}.feed-card-body{font-size:.88rem}.feed-card-footer{gap:var(--spacing-sm)}.post-action-btn{font-size:.8rem;padding:.3rem .4rem}.feed-filters{padding:var(--spacing-xs) var(--spacing-sm) 0;gap:var(--spacing-xs);flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;border-radius:0;border-left:none;border-right:none;border-top:none;border-bottom:1px solid var(--border-base)}.feed-filters::-webkit-scrollbar{display:none}.feed-filters-types{flex-wrap:nowrap;gap:4px}.feed-filter-pill{font-size:.75rem;padding:5px 10px;white-space:nowrap;flex-shrink:0}.feed-filters-right{margin-left:var(--spacing-xs);flex-shrink:0}.composer{padding:var(--spacing-md);border-radius:0;border-left:none;border-right:none;border-top:none;border-bottom:1px solid var(--border-base)}.composer-collapsed{display:none}.composer-fab-wrap{display:block;position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-dropdown)}.composer-fab-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:-1;animation:glass-fade-in .15s ease}.composer-fab{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-full);background:var(--gradient-primary);border:none;color:#fff;box-shadow:var(--shadow-lg);cursor:pointer;transition:transform .2s ease}.composer-fab-wrap.open .composer-fab{transform:rotate(45deg)}.composer-fab:active{transform:scale(.92)}.composer-fab-wrap.open .composer-fab:active{transform:rotate(45deg) scale(.92)}.composer-fab-menu{position:absolute;bottom:calc(100% + var(--spacing-sm));right:0;background:var(--card-bg);border:1px solid var(--border-base);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-lg);overflow:hidden;min-width:160px;pointer-events:none;opacity:0;transform:translateY(6px) scale(.95);transform-origin:bottom right;transition:opacity .18s ease,transform .18s ease}.composer-fab-wrap.open .composer-fab-menu{pointer-events:auto;opacity:1;transform:translateY(0) scale(1)}.composer-fab-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:.65rem var(--spacing-md);background:transparent;border:none;border-bottom:1px solid var(--border-base);color:var(--text-primary);font-size:.85rem;font-family:var(--font-base);font-weight:500;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.composer-fab-item:last-child{border-bottom:none}.composer-fab-item:active{background:var(--surface-hover)}.composer-fab-item svg{color:var(--color-brand-400);flex-shrink:0}.composer-fab-scroll{display:flex;align-items:center;justify-content:center;position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);width:44px;height:44px;border-radius:var(--radius-full);background:var(--card-bg);border:1px solid var(--border-base);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--text-primary);box-shadow:var(--shadow-md);cursor:pointer;z-index:var(--z-dropdown);transition:transform var(--transition-fast)}.composer-fab-scroll:active{transform:scale(.92)}.composer-avatar{width:32px;height:32px}.composer-tabs{flex-wrap:wrap;gap:4px}.composer-tab{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.composer-checkin-row{flex-direction:column}.checkin-card{padding:var(--spacing-sm)}.checkin-cover-img,.checkin-cover-placeholder{width:36px;height:48px}.checkin-game-title{font-size:.9rem}.checkin-comment{font-size:.84rem}.yt-embed,.video-container{border-radius:var(--radius-sm)}.cs-list{max-height:240px}.cs-avatar{width:24px;height:24px;font-size:.6rem}.cs-author{font-size:.75rem}.cs-body{font-size:.8rem}.cs-input{font-size:.8rem;padding:6px 10px}.article-cover{height:100px}.review-game-cover,.review-cover-img{width:40px;height:52px}.feed-loading-indicator{padding:var(--spacing-md) var(--spacing-lg)}.feed-loading-spinner{width:36px;height:36px}}@media(max-width:480px){.feed-card{padding:var(--spacing-sm);border-radius:0;gap:var(--spacing-sm)}.feed-card-body{font-size:.84rem}.feed-filter-dropdown-menu{position:fixed;left:var(--spacing-sm);right:var(--spacing-sm);top:auto;bottom:var(--spacing-sm);max-height:60vh;overflow-y:auto;border-radius:var(--radius-lg)}.feed-filter-game-menu{min-width:0;width:100%}.composer-upload-zone{padding:var(--spacing-md)}.checkin-header{gap:var(--spacing-sm)}.checkin-meta-row{flex-direction:column;gap:var(--spacing-xs)}.nav-container{padding:.4rem var(--spacing-sm);gap:var(--spacing-xs)}.nav-logo-img{height:28px}.user-menu-trigger{border:none;padding:.2rem}.icon-btn{padding:.3rem}}[data-theme=operagx]{color-scheme:dark;--color-brand-500: #FF6600;--color-brand-600: #CC5200;--color-brand-700: #993D00;--color-brand-300: #FF8533;--color-accent-500: #FA1E4E;--color-accent-600: #D41842;--color-secondary-500: #7C45F5;--color-success: #00E676;--color-warning: #FF6600;--color-error: #FA1E4E;--color-info: #FF8533;--epic-purple: #7C45F5;--neon-purple: #7C45F5;--neon-purple-dim: #5A2DD4;--neon-blue: #FF6600;--neon-pink: #FA1E4E;--neon-cyan: #00E676;--neon-green: #00E676;--bg-dominant: #0D0D0D;--bg-dominant-alt: #080808;--bg-overlay: rgba(13, 13, 13, .97);--surface-base: #1A1A1A;--surface-elevated: #252525;--surface-hover: #333333;--card-bg: rgba(26, 26, 26, .95);--glass-bg: rgba(26, 26, 26, .85);--glass-bg-elevated: rgba(37, 37, 37, .92);--glass-blur: blur(12px);--glass-blur-strong: blur(18px);--text-primary: #F5F5F5;--text-secondary: #CCCCCC;--text-tertiary: #999999;--text-muted: #777777;--border-subtle: rgba(255, 102, 0, .08);--border-base: rgba(255, 102, 0, .15);--border-strong: rgba(255, 102, 0, .3);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .6);--gradient-primary: linear-gradient(135deg, #FF6600 0%, #FA1E4E 100%);--neon-glow: 0 0 10px rgba(255, 102, 0, .3), 0 0 20px rgba(255, 102, 0, .1);--neon-glow-accent: 0 0 10px rgba(250, 30, 78, .3), 0 0 20px rgba(250, 30, 78, .1);--neon-glow-purple: 0 0 10px rgba(124, 69, 245, .3), 0 0 20px rgba(124, 69, 245, .1)}[data-theme=operagx] .main-nav{background:linear-gradient(180deg,#151515,#0d0d0d);border-bottom:1px solid rgba(255,102,0,.2);box-shadow:0 2px 12px #00000080,0 1px #ff66001a}[data-theme=operagx] .nav-pill.active{background:#ff660026;color:#f60;box-shadow:var(--neon-glow);border:1px solid rgba(255,102,0,.3)}[data-theme=operagx] .nav-pill:hover{background:#ff660014;color:#ff8533}[data-theme=operagx] .btn-primary{background:linear-gradient(135deg,#f60,#fa1e4e);box-shadow:var(--neon-glow);border:none}[data-theme=operagx] .btn-primary:hover{background:linear-gradient(135deg,#ff8533,#fa1e4e);box-shadow:0 0 15px #ff660080,0 0 30px #f603}[data-theme=operagx] .btn-ghost{color:#ff8533;border-color:#ff66004d}[data-theme=operagx] .btn-ghost:hover{background:#ff66001a;border-color:#ff660080}[data-theme=operagx] .section-card,[data-theme=operagx] .dash-card,[data-theme=operagx] .feed-post{border:1px solid rgba(255,102,0,.15);box-shadow:0 2px 12px #0006}[data-theme=operagx] .section-card:hover,[data-theme=operagx] .dash-card:hover{border-color:#ff66004d;box-shadow:0 4px 20px #00000080,var(--neon-glow)}[data-theme=operagx] .profile-card-front,[data-theme=operagx] .profile-card-back{background:#1a1a1af2;border-color:#f603}[data-theme=operagx] .profile-card-front .stat-value{color:#f60}[data-theme=operagx] .profile-card-front .profile-stats{border-top-color:#ff660026}[data-theme=operagx] .avatar-level-badge{background:linear-gradient(135deg,#f60,#fa1e4e);border-color:#0d0d0d}[data-theme=operagx] .dash-level-text{color:#f60}[data-theme=operagx] .dash-xp-track{background:#ff66001a}[data-theme=operagx] .dash-xp-fill{background:linear-gradient(90deg,#f60,#fa1e4e);box-shadow:0 0 8px #f606}[data-theme=operagx] .xp-ring-track{stroke:#ff660026}[data-theme=operagx] .section-title{color:#f60}[data-theme=operagx] .dash-card-heading{color:#ff8533}[data-theme=operagx] .dash-accent{color:#f60}[data-theme=operagx] .dash-tab.active{color:#f60;border-bottom-color:#f60}[data-theme=operagx] .dash-tab:hover{color:#ff8533}[data-theme=operagx] .dash-tabs-bar{background:#151515;border-bottom-color:#ff660026}[data-theme=operagx] .dash-stats-bar{background:#1a1a1af2;border-bottom-color:#ff660026}[data-theme=operagx] .post-avatar{background:linear-gradient(135deg,#f60,#fa1e4e)}[data-theme=operagx] .post-action-btn:hover{color:#f60;background:#ff660014}[data-theme=operagx] .post-actions{border-top-color:#ff66001a}[data-theme=operagx] .dash-post-input{background:#1a1a1a;border-color:#f603;color:var(--text-primary)}[data-theme=operagx] .dash-post-input:focus{border-color:#f60;box-shadow:var(--neon-glow)}[data-theme=operagx] .dash-playing-slot{background:#1a1a1a;border-color:#ff660026}[data-theme=operagx] .dash-playing-slot:hover{border-color:#ff66004d;box-shadow:var(--neon-glow)}[data-theme=operagx] .skill-tag{background:#ff66001a;color:#ff8533;border-color:#ff660040}[data-theme=operagx] .section-card svg polygon[fill=none]{stroke:#ff66001a!important}[data-theme=operagx] .section-card svg line{stroke:#ff66000f!important}[data-theme=operagx] .section-card svg polygon[fill="rgba(124, 69, 245, 0.25)"]{fill:#f603!important;stroke:#f60!important}[data-theme=operagx] .section-card svg circle[fill="var(--neon-purple)"]{fill:#f60!important}[data-theme=operagx] .user-menu-dropdown{background:#1a1a1a;border:1px solid rgba(255,102,0,.2);box-shadow:0 8px 32px #0009,var(--neon-glow)}[data-theme=operagx] .user-menu-item:hover{background:#ff660014}[data-theme=operagx] .user-menu-divider{background:#ff660026}[data-theme=operagx] input,[data-theme=operagx] textarea,[data-theme=operagx] select{background:#1a1a1a;color:var(--text-primary);border-color:#f603}[data-theme=operagx] input:focus,[data-theme=operagx] textarea:focus,[data-theme=operagx] select:focus{border-color:#f60;box-shadow:var(--neon-glow);outline:none}[data-theme=operagx] select{color-scheme:dark}[data-theme=operagx] .chat-conversation-card{background:#1a1a1a;border-color:#ff66001a}[data-theme=operagx] .chat-conversation-card:hover{background:#252525;border-color:#f603}[data-theme=operagx] .chat-conversation-unread{background:#ff66000d}[data-theme=operagx] .chat-conversation-list{border-color:#ff660026}[data-theme=operagx] .chat-bubble-theirs{background:#252525;border-color:#ff66001a}[data-theme=operagx] .chat-date-divider span{background:#0d0d0d;border-color:#ff660026}[data-theme=operagx] .chat-avatar{background:#252525;border-color:#f603}[data-theme=operagx] .chat-search-results{background:#1a1a1a;border-color:#f603}[data-theme=operagx] .chat-search-result-item:hover{background:#ff660014}[data-theme=operagx] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=operagx] ::-webkit-scrollbar-track{background:#0d0d0d}[data-theme=operagx] ::-webkit-scrollbar-thumb{background:#ff66004d;border-radius:4px}[data-theme=operagx] ::-webkit-scrollbar-thumb:hover{background:#ff660080}[data-theme=operagx] .main-footer{background:#080808;border-top:1px solid rgba(255,102,0,.15)}[data-theme=operagx] ::selection{background:#ff66004d;color:#fff}