@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap);.reddit-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1a1a2e;background:var(--card-bg);border-bottom:1px solid #21262d;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;transition:all .12s cubic-bezier(.25,.46,.45,.94);transition:all var(--duration-fast) var(--ease-out-quad);z-index:1030;z-index:var(--z-fixed)}.reddit-header.scrolled{background:#1a1a2ef2;background:var(--card-bg-alpha);box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0003;box-shadow:var(--shadow-md)}.header-content{align-items:center;display:flex;gap:1rem;gap:var(--space-md);max-width:100%;min-height:60px;overflow:visible;padding:.5rem 0;padding:var(--space-sm) 0}@media(max-width:1024px){.header-content{gap:.5rem;gap:var(--space-sm);padding:.5rem .25rem;padding:var(--space-sm) var(--space-xs)}}@media(max-width:768px){.header-content{gap:.25rem;gap:var(--space-xs);padding:.25rem;padding:var(--space-xs)}}.logo-section{flex-shrink:0}.logo,.logo-section{align-items:center;display:flex}.logo{border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-weight:600;gap:.5rem;gap:var(--space-sm);padding:.25rem;padding:var(--space-xs);text-decoration:none;transition:all .12s cubic-bezier(.25,.46,.45,.94);transition:all var(--duration-fast) var(--ease-out-quad)}.logo:hover{background:#ffffff0f;background:var(--hover-color);transform:scale(1.02)}.logo-image{border-radius:.25rem;border-radius:var(--radius-sm);box-shadow:0 0 2px 0 #0003;box-shadow:var(--shadow-xs);height:32px;object-fit:contain;width:32px}.logo-text{line-height:1.1}@media(max-width:640px){.logo-text{display:none}}.logo-main{color:#fff;font-size:.9375rem;letter-spacing:-.02em}.logo-sub{color:#8b949e;color:var(--text-muted);font-size:.75rem;font-weight:400}.nav-section{align-items:center;display:flex;flex:1 1;gap:1rem;gap:var(--space-md);max-width:calc(100vw - 450px);min-width:0;overflow:hidden}@media(max-width:1200px){.nav-section{max-width:calc(100vw - 380px)}}@media(max-width:1024px){.nav-section{gap:.5rem;gap:var(--space-sm);max-width:calc(100vw - 320px)}}@media(max-width:868px){.nav-section{display:none}}.nav-desktop{flex:1 1}.nav-desktop,.nav-list{align-items:center;display:flex}.nav-list{flex-wrap:nowrap}.nav-link,.nav-list{gap:.25rem;gap:var(--space-xs)}.nav-link{padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);position:relative;transition:all .12s cubic-bezier(.25,.46,.45,.94);transition:all var(--duration-fast) var(--ease-out-quad);white-space:nowrap}.nav-link:hover{background:#ffffff0f;background:var(--hover-color);transform:translateY(-1px)}.nav-link.active{background:#ff6b3526;background:var(--primary-color-light);color:#ff6b35;color:var(--primary-color)}.nav-link.active:after{background:#ff6b35;background:var(--primary-color);border-radius:50%;bottom:-8px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.nav-link .nav-icon{flex-shrink:0;font-size:1rem}@media(max-width:1200px){.nav-link .nav-label{display:none}}.quick-actions{align-items:center;border-left:1px solid #2d333b;border-left:1px solid var(--border-color-light);padding-left:.5rem;padding-left:var(--space-sm)}@media(max-width:1024px){.quick-actions{display:none}}.quick-action{border:1px solid #0000;font-size:var(--text-sm);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.quick-action.primary{background:#ff6b3526;background:var(--primary-color-light);border-color:#ff6b35;border-color:var(--primary-color);color:#ff6b35;color:var(--primary-color)}.quick-action.primary:hover{background:#ff6b35;background:var(--primary-color);color:#fff}.quick-action .action-icon{font-size:.875rem;font-size:var(--text-sm)}.quick-action .action-label{font-weight:600}.search-section{flex:1 1;margin:0 1rem;margin:0 var(--space-md);max-width:500px;min-width:200px}@media(max-width:1200px){.search-section{margin:0 .5rem;margin:0 var(--space-sm);max-width:400px}}@media(max-width:1024px){.search-section{max-width:300px;min-width:160px}}@media(max-width:868px){.search-section{display:none}}.search-form,.search-input-wrapper{position:relative;width:100%}.search-input-wrapper{transition:all .12s cubic-bezier(.25,.46,.45,.94);transition:all var(--duration-fast) var(--ease-out-quad)}.search-input-wrapper.focused .search-shortcut{opacity:0;transform:translateX(8px)}.search-icon{font-size:.875rem;left:.5rem;left:var(--space-sm);pointer-events:none;z-index:1}.search-input{background:#161b22;background:var(--bg-subtle);border:1px solid #21262d;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--text-primary);font-family:inherit;padding:.5rem 2rem .5rem 2.5rem;padding:var(--space-sm) var(--space-xl) var(--space-sm) 2.5rem;transition:all .12s cubic-bezier(.25,.46,.45,.94);transition:all var(--duration-fast) var(--ease-out-quad)}.search-input:focus{background:#1a1a2e;background:var(--card-bg);border-color:#ff6b35;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b3526;box-shadow:0 0 0 3px var(--primary-color-light);outline:none}.search-input:hover:not(:focus){background:#1a1a2e;background:var(--card-bg);border-color:#8b949e;border-color:var(--text-muted)}.search-input::placeholder,.search-shortcut{color:#8b949e;color:var(--text-muted)}.search-shortcut{align-items:center;display:flex;font-size:.75rem;gap:2px;pointer-events:none;position:absolute;right:.5rem;right:var(--space-sm);top:50%;transform:translateY(-50%);transition:all .2s ease}.search-shortcut kbd{background:#1a1a2e;background:var(--bg-secondary);border:1px solid #21262d;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:.6875rem;font-weight:500;line-height:1;padding:2px 4px}.actions-section{align-items:center;display:flex;flex-shrink:0;gap:.25rem;gap:var(--space-xs)}.action-btn{background:#0000;border:1px solid #0000;color:#c9d1d9;color:var(--text-secondary);height:40px;position:relative;transition:all .2s ease;width:40px}.action-btn:hover{background:#ffffff0f;background:var(--hover-color);border-color:#21262d;border-color:var(--border-color);color:#fff;color:var(--text-primary);transform:translateY(-1px)}.action-btn:focus-visible{box-shadow:0 0 0 3px #ff6b3526;box-shadow:0 0 0 3px var(--primary-color-light);outline:none}.action-btn .action-icon{font-size:1.125rem}.notifications-btn .notification-badge{align-items:center;background:#ff6b35;background:var(--primary-color);border:2px solid #1a1a2e;border:2px solid var(--card-bg);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:flex;font-size:.6875rem;font-weight:600;height:16px;justify-content:center;line-height:1;min-width:16px;padding:2px 6px;position:absolute;right:8px;top:8px}.theme-toggle.action-btn:hover .action-icon{transform:rotate(180deg)}.theme-toggle .action-icon{transition:transform .3s ease}.user-menu{position:relative;z-index:0;z-index:var(--z-base)}.user-menu-trigger{align-items:center;background:#0000;border:1px solid #0000;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;gap:.5rem;gap:var(--space-sm);min-width:0;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);transition:all .2s ease}@media(max-width:768px){.user-menu-trigger{gap:.25rem;gap:var(--space-xs);justify-content:center;min-width:40px;padding:.25rem;padding:var(--space-xs)}}.user-menu-trigger:hover{background:#ffffff0f;background:var(--hover-color);border-color:#21262d;border-color:var(--border-color)}.user-menu-trigger:focus-visible{box-shadow:0 0 0 3px #ff6b3526;box-shadow:0 0 0 3px var(--primary-color-light);outline:none}.user-avatar-container{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative}.user-avatar,.user-avatar-placeholder{border-radius:9999px;border-radius:var(--radius-full);height:32px;overflow:hidden;width:32px}.user-avatar,.user-avatar-placeholder{border:2px solid #21262d;border:2px solid var(--border-color)}.user-avatar-placeholder{font-size:.875rem}.online-indicator{background:#22c55e;background:var(--success-color);border:2px solid #1a1a2e;border:2px solid var(--card-bg);border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.user-name{flex-shrink:1;font-weight:500;line-height:1.4;max-width:120px;min-width:0}@media(max-width:1024px){.user-name{max-width:100px}}@media(max-width:768px){.user-name{display:none}}.chevron-icon{color:#8b949e;color:var(--text-muted);flex-shrink:0;font-size:.875rem;transition:transform .2s ease}.chevron-icon.open{transform:rotate(180deg)}@media(max-width:768px){.chevron-icon{display:none}}.user-menu-dropdown{animation:slideInDown .2s ease-out;background:#1a1a2e;background:var(--card-bg);border:1px solid #21262d;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;box-shadow:var(--shadow-xl);min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);top:calc(100% + var(--space-sm));z-index:2050;z-index:var(--z-modal)}@media(max-width:768px){.user-menu-dropdown{max-width:calc(100vw - 32px);min-width:260px;right:-16px}}@media(max-width:480px){.user-menu-dropdown{left:-180px;max-width:calc(100vw - 24px);min-width:240px;right:auto}}@media(max-width:360px){.user-menu-dropdown{left:-160px;max-width:calc(100vw - 16px);min-width:220px}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-menu-header{background:#161b22;background:var(--bg-subtle);border-bottom:1px solid #21262d;border-bottom:1px solid var(--border-color);padding:1rem;padding:var(--space-md)}.user-info{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm)}.user-avatar-large{border-radius:9999px;border-radius:var(--radius-full);flex-shrink:0;height:48px;overflow:hidden;width:48px}.user-avatar-large .avatar-placeholder,.user-avatar-large img{height:100%;object-fit:cover;width:100%}.user-avatar-large .avatar-placeholder{align-items:center;background:#ff6b35;background:var(--primary-color);color:#fff;display:flex;font-size:1.125rem;font-weight:600;justify-content:center}.user-details{display:flex;flex-direction:column;gap:2px}.username{color:#fff;color:var(--text-primary);font-size:.9375rem;font-weight:600}.user-role{font-size:.8125rem;text-transform:capitalize}.karma-score{color:#ff6b35;color:var(--primary-color);font-size:.75rem;font-weight:500}.menu-item,.user-menu-items{padding:.5rem;padding:var(--space-sm)}.menu-item{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#c9d1d9;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;gap:var(--space-sm);text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.menu-item:hover{background:#ffffff0f;background:var(--hover-color);color:#fff;color:var(--text-primary)}.menu-item.danger,.menu-item.danger:hover{color:#ef4444;color:var(--error-color)}.menu-item.danger:hover{background:#ef44441a;background:var(--error-color-light)}.menu-item.danger .menu-icon{color:#ef4444;color:var(--error-color)}.menu-item .menu-icon{color:#8b949e;color:var(--text-muted);flex-shrink:0;font-size:1rem}.menu-content{display:flex;flex-direction:column;gap:2px;min-width:0}.menu-title{color:inherit;font-weight:500}.menu-subtitle{color:#8b949e;color:var(--text-muted);font-size:.75rem;opacity:.8}.menu-divider{background:#2d333b;background:var(--border-color-light);height:1px;margin:.25rem 0;margin:var(--space-xs) 0}.auth-buttons{display:flex;gap:.25rem;gap:var(--space-xs)}.auth-buttons .btn{font-size:.875rem;height:36px;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.auth-buttons .btn.btn-ghost{border-color:#21262d;border-color:var(--border-color)}.auth-buttons .btn.btn-primary{background:#ff6b35;background:var(--primary-color);border-color:#ff6b35;border-color:var(--primary-color)}.auth-buttons .btn.btn-primary:hover{background:#e55a2b;background:var(--primary-color-dark);border-color:#e55a2b;border-color:var(--primary-color-dark)}.mobile-menu-toggle{background:#0000;border:1px solid #0000;border-radius:.5rem;border-radius:var(--radius-md);height:40px;position:relative;transition:all .2s ease;width:40px}@media(min-width:768px){.mobile-menu-toggle{display:none}}.mobile-menu-toggle:hover{background:#ffffff0f;background:var(--hover-color);border-color:#21262d;border-color:var(--border-color)}.mobile-menu-toggle:focus-visible{box-shadow:0 0 0 3px #ff6b3526;box-shadow:0 0 0 3px var(--primary-color-light);outline:none}.hamburger-lines{display:flex;flex-direction:column;gap:3px}.hamburger-lines .line{background:#c9d1d9;background:var(--text-secondary);border-radius:1px;height:2px;transition:all .2s ease;width:18px}.mobile-menu-backdrop{animation:fadeIn .2s ease-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2050;z-index:var(--z-modal)}@media(min-width:768px){.mobile-menu-backdrop{display:none}}.mobile-menu{animation:slideInRight .25s ease-out;background:#1a1a2e;background:var(--card-bg);border-left:1px solid #21262d;border-left:1px solid var(--border-color);bottom:0;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;box-shadow:var(--shadow-xl);overflow-y:auto;position:fixed;right:0;top:0;width:min(400px,85vw);z-index:2050;z-index:var(--z-modal)}@media(max-width:480px){.mobile-menu{width:min(360px,90vw)}}@media(max-width:360px){.mobile-menu{width:min(320px,95vw)}}@media(min-width:869px){.mobile-menu{display:none}}.mobile-menu-content{display:flex;flex-direction:column;height:100%;padding:1rem;padding:var(--space-md)}.mobile-menu-header{align-items:center;border-bottom:1px solid #21262d;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-md);padding-bottom:1rem;padding-bottom:var(--space-md)}.mobile-logo{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm)}.mobile-logo-image{border-radius:.25rem;border-radius:var(--radius-sm);height:28px;width:28px}.mobile-logo-text{color:#fff;color:var(--text-primary);font-size:.875rem;font-weight:600}.mobile-menu-close{align-items:center;background:#0000;border:1px solid #21262d;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#c9d1d9;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.mobile-menu-close:hover{background:#ffffff0f;background:var(--hover-color);color:#fff;color:var(--text-primary)}.mobile-search-section{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.mobile-search-form .search-input-wrapper .search-input{background:#161b22;background:var(--bg-subtle);border:1px solid #21262d;border:1px solid var(--border-color);font-size:.875rem;padding:.5rem .5rem .5rem 2.5rem;padding:var(--space-sm) var(--space-sm) var(--space-sm) 2.5rem}.mobile-search-form .search-input-wrapper .search-input:focus{background:#1a1a2e;background:var(--card-bg);border-color:#ff6b35;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b3526;box-shadow:0 0 0 3px var(--primary-color-light)}.mobile-nav{flex:1 1;gap:1.5rem;gap:var(--space-lg)}.mobile-nav,.mobile-nav-section{display:flex;flex-direction:column}.mobile-nav-section{gap:.5rem;gap:var(--space-sm)}.mobile-nav-title{color:#8b949e;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;margin-bottom:var(--space-xs);text-transform:uppercase}.mobile-nav-items{display:flex;flex-direction:column;gap:2px}.mobile-nav-link{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#c9d1d9;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem;padding:var(--space-sm) var(--space-sm);text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.mobile-nav-link:hover{background:#ffffff0f;background:var(--hover-color);color:#fff;color:var(--text-primary);transform:translateX(4px)}.mobile-nav-link.active,.mobile-nav-link.primary{background:#ff6b3526;background:var(--primary-color-light);color:#ff6b35;color:var(--primary-color);font-weight:500}.mobile-nav-link.primary{border:1px solid #ff6b35;border:1px solid var(--primary-color)}.mobile-nav-link.primary:hover{background:#ff6b35;background:var(--primary-color);color:#fff}.mobile-nav-link.danger{color:#ef4444;color:var(--error-color)}.mobile-nav-link.danger:hover{background:#ef44441a;background:var(--error-color-light)}.mobile-nav-link.danger .nav-icon{color:#ef4444;color:var(--error-color)}.mobile-nav-link .nav-icon{flex-shrink:0;font-size:1.125rem}.mobile-nav-link .nav-label{flex:1 1;margin-left:.5rem;margin-left:var(--space-sm)}.mobile-nav-link .nav-arrow{color:#8b949e;color:var(--text-muted);font-size:.875rem;opacity:0;transform:translateX(-8px);transition:all .2s ease}.mobile-nav-link:hover .nav-arrow{opacity:1;transform:translateX(0)}.mobile-user-section{border-top:1px solid #21262d;border-top:1px solid var(--border-color);margin-top:auto;padding-top:1rem;padding-top:var(--space-md)}.mobile-user-header{margin-bottom:1rem;margin-bottom:var(--space-md)}.mobile-user-info{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm)}.mobile-user-avatar{border-radius:9999px;border-radius:var(--radius-full);flex-shrink:0;height:48px;overflow:hidden;position:relative;width:48px}.mobile-user-avatar .avatar-placeholder,.mobile-user-avatar img{height:100%;object-fit:cover;width:100%}.mobile-user-avatar .avatar-placeholder{align-items:center;background:#ff6b35;background:var(--primary-color);color:#fff;display:flex;font-size:1.125rem;font-weight:600;justify-content:center}.mobile-online-indicator{background:#22c55e;background:var(--success-color);border:2px solid #1a1a2e;border:2px solid var(--card-bg);border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.mobile-user-details{display:flex;flex-direction:column;gap:2px;min-width:0}.mobile-user-details .username{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:600}.mobile-user-details .user-role{color:#8b949e;color:var(--text-muted);font-size:.8125rem;text-transform:capitalize}.mobile-user-details .karma-score{color:#ff6b35;color:var(--primary-color);font-size:.75rem;font-weight:500}.mobile-user-actions{margin-bottom:1rem;margin-bottom:var(--space-md)}.mobile-auth-section{border-top:1px solid #21262d;border-top:1px solid var(--border-color);margin-top:auto;padding-top:1rem;padding-top:var(--space-md)}.mobile-auth-buttons{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-sm);margin-bottom:1rem;margin-bottom:var(--space-md)}.mobile-auth-btn{height:44px;justify-content:center;width:100%}.mobile-auth-btn.btn-outline{border:1px solid #21262d;border:1px solid var(--border-color);color:#fff;color:var(--text-primary)}.mobile-auth-btn.btn-outline:hover{background:#ffffff0f;background:var(--hover-color);border-color:#ff6b35;border-color:var(--primary-color)}.mobile-auth-btn.btn-primary{background:#ff6b35;background:var(--primary-color);color:#fff}.mobile-auth-btn.btn-primary:hover{background:#e55a2b;background:var(--primary-color-dark)}.mobile-theme-section{border-top:1px solid #2d333b;border-top:1px solid var(--border-color-light);padding-top:.5rem;padding-top:var(--space-sm)}.mobile-theme-toggle{align-items:center;background:#0000;border:1px solid #21262d;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#c9d1d9;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;gap:var(--space-sm);padding:.5rem;padding:var(--space-sm);transition:all .2s ease;width:100%}.mobile-theme-toggle:hover{background:#ffffff0f;background:var(--hover-color);border-color:#ff6b35;border-color:var(--primary-color);color:#fff;color:var(--text-primary)}.mobile-theme-toggle .theme-icon{font-size:1rem}@media(prefers-reduced-motion:reduce){.action-btn,.hamburger-lines .line,.mobile-nav-link,.nav-link,.reddit-header,.search-input-wrapper,.user-menu-trigger{transition:none}.mobile-menu,.mobile-menu-backdrop,.user-menu-dropdown{animation:none}}@media(prefers-contrast:high){.reddit-header{border-bottom-width:2px}.action-btn,.mobile-nav-link,.nav-link{border:1px solid #21262d;border:1px solid var(--border-color)}.user-avatar,.user-avatar-placeholder{border:2px solid #fff;border:2px solid var(--text-primary)}}[data-theme=dark] .reddit-header{background:#1a1a2e;background:var(--card-bg);border-bottom-color:#21262d;border-bottom-color:var(--border-color)}[data-theme=dark] .search-input{background:#1a1a2e;background:var(--bg-secondary)}[data-theme=dark] .search-input:focus{background:#1a1a2e;background:var(--card-bg)}[data-theme=dark] .mobile-menu{background:#0b1426;background:var(--bg-primary)}[data-theme=dark] .mobile-menu-backdrop{background:#000000b3}[data-theme=dark] .notification-badge{box-shadow:0 0 0 2px #0b1426;box-shadow:0 0 0 2px var(--bg-primary)}@media print{.reddit-header{border-bottom:1px solid #ccc;box-shadow:none;position:static}.actions-section,.mobile-menu-toggle,.search-section{display:none}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);box-shadow:var(--shadow-sm);margin-top:auto}.footer-content{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:var(--space-12) 0}@media(max-width:768px){.footer-content{gap:var(--space-6);grid-template-columns:1fr;padding:var(--space-8) 0}}.footer-section h4{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4)}.footer-logo{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.logo-icon{font-size:var(--text-4xl)}.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-main{color:var(--text-primary);font-size:var(--text-xl);font-weight:700}.footer-description,.logo-sub{color:var(--text-secondary);font-size:var(--text-sm)}.footer-description{line-height:1.6;margin-bottom:var(--space-6)}.social-links{gap:var(--space-3)}.social-links a{background:var(--bg-primary);border-radius:var(--radius-base);height:2.5rem;transition:all var(--duration-normal) var(--ease-out-cubic);width:2.5rem}.social-links a:hover{background:var(--hover-color);box-shadow:var(--shadow-md);color:var(--text-primary);transform:translateY(-2px)}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{color:var(--text-secondary);display:inline-block;font-size:var(--text-sm);text-decoration:none;transition:all var(--duration-normal) var(--ease-out-cubic)}.footer-links a:hover{color:var(--accent-primary);transform:translateX(4px)}.footer-bottom{background:var(--bg-tertiary);border-top:1px solid var(--border-color);padding:var(--space-6) 0}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}@media(max-width:768px){.footer-bottom-content{flex-direction:column;text-align:center}}.copyright{color:var(--text-muted);font-size:var(--text-xs)}.copyright p{margin:0;margin-bottom:var(--space-1)}.copyright p:last-child{margin-bottom:0}.made-with-love{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-2);justify-content:center}@media(max-width:768px){.made-with-love{justify-content:center}}.heart-icon{animation:heartbeat 1.5s ease-in-out infinite;color:#e74c3c}.footer-stats{display:flex;flex-wrap:wrap;gap:var(--space-4)}@media(max-width:768px){.footer-stats{flex-direction:column;gap:var(--space-2);justify-content:center;text-align:center}}.stat-item{background:var(--bg-primary);border-radius:var(--radius-base);padding:var(--space-1) var(--space-2);transition:all var(--duration-normal) var(--ease-out-cubic);white-space:nowrap}.stat-item:hover{border-color:var(--accent-primary);color:var(--text-secondary)}@media(max-width:480px){.footer-content{gap:var(--space-4);padding:var(--space-6) 0}.social-links{justify-content:center}.footer-stats{gap:var(--space-1)}.stat-item{font-size:var(--text-xs);padding:var(--space-1)}}.vote-arrow{align-items:center;background:#0000;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#8b949e;color:var(--vote-inactive);cursor:pointer;display:flex;height:24px;justify-content:center;max-height:24px;max-width:24px;min-height:24px;min-width:24px;overflow:hidden;padding:0;position:relative;width:24px}.vote-arrow,.vote-arrow .vote-icon{transition:all .12s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-fast) var(--ease-out-cubic)}.vote-arrow .vote-icon{flex-shrink:0;height:18px;width:18px}.vote-arrow:hover:not(.active):not(:disabled){background:#ffffff0f;background:var(--hover-color);color:#c9d1d9;color:var(--text-secondary)}.vote-arrow.up:hover:not(.active):not(:disabled){background:#ff6b350d;background:var(--upvote-bg-hover);color:#ff8c69;color:var(--upvote-hover)}.vote-arrow.up.active{background:#0000;color:#ff6b35;color:var(--upvote-color)}.vote-arrow.up.active .vote-icon{transform:scale(1.05)}.vote-arrow.down:hover:not(.active):not(:disabled){background:#4ecdc40d;background:var(--downvote-bg-hover);color:#5fd4cc;color:var(--downvote-hover)}.vote-arrow.down.active{background:#0000;color:#4ecdc4;color:var(--downvote-color)}.vote-arrow.down.active .vote-icon{transform:scale(1.05)}.vote-arrow.small{height:20px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;width:20px}.vote-arrow.small .vote-icon{height:14px;width:14px}.vote-arrow.large{height:32px;max-height:32px;max-width:32px;min-height:32px;min-width:32px;width:32px}.vote-arrow.large .vote-icon{height:24px;width:24px}.vote-arrow:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.vote-arrow:disabled:hover{background:#0000;color:#8b949e;color:var(--vote-inactive)}.vote-arrow:focus-visible{box-shadow:0 0 0 2px #3b82f64d;box-shadow:0 0 0 2px var(--focus-ring-color);outline:none}.vote-arrow.active{animation:voteActive .15s cubic-bezier(.215,.61,.355,1);animation:voteActive .15s var(--ease-out-cubic)}@keyframes voteActive{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media(max-width:768px){.vote-arrow{height:36px;max-height:36px;max-width:36px;min-height:36px;min-width:36px;width:36px}.vote-arrow .vote-icon{height:20px;width:20px}.vote-arrow.small{height:28px;max-height:28px;max-width:28px;min-height:28px;min-width:28px;width:28px}.vote-arrow.small .vote-icon{height:16px;width:16px}.vote-arrow.large{height:40px;max-height:40px;max-width:40px;min-height:40px;min-width:40px;width:40px}.vote-arrow.large .vote-icon{height:28px;width:28px}}@media(max-width:480px){.vote-arrow{height:32px;max-height:32px;max-width:32px;min-height:32px;min-width:32px;width:32px}.vote-arrow .vote-icon{height:18px;width:18px}.vote-arrow.small{height:24px;max-height:24px;max-width:24px;min-height:24px;min-width:24px;width:24px}.vote-arrow.small .vote-icon{height:14px;width:14px}}@media(max-width:360px){.vote-arrow{height:28px;max-height:28px;max-width:28px;min-height:28px;min-width:28px;width:28px}.vote-arrow .vote-icon{height:16px;width:16px}.vote-arrow.small{height:22px;max-height:22px;max-width:22px;min-height:22px;min-width:22px;width:22px}.vote-arrow.small .vote-icon{height:12px;width:12px}}@media(prefers-reduced-motion:reduce){.vote-arrow{transition:none}.vote-arrow.active{animation:none}.vote-arrow .vote-icon{transform:none!important;transition:none}}.vote-counter{align-items:center;display:flex;font-size:var(--text-xs);font-weight:600;justify-content:center;min-width:20px;text-align:center}.vote-counter,.vote-counter .score-text{transition:all var(--duration-normal) var(--ease-out-cubic)}.vote-counter.positive{color:var(--upvote-color)}.vote-counter.positive .score-text{font-weight:700}.vote-counter.negative{color:var(--downvote-color)}.vote-counter.negative .score-text{font-weight:700}.vote-counter.neutral{color:var(--text-muted)}.vote-counter.small{font-size:var(--text-xs);min-width:16px}.vote-counter.default{font-size:var(--text-sm);min-width:20px}.vote-counter.large{font-size:var(--text-base);min-width:28px}.vote-counter.animated .score-text{position:relative}.vote-counter.animated.score-changed .score-text{animation:scoreUpdate .3s var(--ease-out-cubic)}@keyframes scoreUpdate{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@media(prefers-contrast:high){.vote-counter.positive{color:var(--success-color)}.vote-counter.negative{color:var(--error-color)}}.vote-controls{align-items:center;display:flex;gap:var(--space-1);position:relative;-webkit-user-select:none;user-select:none;z-index:1}.vote-controls.vertical{align-items:center;flex-direction:column;flex-shrink:0;gap:var(--space-1);justify-content:center;max-width:48px;min-width:40px;overflow:hidden;padding:var(--space-2) var(--space-1);width:44px}.vote-controls.horizontal{align-items:center;flex-direction:row;gap:var(--space-3);padding:var(--space-1) var(--space-2)}.vote-controls.small.vertical{gap:2px;min-width:32px;padding:var(--space-1)}.vote-controls.small.horizontal{gap:var(--space-2);padding:var(--space-1)}.vote-controls.large.vertical{gap:var(--space-2);min-width:48px;padding:var(--space-3) var(--space-2)}.vote-controls.large.horizontal{gap:var(--space-4);padding:var(--space-2) var(--space-3)}.vote-controls.disabled{opacity:.6;pointer-events:none}.vote-controls.loading .vote-arrow{opacity:.7;pointer-events:none}.vote-controls.loading .vote-counter{opacity:.8}.vote-controls:focus-within{border-radius:var(--radius-sm);outline:2px solid var(--focus-ring-color);outline-offset:2px}.vote-controls.compact.vertical{gap:1px;min-width:28px;padding:var(--space-1)}.vote-controls.compact.horizontal{gap:var(--space-1);padding:var(--space-1)}.vote-controls.compact .vote-counter{font-size:var(--text-xs);min-width:16px}@media(prefers-contrast:high){.vote-controls .vote-arrow{border:1px solid var(--border-color)}.vote-controls .vote-arrow.active{border-width:2px}}@media(max-width:768px){.vote-controls.vertical{gap:var(--space-1);max-width:48px;min-width:44px;padding:var(--space-2) var(--space-1);width:46px}.vote-controls.horizontal{flex-wrap:nowrap;gap:var(--space-3);padding:var(--space-2)}.vote-controls.small.vertical{gap:2px;max-width:44px;min-width:40px;padding:var(--space-1) var(--space-05);width:42px}}@media(max-width:480px){.vote-controls:not(.large).vertical{gap:1px;max-width:44px;min-width:40px;padding:var(--space-1) var(--space-05);width:42px}.vote-controls:not(.large).horizontal{gap:var(--space-2);padding:var(--space-1) var(--space-2)}.vote-controls:not(.large) .vote-counter{font-size:var(--text-xs);max-width:24px;min-width:16px}}@media(max-width:360px){.vote-controls.vertical{gap:1px;max-width:40px;min-width:36px;padding:var(--space-05);width:38px}.vote-controls.horizontal{gap:var(--space-1);padding:var(--space-05) var(--space-1)}.vote-controls .vote-counter{font-size:.6875rem;max-width:20px;min-width:14px}}.vote-controls .vote-counter.score-changed .score-text{animation:scoreUpdate .3s var(--ease-out-cubic)}.vote-controls:hover .vote-arrow:not(.active):not(:disabled){opacity:.7}@media(prefers-reduced-motion:reduce){.vote-controls .vote-arrow,.vote-controls .vote-counter{transition:none}}.feed-card-base,.reddit-topic-card{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #30363d;border:1px solid var(--card-border,#30363d);border-left:3px solid #0000;border-radius:.25rem;border-radius:var(--radius-sm,.25rem);position:relative;transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal,.25s) var(--ease-out-cubic,ease-out)}.feed-card-base:hover,.reddit-topic-card:hover{border-color:#30363d;border-color:var(--border-muted,#30363d);box-shadow:0 1px 3px 0 #0006,0 1px 2px 0 #0003;box-shadow:var(--shadow-base,0 1px 3px 0 #0006,0 1px 2px 0 #0003);transform:translateY(-1px)}.featured.reddit-topic-card,.feed-card-base.featured,.feed-card-base:hover,.reddit-topic-card:hover{border-left-color:#ff6b35;border-left-color:var(--accent-primary,#ff6b35)}.feed-card-base.pinned,.pinned.reddit-topic-card{border-left-color:#4ecdc4;border-left-color:var(--accent-secondary,#4ecdc4)}.reddit-topic-card{background:#1a1a2e;background:var(--bg-secondary);border:1px solid #30363d;border:1px solid var(--card-border);border-radius:.25rem;border-radius:var(--radius-sm);display:flex;margin-bottom:.75rem;margin-bottom:var(--space-3);padding:0;transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal) var(--ease-out-cubic)}.reddit-topic-card.featured{border-left-color:#ff6b35;border-left-color:var(--accent-primary)}.reddit-topic-card.pinned{border-left-color:#4ecdc4;border-left-color:var(--accent-secondary)}.reddit-topic-card:hover{border-color:#30363d;border-color:var(--border-muted);box-shadow:0 1px 3px 0 #0006,0 1px 2px 0 #0003;box-shadow:var(--shadow-base);transform:translateY(-1px)}.reddit-topic-card:hover .topic-title{color:#ff6b35;color:var(--accent-primary)}.reddit-topic-card .vote-column{align-items:center;background:#16213e;background:var(--bg-tertiary);border-right:1px solid #21262d;border-right:1px solid var(--feed-separator);display:flex;flex-direction:column;min-width:48px;padding:.5rem .25rem;padding:var(--space-2) var(--space-1)}.reddit-topic-card .content-column{flex:1 1;min-width:0;padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.reddit-topic-card .status-badges{align-items:center;display:flex;gap:.5rem;gap:var(--space-2);margin-bottom:.5rem;margin-bottom:var(--space-2)}.reddit-topic-card .status-badges .status-badge{border-radius:.25rem;border-radius:var(--radius-sm);font-size:.75rem;font-size:var(--text-xs);font-weight:600;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.reddit-topic-card .status-badges .status-badge.pinned{background:#f59e0b1a;background:var(--warning-bg);color:#f59e0b;color:var(--warning-color)}.reddit-topic-card .status-badges .status-badge.closed{background:#ef44441a;background:var(--error-bg);color:#ef4444;color:var(--error-color)}.reddit-topic-card .status-badges .status-badge.resolved{background:#22c55e1a;background:var(--success-bg);color:#22c55e;color:var(--success-color)}.reddit-topic-card .status-badges .status-badge.featured{background:#ff6b351a;background:var(--accent-bg-light);color:#ff6b35;color:var(--accent-primary)}.reddit-topic-card .topic-header{margin-bottom:.5rem;margin-bottom:var(--space-2)}.reddit-topic-card .topic-header .topic-title-link{text-decoration:none}.reddit-topic-card .topic-header .topic-title-link .topic-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;color:var(--text-primary);display:-webkit-box;font-size:1.125rem;font-size:var(--text-lg);font-weight:600;line-height:1.3;margin:0 0 .5rem;margin:0 0 var(--space-2) 0;overflow:hidden;transition:color .25s cubic-bezier(.215,.61,.355,1);transition:color var(--duration-normal) var(--ease-out-cubic)}.reddit-topic-card .topic-header .compact-meta{margin-bottom:.25rem;margin-bottom:var(--space-1)}.reddit-topic-card .topic-header .compact-meta .meta-icon{height:12px;width:12px}.reddit-topic-card .topic-header .compact-meta .meta-link{color:#c9d1d9;color:var(--text-secondary);text-decoration:none;transition:color .12s cubic-bezier(.215,.61,.355,1);transition:color var(--duration-fast) var(--ease-out-cubic)}.reddit-topic-card .topic-header .compact-meta .meta-link:hover{color:#ff6b35;color:var(--accent-primary)}.reddit-topic-card .topic-header .compact-meta .meta-link.author-link,.reddit-topic-card .topic-header .compact-meta .meta-link.category-link{font-weight:500}.reddit-topic-card .topic-header .compact-meta .category-icon{font-size:.875rem;font-size:var(--text-sm)}.reddit-topic-card .topic-header .compact-meta .role-badge{border-radius:.25rem;border-radius:var(--radius-sm);font-size:.75rem;font-size:var(--text-xs);font-weight:600;margin-left:.25rem;margin-left:var(--space-1);padding:1px .25rem;padding:1px var(--space-1)}.reddit-topic-card .topic-header .compact-meta .role-badge.admin{background:#ef44441a;background:var(--error-bg);color:#ef4444;color:var(--error-color)}.reddit-topic-card .topic-header .compact-meta .role-badge.moderator{background:#22c55e1a;background:var(--success-bg);color:#22c55e;color:var(--success-color)}.reddit-topic-card .content-preview{margin-bottom:.75rem;margin-bottom:var(--space-3)}.reddit-topic-card .content-preview p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#c9d1d9;color:var(--text-secondary);display:-webkit-box;font-size:.875rem;font-size:var(--text-sm);line-height:1.4;margin:0;overflow:hidden}.reddit-topic-card .topic-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-1);margin-bottom:.75rem;margin-bottom:var(--space-3)}.reddit-topic-card .topic-tags .topic-tag{background:#ff6b351a;background:var(--accent-bg-light);border-radius:.25rem;border-radius:var(--radius-sm);color:#ff6b35;color:var(--accent-primary);font-size:.75rem;font-size:var(--text-xs);font-weight:500;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);text-decoration:none;transition:all .12s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-fast) var(--ease-out-cubic)}.reddit-topic-card .topic-tags .topic-tag:hover{background:#ff6b3526;background:var(--accent-bg-hover);color:#ff6b35;color:var(--accent-primary)}.reddit-topic-card .topic-tags .tag-overflow{color:#8b949e;color:var(--text-muted);font-size:.75rem;font-size:var(--text-xs);font-weight:500}.reddit-topic-card .stats-row{align-items:center;display:flex;justify-content:space-between}.reddit-topic-card .stats-row .stats-group{align-items:center;display:flex;gap:1rem;gap:var(--space-4)}.reddit-topic-card .stats-row .stats-group .stat-item{align-items:center;display:flex;gap:.25rem;gap:var(--space-1)}.reddit-topic-card .stats-row .stats-group .stat-item .stat-icon{color:#8b949e;color:var(--text-muted);height:14px;width:14px}.reddit-topic-card .stats-row .stats-group .stat-item .stat-text{color:#8b949e;color:var(--text-muted);font-size:.75rem;font-size:var(--text-xs);font-weight:500}.reddit-topic-card .stats-row .last-activity{align-items:center;color:#8b949e;color:var(--text-muted);display:flex;font-size:.75rem;font-size:var(--text-xs);gap:.25rem;gap:var(--space-1)}.reddit-topic-card .stats-row .last-activity .activity-text{opacity:.8}.reddit-topic-card .stats-row .last-activity .activity-time{font-weight:500}.reddit-topic-card .stats-row .last-activity .activity-user{color:#c9d1d9;color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .12s cubic-bezier(.215,.61,.355,1);transition:color var(--duration-fast) var(--ease-out-cubic)}.reddit-topic-card .stats-row .last-activity .activity-user:hover{color:#ff6b35;color:var(--accent-primary)}@media(max-width:768px){.reddit-topic-card{margin-bottom:.5rem;margin-bottom:var(--space-2)}.reddit-topic-card .vote-column{min-width:44px;padding:.5rem;padding:var(--space-2)}.reddit-topic-card .content-column{padding:.75rem;padding:var(--space-3)}.reddit-topic-card .topic-header .topic-title{font-size:1rem;font-size:var(--text-base)}.reddit-topic-card .compact-meta{flex-wrap:wrap;gap:.25rem;gap:var(--space-1)}.reddit-topic-card .compact-meta .meta-separator{display:none}.reddit-topic-card .stats-row{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--space-2)}.reddit-topic-card .topic-tags .topic-tag{font-size:11px;padding:2px .25rem;padding:2px var(--space-1)}}@media(max-width:480px){.reddit-topic-card .vote-column{min-width:36px;padding:.25rem;padding:var(--space-1)}.reddit-topic-card .content-column{padding:.5rem;padding:var(--space-2)}.reddit-topic-card .status-badges{flex-wrap:wrap;gap:.25rem;gap:var(--space-1)}.reddit-topic-card .status-badges .status-badge{font-size:10px;padding:1px .25rem;padding:1px var(--space-1)}.reddit-topic-card .content-preview{margin-bottom:.5rem;margin-bottom:var(--space-2)}.reddit-topic-card .content-preview p{-webkit-line-clamp:1}.reddit-topic-card .topic-tags .topic-tag:nth-child(n+3){display:none}}@media(prefers-contrast:high){.reddit-topic-card{border-width:2px}.reddit-topic-card .status-badge{border:1px solid}.reddit-topic-card .topic-tag{border:1px solid #ff6b35;border:1px solid var(--accent-primary)}}@media(prefers-reduced-motion:reduce){.reddit-topic-card{transition:none}.reddit-topic-card:hover{transform:none}.reddit-topic-card *{transition:none}}.reddit-topic-card .topic-title-link:focus-visible{border-radius:.25rem;border-radius:var(--radius-sm);outline:2px solid #3b82f64d;outline:2px solid var(--focus-ring-color);outline-offset:2px}.reddit-topic-card .activity-user:focus-visible,.reddit-topic-card .meta-link:focus-visible,.reddit-topic-card .topic-tag:focus-visible{border-radius:.25rem;border-radius:var(--radius-sm);outline:2px solid #3b82f64d;outline:2px solid var(--focus-ring-color);outline-offset:1px}.feed-card-base,.reddit-category-card{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #30363d;border:1px solid var(--card-border,#30363d);border-left:3px solid #0000;border-radius:.25rem;border-radius:var(--radius-sm,.25rem);position:relative;transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal,.25s) var(--ease-out-cubic,ease-out)}.feed-card-base:hover,.reddit-category-card:hover{border-color:#30363d;border-color:var(--border-muted,#30363d);box-shadow:0 1px 3px 0 #0006,0 1px 2px 0 #0003;box-shadow:var(--shadow-base,0 1px 3px 0 #0006,0 1px 2px 0 #0003);transform:translateY(-1px)}.featured.reddit-category-card,.feed-card-base.featured,.feed-card-base:hover,.reddit-category-card:hover{border-left-color:#ff6b35;border-left-color:var(--accent-primary,#ff6b35)}.feed-card-base.pinned,.pinned.reddit-category-card{border-left-color:#4ecdc4;border-left-color:var(--accent-secondary,#4ecdc4)}.reddit-category-card{border:1px solid #21262d;border:1px solid var(--border-color);margin-bottom:.5rem;margin-bottom:var(--space-sm);position:relative;transition:all .2s ease}.reddit-category-card:hover{border-color:#ff6b3526;border-color:var(--primary-color-light);box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0003;box-shadow:var(--shadow-md);transform:translateY(-1px)}.reddit-category-card.compact .category-header{padding:.5rem;padding:var(--space-sm)}.reddit-category-card.compact .category-icon{font-size:1rem;height:36px;width:36px}.reddit-category-card.compact .category-title{font-size:1rem}.reddit-category-card.compact .category-description{font-size:.875rem}.reddit-category-card.compact .category-stats,.reddit-category-card.compact .subcategories{padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.category-link{color:inherit;display:block;text-decoration:none}.category-link:focus{border-radius:.5rem;border-radius:var(--radius-md);outline:2px solid #3b82f64d;outline:2px solid var(--focus-color);outline-offset:2px}.category-link:focus:not(:focus-visible){outline:none}.category-header{align-items:flex-start;border-bottom:1px solid #2d333b;border-bottom:1px solid var(--border-color-light);display:flex;gap:1rem;gap:var(--space-md);padding:1rem;padding:var(--space-md)}.category-icon-wrapper{flex-shrink:0;position:relative}.category-icon{align-items:center;background:linear-gradient(135deg,#ff6b35,#e55a2b);background:linear-gradient(135deg,var(--category-color,var(--primary-color)),var(--category-color-dark,var(--primary-color-dark)));border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;transition:transform .2s ease;width:48px}.category-link:hover .category-icon{transform:scale(1.05)}.premium-badge{align-items:center;background:#f59e0b;background:var(--warning-color);border:2px solid #1a1a2e;border:2px solid var(--card-bg);border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;font-size:.75rem;height:20px;justify-content:center;position:absolute;right:-4px;top:-4px;width:20px}.category-info{flex:1 1;min-width:0}.category-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.category-title-row .arrow-icon{color:#8b949e;color:var(--text-muted);opacity:0;transform:translateX(-8px);transition:all .2s ease}.category-link:hover .category-title-row .arrow-icon{color:#ff6b35;color:var(--primary-color);opacity:1;transform:translateX(0)}.category-title{color:#fff;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0;transition:color .2s ease}.category-link:hover .category-title{color:#ff6b35;color:var(--primary-color)}.category-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#c9d1d9;color:var(--text-secondary);display:-webkit-box;font-size:.9375rem;line-height:1.4;margin:0;overflow:hidden}.category-stats{align-items:center;background:#161b22;background:var(--bg-subtle);display:flex;gap:1rem;gap:var(--space-md);justify-content:space-between;padding:1rem;padding:var(--space-md)}.stats-grid{display:flex;gap:1.5rem;gap:var(--space-lg)}@media(max-width:640px){.stats-grid{gap:1rem;gap:var(--space-md)}}.stat-item{gap:var(--space-xs)}.stat-item.primary .stat-icon,.stat-item.primary .stat-number{color:#ff6b35;color:var(--primary-color)}.stat-item.primary .stat-number{font-weight:600}.stat-item .stat-icon{color:#8b949e;color:var(--text-muted);flex-shrink:0;font-size:1rem}.stat-content{align-items:flex-start;display:flex;flex-direction:column}@media(max-width:640px){.stat-content{align-items:center;flex-direction:row;gap:.25rem;gap:var(--space-xs)}}.stat-number{color:#fff;font-size:.875rem;font-weight:500;line-height:1.2}.stat-label{color:#8b949e;font-size:.75rem;line-height:1}@media(max-width:640px){.stat-label{display:none}}.last-activity{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm);min-width:0}@media(max-width:768px){.last-activity{align-items:flex-end;flex-direction:column;gap:.25rem;gap:var(--space-xs)}}.activity-info{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm);min-width:0}@media(max-width:768px){.activity-info{align-items:flex-end;flex-direction:column;gap:.25rem;gap:var(--space-xs)}}.activity-user{align-items:center;display:flex;gap:.25rem;gap:var(--space-xs);min-width:0}.user-avatar,.user-avatar-placeholder{border-radius:50%;flex-shrink:0;height:24px;width:24px}.user-avatar{border:1px solid #2d333b;border:1px solid var(--border-color-light);object-fit:cover}.user-avatar-placeholder{align-items:center;background:#ff6b35;background:var(--primary-color);color:#fff;display:flex;font-size:.75rem;font-weight:600;justify-content:center}.username{color:#c9d1d9;color:var(--text-secondary);font-size:.875rem;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-link:hover .username{color:#ff6b35;color:var(--primary-color)}.activity-time,.no-activity{align-items:center;color:#8b949e;color:var(--text-muted);display:flex;font-size:.75rem;gap:.25rem;gap:var(--space-xs);white-space:nowrap}.activity-time .time-icon,.no-activity .time-icon{font-size:.875rem;opacity:.7}.subcategories{background:#161b22;background:var(--bg-subtle);border-top:1px solid #2d333b;border-top:1px solid var(--border-color-light);padding:1rem;padding:var(--space-md)}.subcategories-label{color:#8b949e;color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:.25rem;margin-bottom:var(--space-xs);text-transform:uppercase}.subcategories-list{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-xs)}.subcategory-tag{background:#1a1a2e;background:var(--bg-secondary);border:1px solid #2d333b;border:1px solid var(--border-color-light);border-radius:9999px;border-radius:var(--radius-full);color:#c9d1d9;color:var(--text-secondary);font-size:.75rem;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);transition:all .2s ease;white-space:nowrap}.subcategory-tag:hover{background:#ff6b3526;background:var(--primary-color-light);border-color:#ff6b35;border-color:var(--primary-color);color:#ff6b35;color:var(--primary-color);transform:translateY(-1px)}.subcategory-overflow{color:#8b949e;color:var(--text-muted);font-size:.75rem;font-style:italic;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}[data-theme=dark] .reddit-category-card{border-color:#21262d;border-color:var(--border-color)}[data-theme=dark] .reddit-category-card:hover{border-color:#e55a2b;border-color:var(--primary-color-dark);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .category-icon{box-shadow:0 2px 8px #0006}[data-theme=dark] .premium-badge{box-shadow:0 2px 4px #0000004d}[data-theme=dark] .category-stats,[data-theme=dark] .subcategories{background:#161b22;background:var(--bg-subtle)}[data-theme=dark] .subcategory-tag{background:#1a1a2e;background:var(--bg-secondary);border-color:#21262d;border-color:var(--border-color)}[data-theme=dark] .subcategory-tag:hover{background:#e55a2b;background:var(--primary-color-dark);border-color:#ff6b35;border-color:var(--primary-color)}@media(prefers-reduced-motion:reduce){.arrow-icon,.category-icon,.category-title,.reddit-category-card,.subcategory-tag,.username{transition:none}}@media(prefers-contrast:high){.reddit-category-card{border-width:2px}.reddit-category-card:hover{border-width:3px}.category-icon{border:2px solid #fff;border:2px solid var(--text-primary)}.subcategory-tag{border-width:2px}}@media(max-width:640px){.category-header{gap:.5rem;gap:var(--space-sm);padding:.5rem;padding:var(--space-sm)}.category-icon{font-size:1.25rem;height:40px;width:40px}.category-title{font-size:1rem}.category-description{font-size:.875rem}.category-stats{padding:.5rem;padding:var(--space-sm)}.category-stats,.stats-grid{gap:.5rem;gap:var(--space-sm)}.subcategories{padding:.5rem;padding:var(--space-sm)}.username{max-width:80px}}@media print{.reddit-category-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.category-icon{background:#f5f5f5!important;color:#333!important}.arrow-icon{display:none}}.feed-card-base,.feed-controls,.feed-item,.sidebar-section{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #30363d;border:1px solid var(--card-border,#30363d);border-left:3px solid #0000;border-radius:.25rem;border-radius:var(--radius-sm,.25rem);position:relative;transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal,.25s) var(--ease-out-cubic,ease-out)}.feed-card-base:hover,.feed-controls:hover,.feed-item:hover,.sidebar-section:hover{border-color:#30363d;border-color:var(--border-muted,#30363d);border-left-color:#ff6b35;border-left-color:var(--accent-primary,#ff6b35);box-shadow:0 1px 3px 0 #0006,0 1px 2px 0 #0003;box-shadow:var(--shadow-base,0 1px 3px 0 #0006,0 1px 2px 0 #0003);transform:translateY(-1px)}.featured.feed-controls,.featured.feed-item,.featured.sidebar-section,.feed-card-base.featured{border-left-color:#ff6b35;border-left-color:var(--accent-primary,#ff6b35)}.feed-card-base.pinned,.pinned.feed-controls,.pinned.feed-item,.pinned.sidebar-section{border-left-color:#4ecdc4;border-left-color:var(--accent-secondary,#4ecdc4)}.reddit-home-page{min-height:100vh;position:relative}.welcome-banner{background:linear-gradient(135deg,#ff6b35,#e55a2b);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-color-dark) 100%);color:#fff;margin-bottom:1rem;margin-bottom:var(--space-md);padding:1.5rem 0;padding:var(--space-lg) 0}.welcome-banner .container{max-width:1200px}.banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-lg);justify-content:space-between}@media(max-width:1024px){.banner-content{flex-direction:column;gap:1rem;gap:var(--space-md);text-align:center}}.banner-text h1{font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;line-height:1.2;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.banner-text h1 .highlight{color:#f59e0b;color:var(--warning-color)}@media(max-width:768px){.banner-text h1{font-size:1.5rem;font-size:var(--text-2xl)}}.banner-text p{font-size:1rem;font-size:var(--text-base);line-height:1.4;margin:0;opacity:.9}@media(max-width:768px){.banner-text p{font-size:.875rem;font-size:var(--text-sm)}}.banner-stats{display:flex;gap:1.5rem;gap:var(--space-lg)}@media(max-width:1024px){.banner-stats{justify-content:center}}@media(max-width:640px){.banner-stats{flex-wrap:wrap;gap:1rem;gap:var(--space-md)}}.stat-item{flex-direction:column;min-width:0;text-align:center}.stat-item .stat-number{color:#fff;font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;line-height:1}@media(max-width:640px){.stat-item .stat-number{font-size:1.25rem;font-size:var(--text-xl)}}.stat-item .stat-label{font-size:.75rem;font-size:var(--text-xs);margin-top:2px;opacity:.8;white-space:nowrap}@media(max-width:640px){.stat-item .stat-label{font-size:.75rem;font-size:var(--text-xs)}}.banner-actions{display:flex;gap:.5rem;gap:var(--space-sm)}@media(max-width:1024px){.banner-actions{justify-content:center}}@media(max-width:640px){.banner-actions{flex-direction:row;flex-wrap:wrap;width:100%}}@media(max-width:480px){.banner-actions{flex-direction:column;width:100%}}.banner-actions .btn{font-size:.875rem;font-size:var(--text-sm);min-width:120px;padding:.25rem 1rem;padding:var(--space-xs) var(--space-md);white-space:nowrap}.banner-actions .btn.btn-primary{background:#fff;border-color:#fff;color:#ff6b35;color:var(--primary-color)}.banner-actions .btn.btn-primary:hover{background:#161b22;background:var(--bg-subtle)}.banner-actions .btn.btn-outline{border-color:#ffffff4d;color:#fff}.banner-actions .btn.btn-outline:hover{background:#ffffff1a;border-color:#fff}@media(max-width:640px){.banner-actions .btn{flex:1 1;min-width:140px}}@media(max-width:480px){.banner-actions .btn{min-width:auto;width:100%}}.main-layout .container{max-width:1200px}.layout-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);align-items:start;display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:1fr 300px;max-width:100%;overflow:hidden}@media(max-width:1200px){.layout-grid{gap:1rem;gap:var(--space-md);grid-template-columns:1fr 280px}}@media(max-width:1024px){.layout-grid{gap:.5rem;gap:var(--space-sm);grid-template-columns:1fr 260px}}@media(max-width:768px){.layout-grid{gap:1rem;gap:var(--space-md);grid-template-columns:1fr}}.main-feed{display:flex;flex-direction:column;gap:1rem;gap:var(--space-md)}.feed-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--space-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}@media(max-width:768px){.feed-controls{align-items:stretch;flex-direction:column;gap:.5rem;gap:var(--space-sm)}}@media(max-width:640px){.feed-controls{padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}}@media(max-width:480px){.feed-controls{padding:.25rem;padding:var(--space-xs)}}.feed-tabs{display:flex;gap:.25rem;gap:var(--space-xs)}@media(max-width:640px){.feed-tabs{width:100%}}.feed-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:.5rem;border-radius:var(--radius-md);color:#c9d1d9;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;gap:var(--space-xs);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);transition:all .12s cubic-bezier(.25,.46,.45,.94);transition:all var(--duration-fast) var(--ease-out-quad);white-space:nowrap}.feed-tab:hover{background:#ffffff0f;background:var(--hover-color);color:#fff;color:var(--text-primary)}.feed-tab.active{background:#ff6b3526;background:var(--primary-color-light);border-color:#ff6b35;border-color:var(--primary-color);color:#ff6b35;color:var(--primary-color);font-weight:600}@media(max-width:640px){.feed-tab{flex:1 1;justify-content:center}}.create-post-btn{align-items:center;background:#ff6b35;background:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;gap:.25rem;gap:var(--space-xs);padding:.25rem 1rem;padding:var(--space-xs) var(--space-md);text-decoration:none;transition:all .12s cubic-bezier(.25,.46,.45,.94);transition:all var(--duration-fast) var(--ease-out-quad)}.create-post-btn:hover{background:#e55a2b;background:var(--primary-color-dark);transform:translateY(-1px)}@media(max-width:640px){.create-post-btn{justify-content:center;width:100%}}.feed-content{display:flex;flex-direction:column}.feed-content,.feed-item{gap:.5rem;gap:var(--space-sm)}.feed-item{grid-gap:.5rem;grid-gap:var(--space-sm);display:grid;grid-template-columns:48px 1fr;max-width:100%;overflow:hidden;padding:1rem;padding:var(--space-md);transition:all .25s cubic-bezier(.25,.46,.45,.94);transition:all var(--duration-normal) var(--ease-out-quad)}.feed-item:hover{border-color:#ff6b3526;border-color:var(--primary-color-light);box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0003;box-shadow:var(--shadow-md);transform:translateY(-1px)}@media(max-width:640px){.feed-item{gap:.25rem;gap:var(--space-xs);grid-template-columns:36px 1fr;padding:.5rem;padding:var(--space-sm)}}.vote-column{align-items:flex-start;display:flex;flex-shrink:0;justify-content:center;padding-top:.25rem;padding-top:var(--space-xs)}.content-column{flex:1 1;min-width:0;overflow:hidden}.item-header{align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;font-size:var(--text-sm);gap:.25rem;gap:var(--space-xs);margin-bottom:.25rem;margin-bottom:var(--space-xs)}@media(max-width:640px){.item-header{font-size:.75rem;font-size:var(--text-xs)}}.category-badge{display:flex;gap:var(--space-xs)}.category-badge .category-icon{font-size:.875rem}.category-badge a{color:inherit;text-decoration:none}.category-badge a:hover{text-decoration:underline}.item-meta{align-items:center;color:#8b949e;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-xs)}.item-meta .author a{color:#c9d1d9;color:var(--text-secondary);font-weight:500;text-decoration:none}.item-meta .author a:hover{color:#ff6b35;color:var(--primary-color);text-decoration:underline}.item-meta .separator{opacity:.5}.item-meta .pinned-badge,.item-meta .trending-badge{border-radius:.25rem;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;padding:2px 6px}.item-meta .pinned-badge{background:#f59e0b1a;background:var(--warning-color-light);color:#f59e0b;color:var(--warning-color)}.item-meta .trending-badge{background:#ef44441a;background:var(--error-color-light);color:#ef4444;color:var(--error-color)}.item-title{margin:.5rem 0;margin:var(--space-sm) 0}.item-title a{color:#fff;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;line-height:1.3;text-decoration:none}.item-title a:hover{color:#ff6b35;color:var(--primary-color)}@media(max-width:640px){.item-title a{font-size:1rem;font-size:var(--text-base)}}.item-preview{margin:.5rem 0;margin:var(--space-sm) 0}.item-preview p{color:#c9d1d9;color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin:0 0 .5rem;margin:0 0 var(--space-sm) 0}@media(max-width:640px){.item-preview p{font-size:.875rem}}.featured-image{border-radius:.5rem;border-radius:var(--radius-md);margin:.5rem 0;margin:var(--space-sm) 0;max-width:200px;overflow:hidden}.featured-image img{display:block;height:auto;width:100%}.item-tags{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-xs);margin:.5rem 0;margin:var(--space-sm) 0}.item-tags .tag{background:#161b22;background:var(--bg-subtle);border-radius:9999px;border-radius:var(--radius-full);color:#8b949e;color:var(--text-muted);font-size:.75rem;padding:2px 8px;text-decoration:none}.item-tags .tag:hover{background:#ff6b3526;background:var(--primary-color-light);color:#ff6b35;color:var(--primary-color)}.item-tags .more-tags{color:#8b949e;color:var(--text-muted);font-size:.75rem;font-style:italic}.item-footer{align-items:center;display:flex;justify-content:space-between;margin-top:1rem;margin-top:var(--space-md)}@media(max-width:640px){.item-footer{align-items:flex-start;flex-direction:column;gap:.25rem;gap:var(--space-xs)}}.engagement-stats{display:flex;gap:1rem;gap:var(--space-md)}@media(max-width:640px){.engagement-stats{flex-wrap:wrap;gap:.5rem;gap:var(--space-sm)}}.stat-button{align-items:center;background:#0000;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#8b949e;color:var(--text-muted);cursor:pointer;display:flex;font-size:.8125rem;gap:.25rem;gap:var(--space-xs);padding:.25rem;padding:var(--space-xs);transition:all .12s cubic-bezier(.25,.46,.45,.94);transition:all var(--duration-fast) var(--ease-out-quad)}.stat-button:hover{background:#ffffff0f;background:var(--hover-color);color:#c9d1d9;color:var(--text-secondary)}@media(max-width:640px){.stat-button{font-size:.75rem;padding:2px 6px}}.read-time{align-items:center;color:#8b949e;color:var(--text-muted);display:flex;font-size:.8125rem;gap:.25rem;gap:var(--space-xs)}@media(max-width:640px){.read-time{font-size:.75rem}}.load-more{display:flex;justify-content:center;margin-top:1.5rem;margin-top:var(--space-lg)}.load-more .btn{padding:.5rem 2rem;padding:var(--space-sm) var(--space-xl)}.sidebar{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-lg);max-width:100%;min-width:0;overflow:hidden}@media(max-width:768px){.sidebar{gap:1rem;gap:var(--space-md);order:-1}}.sidebar-section{padding:1rem;padding:var(--space-md)}.sidebar-title{align-items:center;border-bottom:1px solid #2d333b;border-bottom:1px solid var(--border-color-light);color:#fff;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:.25rem;gap:var(--space-xs);margin:0 0 1rem;margin:0 0 var(--space-md) 0;padding-bottom:.5rem;padding-bottom:var(--space-sm)}.categories-list{display:flex;flex-direction:column;gap:2px}.category-filter{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#c9d1d9;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm);justify-content:space-between;padding:.5rem;padding:var(--space-sm);transition:all .12s cubic-bezier(.25,.46,.45,.94);transition:all var(--duration-fast) var(--ease-out-quad);width:100%}.category-filter:hover{background:#ffffff0f;background:var(--hover-color);color:#fff;color:var(--text-primary)}.category-filter.active{background:#ff6b3526;background:var(--primary-color-light);color:#ff6b35;color:var(--primary-color);font-weight:600}.category-filter-content{align-items:center;display:flex;flex:1 1;gap:.25rem;gap:var(--space-xs)}.category-icon{flex-shrink:0;font-size:1rem}.category-name{flex:1 1;text-align:left}.category-count{background:#161b22;background:var(--bg-subtle);border-radius:9999px;border-radius:var(--radius-full);color:#8b949e;color:var(--text-muted);font-size:.75rem;min-width:24px;padding:2px 8px;text-align:center}.category-filter.active .category-count{background:#ff6b35;background:var(--primary-color);color:#fff}.trending-list{flex-direction:column}.trending-item,.trending-list{display:flex;gap:.5rem;gap:var(--space-sm)}.trending-item{border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;padding:.5rem;padding:var(--space-sm);transition:background .2s ease}.trending-item:hover{background:#ffffff0f;background:var(--hover-color)}.trend-rank{color:#ff6b35;color:var(--primary-color);font-size:.875rem;font-weight:700;min-width:24px;text-align:center}.trend-content{flex:1 1;min-width:0}.trend-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;color:var(--text-primary);display:-webkit-box;font-size:.875rem;font-weight:500;line-height:1.3;margin-bottom:.25rem;margin-bottom:var(--space-xs);overflow:hidden}.trend-stats{align-items:center;color:#8b949e;color:var(--text-muted);display:flex;font-size:.75rem;gap:.25rem;gap:var(--space-xs)}.community-stats{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-sm)}.stat{align-items:center;display:flex;justify-content:space-between;padding:.25rem 0;padding:var(--space-xs) 0}.stat:not(:last-child){border-bottom:1px solid #2d333b;border-bottom:1px solid var(--border-color-light);padding-bottom:.5rem;padding-bottom:var(--space-sm)}.stat-label{color:#c9d1d9;color:var(--text-secondary);font-size:.875rem}.stat-value{color:#fff;color:var(--text-primary);font-size:.875rem;font-weight:600}.quick-action,.quick-actions{gap:.25rem;gap:var(--space-xs)}.quick-action{align-items:center;background:#0000;border:1px solid #21262d;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#c9d1d9;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;padding:.5rem;padding:var(--space-sm);text-decoration:none;transition:all .12s cubic-bezier(.25,.46,.45,.94);transition:all var(--duration-fast) var(--ease-out-quad)}.quick-action:hover{background:#ffffff0f;background:var(--hover-color);border-color:#ff6b35;border-color:var(--primary-color);color:#fff;color:var(--text-primary);transform:translateY(-1px)}@media(max-width:768px){.sidebar .sidebar-section{padding:.5rem;padding:var(--space-sm)}.sidebar .categories-list{grid-gap:.25rem;grid-gap:var(--space-xs);display:grid;gap:.25rem;gap:var(--space-xs);grid-template-columns:repeat(2,1fr)}.sidebar .category-filter{flex-direction:column;font-size:.8125rem;gap:.25rem;gap:var(--space-xs);padding:.25rem;padding:var(--space-xs);text-align:center}.sidebar .category-count{font-size:.6875rem}.sidebar .trending-item{padding:.25rem;padding:var(--space-xs)}.sidebar .trend-title{font-size:.8125rem}.sidebar .quick-actions{grid-gap:.25rem;grid-gap:var(--space-xs);display:grid;gap:.25rem;gap:var(--space-xs);grid-template-columns:repeat(2,1fr)}.sidebar .quick-action{font-size:.8125rem;justify-content:center;padding:.25rem;padding:var(--space-xs)}}[data-theme=dark] .welcome-banner{background:linear-gradient(135deg,#e55a2b,#ff6b35);background:linear-gradient(135deg,var(--primary-color-dark) 0,var(--primary-color) 100%)}[data-theme=dark] .feed-item:hover{box-shadow:0 4px 12px #0000004d}[data-theme=dark] .category-count{background:#1a1a2e;background:var(--bg-secondary)}.category-filter.active [data-theme=dark] .category-count{background:#e55a2b;background:var(--primary-color-dark)}@media(prefers-reduced-motion:reduce){.category-filter,.feed-item,.feed-tab,.quick-action,.stat-button,.trending-item{transition:none}}@media(prefers-contrast:high){.feed-item,.sidebar-section{border-width:2px}.category-filter.active{border:2px solid #ff6b35;border:2px solid var(--primary-color)}}@media print{.feed-controls,.sidebar,.welcome-banner{display:none}.layout-grid{grid-template-columns:1fr}.feed-item{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.vote-column{display:none}.content-column{grid-column:1/-1}}.auth-button,.btn,.btn-base{align-items:center;border:1px solid #0000;border-radius:.375rem;border-radius:var(--radius-base,.375rem);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:.5rem;gap:var(--space-2,.5rem);justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal,.25s) var(--ease-out-cubic,ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.auth-button:focus-visible,.btn-base:focus-visible,.btn:focus-visible{box-shadow:0 0 0 2px #3b82f64d;box-shadow:0 0 0 var(--focus-ring-width,2px) var(--focus-ring-color,#3b82f64d);outline:none}.auth-button:disabled,.btn-base:disabled,.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.auth-button:active,.btn-base:active,.btn:active{transform:scale(.98)}@media(prefers-contrast:high){:root{--focus-ring-width:3px}.auth-button:focus-visible,.btn-base:focus-visible,.btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.card-base:hover,.card:hover{border-width:2px}}.auth-button,.btn{border-radius:.375rem;border-radius:var(--radius-base);font-size:.875rem;font-size:var(--text-sm);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.auth-button,.btn.btn-primary{background:linear-gradient(135deg,#ff6b35,#4ecdc4);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-color:#ff6b35;border-color:var(--accent-primary);color:#fff}.auth-button:hover:not(:disabled),.btn.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4ecdc4,#ff6b35);background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0003;box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-button:active:not(:disabled),.btn.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary.auth-button,.btn.btn-secondary{background:#1a1a2e;background:var(--bg-secondary);border-color:#21262d;border-color:var(--border-color);color:#fff;color:var(--text-primary)}.btn-secondary.auth-button:hover:not(:disabled),.btn.btn-secondary:hover:not(:disabled){background:#ffffff0f;background:var(--hover-color);border-color:#ff6b35;border-color:var(--accent-primary)}.btn-outline.auth-button,.btn.btn-outline{background:#0000;border-color:#ff6b35;border-color:var(--accent-primary);color:#ff6b35;color:var(--accent-primary)}.btn-outline.auth-button:hover:not(:disabled),.btn.btn-outline:hover:not(:disabled){background:#ff6b35;background:var(--accent-primary);color:#fff}.btn-ghost.auth-button,.btn.btn-ghost{background:#0000;border-color:#0000;color:#c9d1d9;color:var(--text-secondary)}.btn-ghost.auth-button:hover:not(:disabled),.btn.btn-ghost:hover:not(:disabled){background:#ffffff0f;background:var(--hover-color);color:#fff;color:var(--text-primary)}.btn-sm.auth-button,.btn.btn-sm{font-size:.75rem;font-size:var(--text-xs);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.btn-lg.auth-button,.btn.btn-lg{font-size:1rem;font-size:var(--text-base);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6)}@media(max-width:768px)and (min-width:640px){h1{font-size:1.875rem;font-size:var(--text-3xl)}h2{font-size:1.5rem;font-size:var(--text-2xl)}h3{font-size:1.25rem;font-size:var(--text-xl)}.card{padding:1rem;padding:var(--space-4)}.btn-group{flex-direction:row;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.btn-group .auth-button,.btn-group .btn{flex:1 1;justify-content:center;min-width:140px}}@media(max-width:640px)and (min-width:480px){h1{font-size:1.875rem;font-size:var(--text-3xl)}h2{font-size:1.5rem;font-size:var(--text-2xl)}h3{font-size:1.25rem;font-size:var(--text-xl)}.card{padding:1rem;padding:var(--space-4)}.btn-group{flex-direction:column;gap:.5rem;gap:var(--space-2)}.btn-group .auth-button,.btn-group .btn{justify-content:center;width:100%}}@media(max-width:480px){h1{font-size:1.5rem;font-size:var(--text-2xl)}h2{font-size:1.25rem;font-size:var(--text-xl)}h3{font-size:1.125rem;font-size:var(--text-lg)}.card{padding:.75rem;padding:var(--space-3)}.btn-lg{justify-content:center;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);width:100%}.btn-group{flex-direction:column;gap:.5rem;gap:var(--space-2)}.btn-group .auth-button,.btn-group .btn{justify-content:center;width:100%}}@media print{.ad-container,.auth-button,.btn,.no-print,nav{display:none!important}body{background:#fff!important;color:#000!important;font-size:12pt;line-height:1.4}.card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}h1,h2,h3,h4,h5,h6{break-after:avoid;color:#000!important;page-break-after:avoid}}.auth-page{align-items:center;background:linear-gradient(135deg,#0b1426,#1a1a2e);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem;padding:var(--space-8) var(--space-4)}@media(max-width:768px){.auth-page{padding:1rem .5rem;padding:var(--space-4) var(--space-2)}}@media(max-width:480px){.auth-page{align-items:flex-start;padding:.75rem .25rem;padding:var(--space-3) var(--space-1);padding-top:2rem;padding-top:var(--space-8)}}.auth-container{max-width:420px;width:100%}@media(max-width:480px){.auth-container{max-width:none}}.auth-card{background:#1a1a2e;background:var(--bg-secondary);border:1px solid #21262d;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;box-shadow:var(--shadow-xl);padding:2rem;padding:var(--space-8)}@media(max-width:768px){.auth-card{border-radius:.5rem;border-radius:var(--radius-md);padding:1.5rem;padding:var(--space-6)}}@media(max-width:480px){.auth-card{border-radius:.375rem;border-radius:var(--radius-base);box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0003;box-shadow:var(--shadow-md);padding:1rem;padding:var(--space-4)}}.auth-header{margin-bottom:2rem;margin-bottom:var(--space-8);text-align:center}@media(max-width:480px){.auth-header{margin-bottom:1.5rem;margin-bottom:var(--space-6)}}.auth-header h1{color:#fff;color:var(--text-primary);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-2)}@media(max-width:480px){.auth-header h1{font-size:1.5rem;font-size:var(--text-2xl)}}.auth-header p{color:#c9d1d9;color:var(--text-secondary);font-size:1rem;font-size:var(--text-base);margin:0}@media(max-width:480px){.auth-header p{font-size:.875rem;font-size:var(--text-sm)}}.demo-login-section{margin-bottom:2rem;margin-bottom:var(--space-8)}@media(max-width:480px){.demo-login-section{margin-bottom:1.5rem;margin-bottom:var(--space-6)}}.demo-title{color:#c9d1d9;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:500;margin-bottom:1rem;margin-bottom:var(--space-4);text-align:center}@media(max-width:480px){.demo-title{font-size:.75rem;font-size:var(--text-xs);margin-bottom:.75rem;margin-bottom:var(--space-3)}}.demo-buttons{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}@media(max-width:480px){.demo-buttons{gap:.5rem;gap:var(--space-2)}}.demo-button{align-items:center;background:#0b1426;background:var(--bg-primary);border:1px solid #21262d;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;gap:.75rem;gap:var(--space-3);min-height:60px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-align:left;transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal) var(--ease-out-cubic)}@media(max-width:480px){.demo-button{border-radius:.375rem;border-radius:var(--radius-base);gap:.5rem;gap:var(--space-2);min-height:56px;padding:.75rem;padding:var(--space-3)}}.demo-button:hover:not(:disabled){border-color:#ff6b35;border-color:var(--accent-primary);box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0003;box-shadow:var(--shadow-md);transform:translateY(-1px)}.demo-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.demo-button.admin-demo:hover:not(:disabled){border-color:#ef4444;border-color:var(--error-color);box-shadow:0 4px 12px #ef444433}.demo-button.mod-demo:hover:not(:disabled){border-color:#f59e0b;border-color:var(--warning-color);box-shadow:0 4px 12px #f59e0b33}.demo-icon{flex-shrink:0;font-size:1.25rem;font-size:var(--text-xl)}@media(max-width:480px){.demo-icon{font-size:1.125rem;font-size:var(--text-lg)}}.admin-demo .demo-icon{color:#ef4444;color:var(--error-color)}.user-demo .demo-icon{color:#ff6b35;color:var(--accent-primary)}.mod-demo .demo-icon{color:#f59e0b;color:var(--warning-color)}.demo-text{display:flex;flex-direction:column;gap:.125rem;gap:var(--space-05);min-width:0}.demo-text strong{font-size:.875rem;font-size:var(--text-sm);font-weight:600}@media(max-width:480px){.demo-text strong{font-size:.75rem;font-size:var(--text-xs)}}.demo-text span{color:#8b949e;color:var(--text-muted);font-size:.75rem;font-size:var(--text-xs)}@media(max-width:480px){.demo-text span{font-size:.6875rem}}.divider{align-items:center;display:flex;margin:1.5rem 0;margin:var(--space-6) 0;text-align:center}@media(max-width:480px){.divider{margin:1rem 0;margin:var(--space-4) 0}}.divider:after,.divider:before{background:#21262d;background:var(--border-color);content:"";flex:1 1;height:1px}.divider span{color:#8b949e;color:var(--text-muted);font-size:.875rem;font-size:var(--text-sm);padding:0 1rem;padding:0 var(--space-4)}@media(max-width:480px){.divider span{font-size:.75rem;font-size:var(--text-xs);padding:0 .75rem;padding:0 var(--space-3)}}.auth-form{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6)}@media(max-width:480px){.auth-form{gap:1rem;gap:var(--space-4)}}.success-message{align-items:center;background:#22c55e;background:var(--success-color);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:.5rem;gap:var(--space-2);padding:.75rem;padding:var(--space-3)}.success-message .success-icon{animation:pulse 1.5s ease-in-out infinite}.error-message{background:#ef44441a;background:var(--error-bg);border:1px solid #ef4444;border:1px solid var(--error-color);border-radius:.5rem;border-radius:var(--radius-md);color:#ef4444;color:var(--error-color);font-size:.875rem;font-size:var(--text-sm);padding:.75rem;padding:var(--space-3);text-align:center}.form-group{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}@media(max-width:480px){.form-group{gap:.25rem;gap:var(--space-1)}.form-label{font-size:.75rem;font-size:var(--text-xs)}}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#8b949e;color:var(--text-muted);font-size:1rem;font-size:var(--text-base);left:1rem;left:var(--space-4);position:absolute;z-index:1}@media(max-width:480px){.input-icon{left:.75rem;left:var(--space-3)}}.form-input{font-size:1rem;font-size:var(--text-base);min-height:48px;padding:1rem 1rem 1rem 2.75rem;padding:var(--space-4) var(--space-4) var(--space-4) 2.75rem;width:100%}@media(max-width:480px){.form-input{font-size:.875rem;font-size:var(--text-sm);min-height:44px;padding:.75rem .75rem .75rem 2.25rem;padding:var(--space-3) var(--space-3) var(--space-3) 2.25rem}}.form-input.error{background:#ef44441a;background:var(--error-bg-light);border-color:#ef4444;border-color:var(--error-color)}.password-toggle{background:none;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#8b949e;color:var(--text-muted);cursor:pointer;min-height:32px;min-width:32px;padding:.5rem;padding:var(--space-2);position:absolute;right:1rem;right:var(--space-4);transition:color .12s;transition:color var(--duration-fast)}@media(max-width:480px){.password-toggle{min-height:28px;min-width:28px;right:.75rem;right:var(--space-3)}}.password-toggle:hover{background:#ffffff0f;background:var(--hover-color);color:#fff;color:var(--text-primary)}.field-error{color:#ef4444;color:var(--error-color);font-size:.875rem;font-size:var(--text-sm)}@media(max-width:480px){.field-error{font-size:.75rem;font-size:var(--text-xs)}}.checkbox-label{align-items:center;color:#c9d1d9;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.75rem;gap:var(--space-3)}@media(max-width:480px){.checkbox-label{font-size:.75rem;font-size:var(--text-xs);gap:.5rem;gap:var(--space-2)}}.checkbox-input{-webkit-appearance:none;appearance:none;border:2px solid #21262d;border:2px solid var(--border-color);border-radius:.25rem;border-radius:var(--radius-sm);cursor:pointer;height:18px;position:relative;transition:all .12s;transition:all var(--duration-fast);width:18px}@media(max-width:480px){.checkbox-input{height:16px;width:16px}}.checkbox-input:checked{background:#ff6b35;background:var(--accent-primary);border-color:#ff6b35;border-color:var(--accent-primary)}.checkbox-input:checked:after{color:#fff;content:"✓";font-size:.75rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media(max-width:480px){.checkbox-input:checked:after{font-size:.6875rem}}.auth-button{align-items:center;display:flex;font-size:1rem;font-size:var(--text-base);gap:.5rem;gap:var(--space-2);justify-content:center;margin-top:1rem;margin-top:var(--space-4);min-height:48px;width:100%}@media(max-width:480px){.auth-button{font-size:.875rem;font-size:var(--text-sm);margin-top:.75rem;margin-top:var(--space-3);min-height:44px}}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:1rem;width:1rem}.auth-footer{border-top:1px solid #21262d;border-top:1px solid var(--border-color);margin-top:2rem;margin-top:var(--space-8);padding-top:1.5rem;padding-top:var(--space-6);text-align:center}@media(max-width:480px){.auth-footer{margin-top:1.5rem;margin-top:var(--space-6);padding-top:1rem;padding-top:var(--space-4)}}.auth-footer p{color:#c9d1d9;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);margin:0 0 .5rem;margin:0 0 var(--space-2) 0}@media(max-width:480px){.auth-footer p{font-size:.75rem;font-size:var(--text-xs)}}.auth-link{color:#ff6b35;color:var(--accent-primary);font-weight:500;text-decoration:none;transition:color .12s;transition:color var(--duration-fast)}.auth-link:hover{color:#4ecdc4;color:var(--accent-secondary)}.forgot-link{display:block;font-size:.875rem;font-size:var(--text-sm);margin-top:1rem;margin-top:var(--space-4)}@media(max-width:480px){.forgot-link{font-size:.75rem;font-size:var(--text-xs);margin-top:.75rem;margin-top:var(--space-3)}}.auth-help{border-top:1px solid #21262d;border-top:1px solid var(--border-color);margin-top:2rem;margin-top:var(--space-8);padding-top:1rem;padding-top:var(--space-4)}@media(max-width:480px){.auth-help{margin-top:1.5rem;margin-top:var(--space-6);padding-top:.75rem;padding-top:var(--space-3)}}.help-text{color:#8b949e;color:var(--text-muted);font-size:.875rem;font-size:var(--text-sm);margin:0 0 .5rem;margin:0 0 var(--space-2) 0}@media(max-width:480px){.help-text{font-size:.75rem;font-size:var(--text-xs)}}.help-links{align-items:center;display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-2);justify-content:center}@media(max-width:480px){.help-links{flex-direction:column;font-size:.75rem;font-size:var(--text-xs);gap:.25rem;gap:var(--space-1)}}.help-link{color:#c9d1d9;color:var(--text-secondary);text-decoration:none;transition:color .12s;transition:color var(--duration-fast)}.help-link:hover{color:#ff6b35;color:var(--accent-primary)}.separator{color:#8b949e;color:var(--text-muted)}@media(max-width:480px){.separator{display:none}}@media(prefers-reduced-motion:reduce){.checkbox-input,.demo-button,.form-input,.password-toggle{transition:none}.loading-spinner,.success-icon{animation:none}}@media(prefers-contrast:high){.auth-card,.checkbox-input,.demo-button,.form-input{border-width:2px}.checkbox-input:focus,.demo-button:focus-visible,.form-input:focus{outline:2px solid #3b82f64d;outline:2px solid var(--focus-ring-color);outline-offset:2px}}.feed-card-base,.topic-card{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #30363d;border:1px solid var(--card-border,#30363d);border-left:3px solid #0000;border-radius:.25rem;border-radius:var(--radius-sm,.25rem);position:relative;transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal,.25s) var(--ease-out-cubic,ease-out)}.feed-card-base:hover,.topic-card:hover{border-color:#30363d;border-color:var(--border-muted,#30363d);box-shadow:0 1px 3px 0 #0006,0 1px 2px 0 #0003;box-shadow:var(--shadow-base,0 1px 3px 0 #0006,0 1px 2px 0 #0003);transform:translateY(-1px)}.featured.topic-card,.feed-card-base.featured,.feed-card-base:hover,.topic-card:hover{border-left-color:#ff6b35;border-left-color:var(--accent-primary,#ff6b35)}.feed-card-base.pinned,.pinned.topic-card{border-left-color:#4ecdc4;border-left-color:var(--accent-secondary,#4ecdc4)}.forum-page{background:#0b1426;background:var(--bg-primary);color:#fff;color:var(--text-primary);margin:0 auto;max-width:1200px;min-height:100vh;padding:1rem .5rem;padding:var(--space-4) var(--space-2)}@media(max-width:768px){.forum-page{padding:.5rem .25rem;padding:var(--space-2) var(--space-1)}}.forum-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);justify-content:center;min-height:60vh}.forum-loading p{color:#8b949e;color:var(--text-muted);font-size:1.125rem;font-size:var(--text-lg)}.forum-header{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.forum-header__content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4)}@media(max-width:768px){.forum-header__content{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--space-3)}}.forum-header__info{flex:1 1;min-width:0}.forum-header__title{color:#fff;color:var(--text-primary);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;line-height:1.2;margin:0 0 .5rem;margin:0 0 var(--space-2) 0}@media(max-width:768px){.forum-header__title{font-size:1.5rem;font-size:var(--text-2xl)}}.forum-header__subtitle{color:#c9d1d9;color:var(--text-secondary);font-size:1rem;font-size:var(--text-base);margin:0}.forum-header__subtitle .result-count{color:#ff6b35;color:var(--accent-primary);font-weight:600}.forum-header__create-btn{align-items:center;background:#ff6b35;background:var(--accent-primary);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);color:#fff;display:inline-flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;gap:.5rem;gap:var(--space-2);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-decoration:none;transition:all .12s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-fast) var(--ease-out-cubic);white-space:nowrap}.forum-header__create-btn:hover{background:#e55a2b;background:var(--primary-color-dark);box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0003;box-shadow:var(--shadow-md);transform:translateY(-1px)}.forum-header__create-btn svg{height:18px;width:18px}@media(max-width:768px){.forum-header__create-btn{align-self:stretch;justify-content:center;padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}}.forum-header__search{max-width:600px;width:100%}@media(max-width:768px){.forum-header__search{max-width:none}}.forum-filters{align-items:center;display:flex;gap:1rem;gap:var(--space-4);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6)}@media(max-width:768px){.forum-filters{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--space-3)}}.filter-tabs{align-items:center;background:#1a1a2e;background:var(--bg-secondary);border:1px solid #21262d;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;gap:.25rem;gap:var(--space-1);padding:.25rem;padding:var(--space-1)}@media(max-width:768px){.filter-tabs{justify-content:space-between;width:100%}}.filter-tab{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#c9d1d9;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:.5rem;gap:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .12s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-fast) var(--ease-out-cubic);white-space:nowrap}.filter-tab:hover{background:#ffffff0f;background:var(--hover-color);color:#fff;color:var(--text-primary)}.filter-tab.active{background:#ff6b35;background:var(--accent-primary);box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);color:#fff}.filter-tab__icon{font-size:1rem;font-size:var(--text-base)}@media(max-width:480px){.filter-tab__label{display:none}}@media(max-width:768px){.filter-tab{justify-content:center;min-width:50px;padding:.5rem;padding:var(--space-2)}}.category-toggle{align-items:center;background:#1a1a2e;background:var(--bg-secondary);border:1px solid #21262d;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#c9d1d9;color:var(--text-secondary);cursor:pointer;display:none;font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:.5rem;gap:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .12s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-fast) var(--ease-out-cubic)}.category-toggle:hover{background:#16213e;background:var(--bg-tertiary);border-color:#30363d;border-color:var(--border-muted);color:#fff;color:var(--text-primary)}.category-toggle svg{height:18px;width:18px}@media(max-width:1024px){.category-toggle{display:flex}}.forum-content{width:100%}.forum-layout{grid-gap:1.5rem;grid-gap:var(--space-6);align-items:start;display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:1fr 300px}@media(max-width:1200px){.forum-layout{gap:1.25rem;gap:var(--space-5);grid-template-columns:1fr 280px}}@media(max-width:1024px){.forum-layout{gap:1rem;gap:var(--space-4);grid-template-columns:1fr}}.forum-feed{min-height:400px}.topic-feed{flex-direction:column}.topic-card,.topic-feed{display:flex;gap:.75rem;gap:var(--space-3)}.topic-card{overflow:hidden;padding:1rem;padding:var(--space-4);position:relative}.topic-card:hover{border-left-width:3px;transform:none}@media(max-width:768px){.topic-card{gap:.5rem;gap:var(--space-2);padding:.75rem;padding:var(--space-3)}}@media(max-width:480px){.topic-card{align-items:flex-start;flex-direction:row;gap:.5rem;gap:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}}@media(max-width:360px){.topic-card{gap:.25rem;gap:var(--space-1);padding:.5rem;padding:var(--space-2)}}.topic-card__votes{align-items:flex-start;display:flex;flex-shrink:0;padding-top:.25rem;padding-top:var(--space-1)}@media(max-width:480px){.topic-card__votes{align-items:center;margin-right:.5rem;margin-right:var(--space-2);padding-top:0}}@media(max-width:360px){.topic-card__votes{margin-right:.25rem;margin-right:var(--space-1)}}.topic-card__content{flex:1 1;flex-direction:column;min-width:0}.topic-card__content,.topic-card__header{display:flex;gap:.5rem;gap:var(--space-2)}.topic-card__header{align-items:center;flex-wrap:wrap}.category-badge{align-items:center;background:#ff6b351a;border:1px solid #ff6b35;border:1px solid var(--category-color,var(--accent-primary));border-radius:9999px;border-radius:var(--radius-full);color:#ff6b35;color:var(--category-color,var(--accent-primary));display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:600;gap:.25rem;gap:var(--space-1);letter-spacing:.5px;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);text-decoration:none;text-transform:uppercase;transition:all .12s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-fast) var(--ease-out-cubic)}.category-badge:hover{background:#ff6b35;background:var(--category-color,var(--accent-primary));color:#fff;transform:translateY(-1px)}.category-badge__icon{font-size:.75rem;font-size:var(--text-xs)}.topic-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-1)}.topic-badge{border-radius:.25rem;border-radius:var(--radius-sm);font-size:.75rem;font-size:var(--text-xs);font-weight:500;padding:2px .25rem;padding:2px var(--space-1);white-space:nowrap}.topic-badge--pinned{background:#4ecdc41a;border:1px solid #4ecdc4;border:1px solid var(--accent-secondary);color:#4ecdc4;color:var(--accent-secondary)}.topic-badge--featured{background:#ff6b351a;border:1px solid #ff6b35;border:1px solid var(--accent-primary);color:#ff6b35;color:var(--accent-primary)}.topic-badge--resolved{background:#22c55e1a;border:1px solid #22c55e;border:1px solid var(--success-color);color:#22c55e;color:var(--success-color)}.topic-card__title{font-size:1.125rem;font-size:var(--text-lg);font-weight:600;line-height:1.4;margin:0}@media(max-width:768px){.topic-card__title{font-size:1rem;font-size:var(--text-base)}}.topic-card__title-link{color:#fff;color:var(--text-primary);text-decoration:none;transition:color .12s cubic-bezier(.215,.61,.355,1);transition:color var(--duration-fast) var(--ease-out-cubic)}.topic-card__title-link:hover{color:#ff6b35;color:var(--accent-primary)}.topic-card__preview,.topic-card__title-link:visited{color:#c9d1d9;color:var(--text-secondary)}.topic-card__preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.875rem;font-size:var(--text-sm);line-height:1.5;margin:0;overflow:hidden}@media(max-width:768px){.topic-card__preview{-webkit-line-clamp:1}}.topic-card__meta{margin-top:auto}.topic-meta{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);justify-content:space-between}@media(max-width:768px){.topic-meta{align-items:stretch;flex-direction:column;gap:.5rem;gap:var(--space-2)}}@media(max-width:480px){.topic-meta{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.25rem;gap:var(--space-1);justify-content:space-between}}.topic-meta__author{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.topic-meta__author .author-avatar{border-radius:9999px;border-radius:var(--radius-full);height:24px;object-fit:cover;width:24px}.topic-meta__author .author-name{color:#c9d1d9;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color .12s cubic-bezier(.215,.61,.355,1);transition:color var(--duration-fast) var(--ease-out-cubic)}.topic-meta__author .author-name:hover{color:#ff6b35;color:var(--accent-primary)}.topic-meta__author .author-reputation{color:#8b949e;color:var(--text-muted);font-size:.75rem;font-size:var(--text-xs)}.topic-meta__stats{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}@media(max-width:768px){.topic-meta__stats{justify-content:space-between}}@media(max-width:480px){.topic-meta__stats{flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}}@media(max-width:360px){.topic-meta__stats{gap:.25rem;gap:var(--space-1)}}.stat-item{color:#8b949e;color:var(--text-muted);font-size:.75rem;font-size:var(--text-xs);font-weight:500;gap:.25rem;gap:var(--space-1)}.stat-item svg{height:14px;opacity:.7;width:14px}.forum-sidebar{max-height:calc(100vh - 2rem);max-height:calc(100vh - var(--space-8));overflow-y:auto;position:-webkit-sticky;position:sticky;top:1rem;top:var(--space-4)}.forum-sidebar::-webkit-scrollbar{width:4px}.forum-sidebar::-webkit-scrollbar-track{background:#1a1a2e;background:var(--bg-secondary);border-radius:.25rem;border-radius:var(--radius-sm)}.forum-sidebar::-webkit-scrollbar-thumb{background:#30363d;background:var(--border-muted);border-radius:.25rem;border-radius:var(--radius-sm)}@media(max-width:1024px){.forum-sidebar{max-height:none;overflow-y:visible;position:static}.forum-sidebar.collapsed{display:none}}.sidebar-content{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.sidebar-widget{background:#1a1a2e;background:var(--bg-secondary);border:1px solid #21262d;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm);padding:1rem;padding:var(--space-4)}@media(max-width:768px){.sidebar-widget{padding:.75rem;padding:var(--space-3)}}.widget-title{align-items:center;color:#fff;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;margin:0 0 .75rem;margin:0 0 var(--space-3) 0}.widget-stats,.widget-title{display:flex;gap:.5rem;gap:var(--space-2)}.widget-stats{flex-direction:column}.stat-row{align-items:center;display:flex;justify-content:space-between;padding:.25rem 0;padding:var(--space-1) 0}.stat-row .stat-label{color:#c9d1d9;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm)}.stat-row .stat-value{color:#fff;color:var(--text-primary);font-size:.875rem;font-size:var(--text-sm);font-weight:600}.category-list{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.category-item{align-items:center;background:#0000;border:none;border-left:3px solid #0000;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);text-align:left;transition:all .12s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-fast) var(--ease-out-cubic)}.category-item:hover{background:#ffffff0f;background:var(--hover-color)}.category-item.active,.category-item:hover{border-left-color:#ff6b35;border-left-color:var(--category-color,var(--accent-primary))}.category-item.active{background:#ff6b351a;background:var(--accent-bg-light);color:#ff6b35;color:var(--accent-primary)}.category-item.active .category-name{font-weight:600}.category-item .category-icon{font-size:1rem;font-size:var(--text-base);margin-right:.5rem;margin-right:var(--space-2)}.category-item .category-name{color:#fff;color:var(--text-primary);flex:1 1;font-size:.875rem;font-size:var(--text-sm);font-weight:500}.category-item .category-count{background:#16213e;background:var(--bg-tertiary);border-radius:9999px;border-radius:var(--radius-full);color:#8b949e;color:var(--text-muted);font-size:.75rem;font-size:var(--text-xs);font-weight:600;min-width:20px;padding:2px .25rem;padding:2px var(--space-1);text-align:center}.quick-actions{flex-direction:column}.action-btn,.quick-actions{display:flex;gap:.5rem;gap:var(--space-2)}.action-btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-size:var(--text-sm);font-weight:600;justify-content:center;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-decoration:none;transition:all .12s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-fast) var(--ease-out-cubic)}.action-btn svg{height:16px;width:16px}.action-btn--primary{background:#ff6b35;background:var(--accent-primary);color:#fff}.action-btn--primary:hover{background:#e55a2b;background:var(--primary-color-dark);box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0003;box-shadow:var(--shadow-md);transform:translateY(-1px)}.action-btn--secondary{background:#16213e;background:var(--bg-tertiary);border:1px solid #21262d;border:1px solid var(--border-color);color:#fff;color:var(--text-primary)}.action-btn--secondary:hover{background:#0f3460;background:var(--bg-elevated);border-color:#30363d;border-color:var(--border-muted)}.tag-cloud{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-1)}.tag-item{background:#16213e;background:var(--bg-tertiary);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#ff6b35;color:var(--accent-primary);cursor:pointer;font-size:.75rem;font-size:var(--text-xs);font-weight:500;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);transition:all .12s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-fast) var(--ease-out-cubic)}.tag-item:hover{background:#ff6b35;background:var(--accent-primary);color:#fff;transform:translateY(-1px)}.forum-error{display:flex;justify-content:center;padding:2rem 1rem;padding:var(--space-8) var(--space-4)}.forum-error .error-content{max-width:400px;text-align:center}.forum-error .error-content h3{color:#ef4444;color:var(--error-color);font-size:1.25rem;font-size:var(--text-xl);margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.forum-error .error-content p{color:#c9d1d9;color:var(--text-secondary);margin:0 0 1rem;margin:0 0 var(--space-4) 0}.forum-error .error-content .retry-btn{background:#ff6b35;background:var(--accent-primary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .12s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-fast) var(--ease-out-cubic)}.forum-error .error-content .retry-btn:hover{background:#e55a2b;background:var(--primary-color-dark);transform:translateY(-1px)}.forum-empty{display:flex;justify-content:center;padding:2rem 1rem;padding:var(--space-8) var(--space-4)}.forum-empty .empty-state{max-width:500px;text-align:center}.forum-empty .empty-state__icon{font-size:3rem;font-size:var(--text-5xl);margin-bottom:1rem;margin-bottom:var(--space-4)}.forum-empty .empty-state__title{color:#fff;color:var(--text-primary);font-size:1.5rem;font-size:var(--text-2xl);font-weight:600;margin:0 0 .75rem;margin:0 0 var(--space-3) 0}.forum-empty .empty-state__description{color:#c9d1d9;color:var(--text-secondary);font-size:1rem;font-size:var(--text-base);line-height:1.6;margin:0 0 1.5rem;margin:0 0 var(--space-6) 0}.forum-empty .empty-state__action{align-items:center;background:#ff6b35;background:var(--accent-primary);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:inline-flex;font-weight:600;gap:.5rem;gap:var(--space-2);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all .12s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-fast) var(--ease-out-cubic)}.forum-empty .empty-state__action:hover{background:#e55a2b;background:var(--primary-color-dark);box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0003;box-shadow:var(--shadow-md);transform:translateY(-1px)}.forum-pagination{align-items:center;display:flex;gap:.5rem;gap:var(--space-2);justify-content:center;margin-top:2rem;margin-top:var(--space-8);padding:1rem 0;padding:var(--space-4) 0}@media(max-width:768px){.forum-pagination{flex-wrap:wrap;gap:.25rem;gap:var(--space-1)}}.pagination-pages{align-items:center;display:flex;gap:.25rem;gap:var(--space-1)}@media(max-width:480px){.pagination-pages{display:none}}.pagination-btn{background:#1a1a2e;background:var(--bg-secondary);border:1px solid #21262d;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-size:var(--text-sm);font-weight:500;min-width:40px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);text-align:center;transition:all .12s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-fast) var(--ease-out-cubic)}.pagination-btn:hover{background:#16213e;background:var(--bg-tertiary);border-color:#30363d;border-color:var(--border-muted)}.pagination-btn.active{background:#ff6b35;background:var(--accent-primary);border-color:#ff6b35;border-color:var(--accent-primary);color:#fff;font-weight:600}.pagination-btn--next,.pagination-btn--prev{font-weight:600;padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}@media(max-width:768px){.pagination-btn--next,.pagination-btn--prev{flex:1 1}}@media(max-width:1024px){.forum-sidebar{order:-1}}@media(max-width:768px){.forum-page{padding:.5rem .25rem;padding:var(--space-2) var(--space-1)}.forum-header{margin-bottom:1rem;margin-bottom:var(--space-4)}.forum-header__content{gap:.5rem;gap:var(--space-2)}.forum-filters{margin-bottom:1rem;margin-bottom:var(--space-4)}.forum-layout{gap:.75rem;gap:var(--space-3)}.topic-feed{gap:.5rem;gap:var(--space-2)}}@media(max-width:480px){.forum-page{padding:.25rem;padding:var(--space-1)}.topic-card{padding:.5rem;padding:var(--space-2)}.topic-card__content{gap:.25rem;gap:var(--space-1)}.sidebar-widget{padding:.5rem;padding:var(--space-2)}.filter-tab{padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.filter-tab__label{display:none}}[data-theme=light] .topic-card:hover{box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0003;box-shadow:var(--shadow-md)}[data-theme=light] .category-badge{background:#ff6b3514}[data-theme=light] .topic-badge--pinned{background:#4ecdc414}[data-theme=light] .topic-badge--featured{background:#ff6b3514}[data-theme=light] .topic-badge--resolved{background:#22c55e14}[data-theme=light] .sidebar-widget{box-shadow:0 1px 3px 0 #0006,0 1px 2px 0 #0003;box-shadow:var(--shadow-base)}@media(prefers-contrast:high){.category-badge,.tag-item,.topic-badge,.topic-card{border-width:2px}.filter-tab.active{outline:2px solid currentColor;outline-offset:2px}}@media(prefers-reduced-motion:reduce){.action-btn,.category-item,.filter-tab,.pagination-btn,.topic-card{transition:none}.action-btn:hover,.forum-header__create-btn:hover{transform:none}}@media print{.forum-filters,.forum-header__create-btn,.forum-pagination,.forum-sidebar{display:none}.forum-layout{grid-template-columns:1fr}.topic-card{border:1px solid #ccc;break-inside:avoid;margin-bottom:1rem;page-break-inside:avoid}}.blog-page .main-content .posts-section .section-header .create-post-btn,.btn-base{align-items:center;border:1px solid #0000;border-radius:.375rem;border-radius:var(--radius-base,.375rem);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:.5rem;gap:var(--space-2,.5rem);justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal,.25s) var(--ease-out-cubic,ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.blog-page .main-content .posts-section .section-header .create-post-btn:focus-visible,.btn-base:focus-visible{box-shadow:0 0 0 2px #3b82f64d;box-shadow:0 0 0 var(--focus-ring-width,2px) var(--focus-ring-color,#3b82f64d);outline:none}.blog-page .main-content .posts-section .section-header .create-post-btn:disabled,.btn-base:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.blog-page .main-content .posts-section .section-header .create-post-btn:active,.btn-base:active{transform:scale(.98)}.blog-page .main-content .featured-section .featured-grid .featured-card,.blog-page .main-content .posts-section .posts-grid .post-card,.card-base{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #30363d;border:1px solid var(--card-border,#30363d);border-radius:.5rem;border-radius:var(--radius-md,.5rem);position:relative;transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal,.25s) var(--ease-out-cubic,ease-out)}.blog-page .main-content .featured-section .featured-grid .featured-card:hover,.blog-page .main-content .posts-section .posts-grid .post-card:hover,.card-base:hover{border-color:#30363d;border-color:var(--border-muted,#30363d);box-shadow:0 1px 3px 0 #0006,0 1px 2px 0 #0003;box-shadow:var(--shadow-base,0 1px 3px 0 #0006,0 1px 2px 0 #0003)}.blog-page .main-content .filters-section .filter-select,.input-base{background:#0b1426;background:var(--bg-primary,#0b1426);border:1px solid #21262d;border:1px solid var(--border-color,#21262d);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#fff;color:var(--text-primary,#fff);font-family:inherit;font-size:.875rem;font-size:var(--text-sm,.875rem);position:relative;transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal,.25s) var(--ease-out-cubic,ease-out);width:100%}.blog-page .main-content .filters-section .filter-select:focus,.input-base:focus{border-color:#ff6b35;border-color:var(--accent-primary,#ff6b35);box-shadow:0 0 0 2px #3b82f64d;box-shadow:0 0 0 var(--focus-ring-width,2px) var(--focus-ring-color,#3b82f64d);outline:none}.blog-page .main-content .filters-section .filter-select:hover:not(:focus),.input-base:hover:not(:focus){border-color:#8b949e;border-color:var(--text-muted,#8b949e)}.blog-page .main-content .filters-section .filter-select::placeholder,.input-base::placeholder{color:#8b949e;color:var(--text-muted,#8b949e)}.blog-page .main-content .filters-section .filter-select:disabled,.input-base:disabled{background:#16213e;background:var(--bg-tertiary,#16213e);cursor:not-allowed;opacity:.5}@media(prefers-contrast:high){:root{--focus-ring-width:3px}.blog-page .main-content .posts-section .section-header .create-post-btn:focus-visible,.btn-base:focus-visible{outline:2px solid currentColor;outline-offset:2px}.blog-page .main-content .featured-section .featured-grid .featured-card:hover,.blog-page .main-content .posts-section .posts-grid .post-card:hover,.card-base:hover{border-width:2px}}.blog-page{background:#0b1426;background:var(--bg-primary);color:#fff;color:var(--text-primary);min-height:100vh}.blog-page .hero-section{background:linear-gradient(135deg,#ff6b35,#4ecdc4);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;overflow:hidden;padding:4rem 0;padding:var(--space-16) 0;position:relative}.blog-page .hero-section:before{background:#0000001a;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.blog-page .hero-section .container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--space-4);position:relative;z-index:2}.blog-page .hero-section .container .hero-content{margin:0 auto;max-width:800px;text-align:center}.blog-page .hero-section .container .hero-content .hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--space-4)}.blog-page .hero-section .container .hero-content .hero-subtitle{font-size:clamp(1.125rem,3vw,1.5rem);margin-bottom:2rem;margin-bottom:var(--space-8);opacity:.9}.blog-page .hero-section .container .hero-content .search-container{margin:0 auto;max-width:400px}.blog-page .hero-section .container .hero-content .search-container .search-wrapper{position:relative}.blog-page .hero-section .container .hero-content .search-container .search-wrapper .search-input{background:#fff;border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0003;box-shadow:var(--shadow-lg);color:#fff;color:var(--text-primary);font-size:1rem;font-size:var(--text-base);padding:.75rem 1rem .75rem 3rem;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-12);transition:all .25s ease;transition:all var(--duration-normal) ease;width:100%}.blog-page .hero-section .container .hero-content .search-container .search-wrapper .search-input:focus{box-shadow:0 0 0 3px #ffffff4d,0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;box-shadow:0 0 0 3px #ffffff4d,var(--shadow-xl);outline:none}.blog-page .hero-section .container .hero-content .search-container .search-wrapper .search-input::placeholder{color:#8b949e;color:var(--text-muted)}.blog-page .hero-section .container .hero-content .search-container .search-wrapper .search-icon{color:#8b949e;color:var(--text-muted);height:20px;left:1rem;left:var(--space-4);position:absolute;top:50%;transform:translateY(-50%);width:20px}.blog-page .main-content .container{margin:0 auto;max-width:1200px;padding:3rem 1rem;padding:var(--space-12) var(--space-4)}.blog-page .main-content .featured-section{margin-bottom:4rem;margin-bottom:var(--space-16)}.blog-page .main-content .featured-section .section-title{color:#fff;color:var(--text-primary);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;margin-bottom:2rem;margin-bottom:var(--space-8)}.blog-page .main-content .featured-section .featured-grid{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media(max-width:1024px){.blog-page .main-content .featured-section .featured-grid{gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:768px){.blog-page .main-content .featured-section .featured-grid{gap:1rem;gap:var(--space-4);grid-template-columns:1fr}}.blog-page .main-content .featured-section .featured-grid .featured-card{overflow:hidden;transition:all .25s ease;transition:all var(--duration-normal) ease}.blog-page .main-content .featured-section .featured-grid .featured-card:hover{box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.blog-page .main-content .featured-section .featured-grid .featured-card .card-image{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#ff6b35,#4ecdc4);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;display:flex;justify-content:center;position:relative}.blog-page .main-content .featured-section .featured-grid .featured-card .card-image img{height:100%;object-fit:cover;width:100%}.blog-page .main-content .featured-section .featured-grid .featured-card .card-image .placeholder-content{padding:1.5rem;padding:var(--space-6);text-align:center}.blog-page .main-content .featured-section .featured-grid .featured-card .card-image .placeholder-content .placeholder-icon{height:48px;margin:0 auto .5rem;margin:0 auto var(--space-2);opacity:.8;width:48px}.blog-page .main-content .featured-section .featured-grid .featured-card .card-image .placeholder-content .placeholder-text{font-size:.875rem;font-size:var(--text-sm);opacity:.8}.blog-page .main-content .featured-section .featured-grid .featured-card .card-content{padding:1.5rem;padding:var(--space-6)}.blog-page .main-content .featured-section .featured-grid .featured-card .card-content .card-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);margin-bottom:.75rem;margin-bottom:var(--space-3)}.blog-page .main-content .featured-section .featured-grid .featured-card .card-content .card-badges .featured-badge{align-items:center;background:#f59e0b1a;background:var(--warning-bg);border-radius:9999px;border-radius:var(--radius-full);color:#f59e0b;color:var(--warning-color);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:.25rem;gap:var(--space-1);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.blog-page .main-content .featured-section .featured-grid .featured-card .card-content .card-badges .category-badge{background:#3b82f61a;background:var(--info-bg);border-radius:9999px;border-radius:var(--radius-full);color:#3b82f6;color:var(--info-color);font-size:.875rem;font-size:var(--text-sm);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.blog-page .main-content .featured-section .featured-grid .featured-card .card-content .card-title{color:#fff;color:var(--text-primary);display:block;font-size:1.25rem;font-size:var(--text-xl);font-weight:600;line-height:1.4;margin-bottom:.75rem;margin-bottom:var(--space-3);text-decoration:none;transition:color .12s ease;transition:color var(--duration-fast) ease}.blog-page .main-content .featured-section .featured-grid .featured-card .card-content .card-title:hover{color:#ff6b35;color:var(--accent-primary)}.blog-page .main-content .featured-section .featured-grid .featured-card .card-content .card-excerpt{color:#c9d1d9;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;margin-bottom:var(--space-4)}.blog-page .main-content .featured-section .featured-grid .featured-card .card-content .card-meta{align-items:center;color:#8b949e;color:var(--text-muted);display:flex;font-size:.875rem;font-size:var(--text-sm);justify-content:space-between}.blog-page .main-content .featured-section .featured-grid .featured-card .card-content .card-meta .meta-author{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.blog-page .main-content .featured-section .featured-grid .featured-card .card-content .card-meta .meta-author .author-avatar{align-items:center;background:#16213e;background:var(--bg-tertiary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:flex;font-size:.75rem;font-size:var(--text-xs);font-weight:700;height:32px;justify-content:center;width:32px}.blog-page .main-content .featured-section .featured-grid .featured-card .card-content .card-meta .meta-date{font-size:.875rem;font-size:var(--text-sm)}.blog-page .main-content .filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);margin-bottom:2rem;margin-bottom:var(--space-8)}.blog-page .main-content .filters-section .filter-label{color:#fff;color:var(--text-primary);font-weight:500}.blog-page .main-content .filters-section .filter-select{min-width:200px;padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.blog-page .main-content .filters-section .search-info{color:#c9d1d9;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm)}.blog-page .main-content .posts-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-8)}.blog-page .main-content .posts-section .section-header .section-title{color:#fff;color:var(--text-primary);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700}.blog-page .main-content .posts-section .section-header .create-post-btn{align-items:center;background:#ff6b35;background:var(--accent-primary);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:flex;font-weight:500;gap:.5rem;gap:var(--space-2);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);text-decoration:none}.blog-page .main-content .posts-section .section-header .create-post-btn:hover{background:#4ecdc4;background:var(--accent-secondary);transform:translateY(-1px)}.blog-page .main-content .posts-section .section-header .create-post-btn .btn-icon{height:20px;width:20px}.blog-page .main-content .posts-section .posts-grid{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media(max-width:1200px){.blog-page .main-content .posts-section .posts-grid{gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(max-width:1024px){.blog-page .main-content .posts-section .posts-grid{gap:1.25rem;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:768px){.blog-page .main-content .posts-section .posts-grid{gap:1rem;gap:var(--space-4);grid-template-columns:1fr}}.blog-page .main-content .posts-section .posts-grid .post-card{overflow:hidden;transition:all .25s ease;transition:all var(--duration-normal) ease}.blog-page .main-content .posts-section .posts-grid .post-card:hover{box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0003;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.blog-page .main-content .posts-section .posts-grid .post-card .card-image{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#16213e,#1a1a2e);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));color:#8b949e;color:var(--text-muted);display:flex;justify-content:center}.blog-page .main-content .posts-section .posts-grid .post-card .card-image img{height:100%;object-fit:cover;width:100%}.blog-page .main-content .posts-section .posts-grid .post-card .card-image .placeholder-icon{height:48px;margin-bottom:.5rem;margin-bottom:var(--space-2);opacity:.8;width:48px}.blog-page .main-content .posts-section .posts-grid .post-card .card-content{padding:1.5rem;padding:var(--space-6)}.blog-page .main-content .posts-section .posts-grid .post-card .card-content .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--space-3)}.blog-page .main-content .posts-section .posts-grid .post-card .card-content .card-header .category-badge{background:#3b82f61a;background:var(--info-bg);border-radius:9999px;border-radius:var(--radius-full);color:#3b82f6;color:var(--info-color);font-size:.875rem;font-size:var(--text-sm);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.blog-page .main-content .posts-section .posts-grid .post-card .card-content .card-header .card-stats{align-items:center;color:#8b949e;color:var(--text-muted);display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.75rem;gap:var(--space-3)}.blog-page .main-content .posts-section .posts-grid .post-card .card-content .card-header .card-stats .stat-item{align-items:center;display:flex;gap:.25rem;gap:var(--space-1)}.blog-page .main-content .posts-section .posts-grid .post-card .card-content .card-header .card-stats .stat-item .stat-icon{height:16px;width:16px}.blog-page .main-content .posts-section .posts-grid .post-card .card-content .card-title{color:#fff;color:var(--text-primary);display:block;font-size:1.25rem;font-size:var(--text-xl);font-weight:600;line-height:1.4;margin-bottom:.75rem;margin-bottom:var(--space-3);text-decoration:none;transition:color .12s ease;transition:color var(--duration-fast) ease}.blog-page .main-content .posts-section .posts-grid .post-card .card-content .card-title:hover{color:#ff6b35;color:var(--accent-primary)}.blog-page .main-content .posts-section .posts-grid .post-card .card-content .card-excerpt{color:#c9d1d9;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;margin-bottom:var(--space-4)}.blog-page .main-content .posts-section .posts-grid .post-card .card-content .card-tags{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-1);margin-bottom:1rem;margin-bottom:var(--space-4)}.blog-page .main-content .posts-section .posts-grid .post-card .card-content .card-tags .tag{background:#16213e;background:var(--bg-tertiary);border-radius:.25rem;border-radius:var(--radius-sm);color:#c9d1d9;color:var(--text-secondary);font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-family:var(--font-mono);font-size:.75rem;font-size:var(--text-xs);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.blog-page .main-content .posts-section .posts-grid .post-card .card-content .card-footer{align-items:center;color:#8b949e;color:var(--text-muted);display:flex;font-size:.875rem;font-size:var(--text-sm);justify-content:space-between}.blog-page .main-content .posts-section .posts-grid .post-card .card-content .card-footer .footer-author{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.blog-page .main-content .posts-section .posts-grid .post-card .card-content .card-footer .footer-author .author-avatar{align-items:center;background:#16213e;background:var(--bg-tertiary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:flex;font-size:.75rem;font-size:var(--text-xs);font-weight:700;height:32px;justify-content:center;width:32px}.blog-page .main-content .posts-section .posts-grid .post-card .card-content .card-footer .footer-meta{text-align:right}.blog-page .main-content .posts-section .posts-grid .post-card .card-content .card-footer .footer-meta .meta-date{display:block}.blog-page .main-content .posts-section .posts-grid .post-card .card-content .card-footer .footer-meta .meta-read-time{font-size:.75rem;font-size:var(--text-xs);margin-top:.25rem;margin-top:var(--space-1)}.blog-page .main-content .loading-section{padding:3rem 0;padding:var(--space-12) 0;text-align:center}.blog-page .main-content .loading-section .loading-spinner{animation:spin 1s linear infinite;border:3px solid #16213e;border-top:3px solid #ff6b35;border:3px solid var(--bg-tertiary);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--accent-primary);height:48px;margin:0 auto 1rem;margin:0 auto var(--space-4);width:48px}.blog-page .main-content .loading-section .loading-text{color:#c9d1d9;color:var(--text-secondary)}.blog-page .main-content .empty-state{padding:4rem 0;padding:var(--space-16) 0;text-align:center}.blog-page .main-content .empty-state .empty-icon{color:#8b949e;color:var(--text-muted);height:64px;margin:0 auto 1rem;margin:0 auto var(--space-4);width:64px}.blog-page .main-content .empty-state .empty-title{color:#fff;color:var(--text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-2)}.blog-page .main-content .empty-state .empty-description{color:#c9d1d9;color:var(--text-secondary)}.blog-page .main-content .pagination{align-items:center;display:flex;gap:.25rem;gap:var(--space-1);justify-content:center;margin-top:3rem;margin-top:var(--space-12)}.blog-page .main-content .pagination .pagination-btn{background:#1a1a2e;background:var(--bg-secondary);border:1px solid #21262d;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-size:var(--text-sm);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);text-decoration:none;transition:all .12s ease;transition:all var(--duration-fast) ease}.blog-page .main-content .pagination .pagination-btn:hover{background:#ffffff0f;background:var(--hover-color);border-color:#ff6b35;border-color:var(--accent-primary)}.blog-page .main-content .pagination .pagination-btn.active{background:#ff6b35;background:var(--accent-primary);border-color:#ff6b35;border-color:var(--accent-primary);color:#fff}.blog-page .main-content .pagination .pagination-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}@media(max-width:1024px){.blog-page .hero-section{padding:4rem 0;padding:var(--space-16) 0}.blog-page .hero-section .container{padding:0 .75rem;padding:0 var(--space-3)}.blog-page .main-content .container{padding:2.5rem .75rem;padding:var(--space-10) var(--space-3)}.blog-page .main-content .filters-section{flex-wrap:wrap;gap:.75rem;gap:var(--space-3)}.blog-page .main-content .filters-section .filter-select{min-width:180px}}@media(max-width:768px){.blog-page .hero-section{padding:3rem 0;padding:var(--space-12) 0}.blog-page .hero-section .container{padding:0 .5rem;padding:0 var(--space-2)}.blog-page .hero-section .hero-content .hero-title{font-size:1.5rem;font-size:var(--text-2xl)}.blog-page .hero-section .hero-content .hero-subtitle{font-size:1.125rem;font-size:var(--text-lg)}.blog-page .main-content .container{padding:2rem .5rem;padding:var(--space-8) var(--space-2)}.blog-page .main-content .section-header{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--space-4)}.blog-page .main-content .section-header .create-post-btn{justify-content:center;width:100%}.blog-page .main-content .filters-section{align-items:flex-start;flex-direction:column}.blog-page .main-content .filters-section .filter-select{width:100%}}@media(max-width:640px){.blog-page .hero-section{padding:2.5rem 0;padding:var(--space-10) 0}.blog-page .hero-section .hero-content .search-container{max-width:300px}.blog-page .hero-section .hero-content .search-container .search-wrapper .search-input{padding:.5rem .75rem .5rem 2.5rem;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-10)}.blog-page .main-content .container{padding:1.5rem .5rem;padding:var(--space-6) var(--space-2)}.blog-page .main-content .featured-section,.blog-page .main-content .posts-section{margin-bottom:2.5rem;margin-bottom:var(--space-10)}}@media(max-width:480px){.blog-page .hero-section{padding:2rem 0;padding:var(--space-8) 0}.blog-page .hero-section .hero-content .hero-title{font-size:1.25rem;font-size:var(--text-xl)}.blog-page .hero-section .hero-content .hero-subtitle{font-size:1rem;font-size:var(--text-base)}.blog-page .hero-section .hero-content .search-container{max-width:280px}.blog-page .main-content .container{padding:1rem .5rem;padding:var(--space-4) var(--space-2)}.blog-page .main-content .featured-section,.blog-page .main-content .posts-section{margin-bottom:2rem;margin-bottom:var(--space-8)}.blog-page .main-content .section-title{font-size:1.5rem!important;font-size:var(--text-2xl)!important}}@media(max-width:360px){.blog-page .hero-section{padding:1.5rem 0;padding:var(--space-6) 0}.blog-page .hero-section .hero-content .search-container{max-width:260px}.blog-page .main-content .container{padding:.75rem .25rem;padding:var(--space-3) var(--space-1)}.blog-page .main-content .section-title{font-size:1.25rem!important;font-size:var(--text-xl)!important}}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.profile-loading,.user-profile-page{margin:0 auto;max-width:1200px;padding:var(--space-16)}.profile-loading{display:flex;flex-direction:column;gap:var(--space-16)}.profile-error{color:var(--text-secondary);padding:var(--space-32);text-align:center}.profile-error h3{color:var(--text-primary);margin-bottom:var(--space-8)}.profile-header{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-24);overflow:hidden;padding:0;position:relative;transition:all var(--duration-normal) var(--ease-out-cubic)}.profile-header:before{background:linear-gradient(90deg,#0000,var(--accent-primary),#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--duration-normal) var(--ease-out-cubic)}.profile-header:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.profile-header:hover:before{opacity:1}.cover-section{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));height:200px;position:relative}@media(max-width:768px){.cover-section{height:150px}}.cover-image{height:100%;object-fit:cover;width:100%}.cover-placeholder{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));height:100%;width:100%}.profile-actions{display:flex;gap:var(--space-8);position:absolute;right:var(--space-16);top:var(--space-16)}@media(max-width:576px){.profile-actions{flex-direction:column;gap:var(--space-4);right:var(--space-8);top:var(--space-8)}}.profile-info{grid-gap:var(--space-24);align-items:flex-start;display:grid;gap:var(--space-24);grid-template-columns:1fr auto;padding:var(--space-20)}@media(max-width:768px){.profile-info{gap:var(--space-16);grid-template-columns:1fr;padding:var(--space-16)}}.avatar-section{align-items:flex-start;display:flex;gap:var(--space-16);margin-top:-60px}@media(max-width:768px){.avatar-section{align-items:center;flex-direction:column;margin-top:-40px;text-align:center}}.profile-avatar{border:4px solid var(--bg-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);flex-shrink:0;height:120px;overflow:hidden;width:120px}@media(max-width:768px){.profile-avatar{height:100px;width:100px}}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:var(--accent-primary);color:#fff;display:flex;font-size:3rem;font-weight:700;height:100%;justify-content:center;width:100%}@media(max-width:768px){.avatar-placeholder{font-size:2rem}}.basic-info{display:flex;flex-direction:column;gap:var(--space-8);margin-top:var(--space-16)}@media(max-width:768px){.basic-info{align-items:center;margin-top:var(--space-8)}}.profile-name{color:var(--text-primary);font-size:var(--text-2xl);font-weight:700;margin:0}@media(max-width:768px){.profile-name{font-size:var(--text-xl)}}.profile-username{color:var(--text-muted);font-size:var(--text-lg);font-weight:500}@media(max-width:768px){.profile-username{font-size:var(--text-base)}}.profile-title{color:var(--accent-primary);font-size:var(--text-base);font-weight:600}.profile-bio{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6;margin:var(--space-8) 0;max-width:500px}@media(max-width:768px){.profile-bio{text-align:center}}.profile-metadata{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--space-16)}@media(max-width:768px){.profile-metadata{gap:var(--space-8);justify-content:center}}.meta-item{align-items:center;display:flex;gap:var(--space-4)}.meta-item a{color:var(--accent-primary);text-decoration:none;transition:all var(--duration-fast) ease}.meta-item a:hover{text-decoration:underline}.social-links{display:flex;gap:var(--space-8);margin-top:var(--space-8)}@media(max-width:768px){.social-links{justify-content:center}}.social-links a{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);display:flex;height:40px;justify-content:center;transition:all var(--duration-fast) var(--ease-out-cubic);width:40px}.social-links a:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-1px)}.stats-section{display:flex;flex-direction:column;gap:var(--space-12)}@media(max-width:768px){.stats-section{align-items:center}}.primary-stats{display:flex;gap:var(--space-12)}@media(max-width:768px){.primary-stats{flex-direction:column;gap:var(--space-8)}}.stat-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);min-width:80px;padding:var(--space-12);transition:all var(--duration-fast) var(--ease-out-cubic)}.stat-card:hover{background:var(--bg-tertiary);transform:translateY(-1px)}@media(max-width:768px){.stat-card{flex-direction:row;min-width:200px;padding:var(--space-8) var(--space-12)}}.stat-number{color:var(--text-primary);font-size:var(--text-lg);font-weight:700}.stat-label{color:var(--text-muted);font-size:var(--text-xs);text-align:center}.gamification-section{margin-bottom:var(--space-24)}.gamification-grid{grid-gap:var(--space-16);display:grid;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:768px){.gamification-grid{gap:var(--space-12);grid-template-columns:1fr}}.skills-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-24);overflow:hidden;padding:var(--space-20);position:relative;transition:all var(--duration-normal) var(--ease-out-cubic)}.skills-section:before{background:linear-gradient(90deg,#0000,var(--accent-primary),#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--duration-normal) var(--ease-out-cubic)}.skills-section:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.skills-section:hover:before{opacity:1}.skills-section h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-16)}@media(max-width:768px){.skills-section h3{text-align:center}}.skills-grid{grid-gap:var(--space-16);display:grid;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}}.skill-category h4{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-base);font-weight:600;gap:var(--space-6);margin-bottom:var(--space-8)}@media(max-width:768px){.skill-category h4{justify-content:center}}.category-icon{color:var(--accent-primary)}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-6)}@media(max-width:768px){.skill-tags{justify-content:center}}.skill-tag{border-radius:var(--radius-full);color:#fff;font-size:var(--text-sm);font-weight:500;padding:var(--space-4) var(--space-8);transition:all var(--duration-fast) var(--ease-out-cubic)}.skill-tag:hover{transform:translateY(-1px)}.skill-tag.engine{background:#00c4cc}.skill-tag.language{background:#8b5cf6}.skill-tag.platform{background:#10b981}.skill-tag.specialty{background:#f59e0b}.achievements-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-24);overflow:hidden;padding:var(--space-20);position:relative;transition:all var(--duration-normal) var(--ease-out-cubic)}.achievements-section:before{background:linear-gradient(90deg,#0000,var(--accent-primary),#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--duration-normal) var(--ease-out-cubic)}.achievements-section:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.achievements-section:hover:before{opacity:1}.achievements-section h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-16)}@media(max-width:768px){.achievements-section h3{text-align:center}}.achievements-grid{grid-gap:var(--space-12);display:grid;gap:var(--space-12);grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:var(--space-24)}@media(max-width:768px){.achievements-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}}.badges-section h4{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-12)}@media(max-width:768px){.badges-section h4{text-align:center}}.badges-list{display:flex;flex-wrap:wrap;gap:var(--space-8)}@media(max-width:768px){.badges-list{justify-content:center}}.profile-badge{align-items:center;background:var(--accent-primary-alpha);border-radius:var(--radius-full);color:var(--accent-primary);display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-4);padding:var(--space-4) var(--space-8);transition:all var(--duration-fast) var(--ease-out-cubic)}.profile-badge:hover{background:var(--accent-primary);color:#fff;transform:translateY(-1px)}.content-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;padding:0;position:relative;transition:all var(--duration-normal) var(--ease-out-cubic)}.content-section:before{background:linear-gradient(90deg,#0000,var(--accent-primary),#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--duration-normal) var(--ease-out-cubic)}.content-section:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.content-section:hover:before{opacity:1}.content-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;overflow-x:auto}@media(max-width:768px){.content-tabs{flex-wrap:nowrap}}.tab-button{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-6);padding:var(--space-12) var(--space-16);transition:all var(--duration-fast) var(--ease-out-cubic);white-space:nowrap}.tab-button:hover{background:var(--hover-color);color:var(--text-primary)}.tab-button.active{background:var(--bg-primary);border-bottom-color:var(--accent-primary);color:var(--accent-primary)}@media(max-width:768px){.tab-button{flex:1 1;font-size:var(--text-xs);min-width:120px;padding:var(--space-8) var(--space-12)}}.tab-content{padding:var(--space-20)}@media(max-width:768px){.tab-content{padding:var(--space-16)}}.overview-content{display:flex;flex-direction:column;gap:var(--space-24)}.content-stats{margin-bottom:var(--space-24)}.stat-grid{grid-gap:var(--space-16);display:grid;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:768px){.stat-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr)}}.stat-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--space-12);padding:var(--space-16);transition:all var(--duration-fast) var(--ease-out-cubic)}.stat-item:hover{background:var(--bg-tertiary);transform:translateY(-1px)}@media(max-width:768px){.stat-item{gap:var(--space-8);padding:var(--space-12)}}.stat-icon{color:var(--accent-primary);font-size:var(--text-xl)}@media(max-width:768px){.stat-icon{font-size:var(--text-lg)}}.stat-info{display:flex;flex-direction:column;gap:var(--space-2)}.stat-info .stat-number{color:var(--text-primary);font-size:var(--text-xl);font-weight:700}@media(max-width:768px){.stat-info .stat-number{font-size:var(--text-lg)}}.stat-info .stat-label{color:var(--text-muted);font-size:var(--text-sm)}@media(max-width:768px){.stat-info .stat-label{font-size:var(--text-xs)}}.activity-content,.forum-content,.posts-content{display:flex;flex-direction:column;gap:var(--space-16)}.content-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;padding:var(--space-16);position:relative;transition:all var(--duration-fast) var(--ease-out-cubic)}.content-item:before{background:linear-gradient(90deg,#0000,var(--accent-primary),#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--duration-normal) var(--ease-out-cubic)}.content-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.content-item:hover:before{opacity:1}@media(max-width:768px){.content-item{padding:var(--space-12)}}.content-header{align-items:flex-start;display:flex;gap:var(--space-8);justify-content:space-between;margin-bottom:var(--space-8)}@media(max-width:576px){.content-header{align-items:stretch;flex-direction:column}}.content-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;line-height:1.3;margin:0}@media(max-width:768px){.content-title{font-size:var(--text-base)}}.content-date,.content-meta{align-items:center;color:var(--text-muted);display:flex;flex-shrink:0;font-size:var(--text-xs);gap:var(--space-6)}@media(max-width:576px){.content-date,.content-meta{justify-content:flex-start}}.content-category{background:var(--accent-primary-alpha);color:var(--accent-primary)}.content-category,.solved-badge{border-radius:var(--radius-full);font-weight:500;padding:var(--space-2) var(--space-6)}.solved-badge{align-items:center;background:var(--success-bg);color:var(--success-text);display:flex;gap:var(--space-2)}.content-excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-12)}@media(max-width:768px){.content-excerpt{font-size:var(--text-sm)}}.content-stats{color:var(--text-muted);display:flex;font-size:var(--text-sm);gap:var(--space-12);margin-bottom:var(--space-8)}.content-stats span{align-items:center;display:flex;gap:var(--space-4)}@media(max-width:576px){.content-stats{font-size:var(--text-xs);gap:var(--space-8)}}.content-tags{display:flex;flex-wrap:wrap;gap:var(--space-4)}.content-tag{background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-2) var(--space-6);transition:all var(--duration-fast) ease}.content-tag:hover{background:var(--accent-primary-alpha);color:var(--accent-primary)}.activity-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--space-12);padding:var(--space-12);transition:all var(--duration-fast) var(--ease-out-cubic)}.activity-item:hover{background:var(--bg-tertiary);transform:translateY(-1px)}@media(max-width:768px){.activity-item{gap:var(--space-8);padding:var(--space-8)}}.activity-icon{align-items:center;background:var(--accent-primary-alpha);border-radius:var(--radius-full);color:var(--accent-primary);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}@media(max-width:768px){.activity-icon{height:32px;width:32px}}.activity-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-4)}.activity-title{color:var(--text-primary);font-size:var(--text-base);font-weight:600;line-height:1.4}@media(max-width:768px){.activity-title{font-size:var(--text-sm)}}.activity-date{color:var(--text-muted);font-size:var(--text-sm)}@media(max-width:768px){.activity-date{font-size:var(--text-xs)}}.activity-stats{color:var(--text-muted);display:flex;font-size:var(--text-sm);gap:var(--space-8);margin-top:var(--space-2)}.activity-stats span{align-items:center;display:flex;gap:var(--space-4)}@media(max-width:768px){.activity-stats{font-size:var(--text-xs);gap:var(--space-6)}}[data-theme=dark] .cover-section{background:linear-gradient(135deg,var(--accent-primary),#1a1a2e)}[data-theme=dark] .skill-tag.engine{background:#00a8b0}[data-theme=dark] .skill-tag.language{background:#7c3aed}[data-theme=dark] .skill-tag.platform{background:#059669}[data-theme=dark] .skill-tag.specialty{background:#d97706}[data-theme=dark] .profile-badge:hover{background:var(--accent-primary);color:#fff}.activity-item:hover,.content-item:hover,.profile-badge:hover,.skill-tag:hover,.stat-card:hover,.stat-item:hover{box-shadow:var(--shadow-md)}.profile-skeleton .skeleton-avatar{border-radius:var(--radius-full);height:120px;margin-top:-60px;width:120px}.profile-skeleton .skeleton-info{display:flex;flex-direction:column;gap:var(--space-8);margin-top:var(--space-16)}.profile-skeleton .skeleton-stats{display:flex;gap:var(--space-12)}.card-base,.related-posts .related-posts-grid .related-post-card{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #30363d;border:1px solid var(--card-border,#30363d);border-radius:.5rem;border-radius:var(--radius-md,.5rem);position:relative;transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal,.25s) var(--ease-out-cubic,ease-out)}.card-base:hover,.related-posts .related-posts-grid .related-post-card:hover{border-color:#30363d;border-color:var(--border-muted,#30363d);box-shadow:0 1px 3px 0 #0006,0 1px 2px 0 #0003;box-shadow:var(--shadow-base,0 1px 3px 0 #0006,0 1px 2px 0 #0003)}.input-base{background:#0b1426;background:var(--bg-primary,#0b1426);border:1px solid #21262d;border:1px solid var(--border-color,#21262d);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#fff;color:var(--text-primary,#fff);font-family:inherit;font-size:.875rem;font-size:var(--text-sm,.875rem);position:relative;transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal,.25s) var(--ease-out-cubic,ease-out);width:100%}.input-base:focus{border-color:#ff6b35;border-color:var(--accent-primary,#ff6b35);box-shadow:0 0 0 2px #3b82f64d;box-shadow:0 0 0 var(--focus-ring-width,2px) var(--focus-ring-color,#3b82f64d);outline:none}.input-base:hover:not(:focus){border-color:#8b949e;border-color:var(--text-muted,#8b949e)}.input-base::placeholder{color:#8b949e;color:var(--text-muted,#8b949e)}.input-base:disabled{background:#16213e;background:var(--bg-tertiary,#16213e);cursor:not-allowed;opacity:.5}@media(prefers-contrast:high){:root{--focus-ring-width:3px}.btn-base:focus-visible{outline:2px solid currentColor;outline-offset:2px}.card-base:hover,.related-posts .related-posts-grid .related-post-card:hover{border-width:2px}}.enhanced-blog-reader{color:#fff;color:var(--text-primary);font-size:1rem;font-size:var(--text-base);line-height:1.8;margin:0 auto;max-width:800px;padding:1.5rem 1rem;padding:var(--space-6) var(--space-4);position:relative}.enhanced-blog-reader.embedded{max-width:100%;padding:0}.enhanced-blog-reader.focus{background:#0b1426;background:var(--bg-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;box-shadow:var(--shadow-xl);max-width:650px;padding:2rem;padding:var(--space-8)}.enhanced-blog-reader.night{background:#1a1a1a;color:#e4e4e4}.reading-progress-bar{background:linear-gradient(90deg,#ff6b35,#4ecdc4);background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));height:3px;left:0;position:fixed;right:0;top:0;transform-origin:left;z-index:1020;z-index:var(--z-sticky)}.blog-loading{margin:0 auto;max-width:800px;padding:1.5rem 1rem;padding:var(--space-6) var(--space-4)}.blog-loading .loading-header{animation:shimmer 2s infinite;background:linear-gradient(90deg,#1a1a2e,#ffffff0f 50%,#1a1a2e);background:linear-gradient(90deg,var(--bg-secondary) 0,var(--hover-color) 50%,var(--bg-secondary) 100%);background-size:200% 100%;border-radius:.5rem;border-radius:var(--radius-md);height:60px;margin-bottom:1rem;margin-bottom:var(--space-4)}.blog-loading .loading-content{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.blog-loading .loading-content .loading-line{animation:shimmer 2s infinite;background:linear-gradient(90deg,#1a1a2e,#ffffff0f 50%,#1a1a2e);background:linear-gradient(90deg,var(--bg-secondary) 0,var(--hover-color) 50%,var(--bg-secondary) 100%);background-size:200% 100%;border-radius:.25rem;border-radius:var(--radius-sm);height:20px}.blog-error{color:#c9d1d9;color:var(--text-secondary);padding:2rem;padding:var(--space-8);text-align:center}.blog-header{border-bottom:1px solid #21262d;border-bottom:1px solid var(--border-color);margin-bottom:2rem;margin-bottom:var(--space-8);padding-bottom:1.5rem;padding-bottom:var(--space-6)}.blog-header .header-content{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.blog-header .header-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4)}.blog-header .category-tag{background:color-mix(in srgb,currentColor 15%,#0000);border-radius:9999px;border-radius:var(--radius-full);font-size:.875rem;font-size:var(--text-sm);font-weight:600;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.blog-header .publish-info{color:#8b949e;color:var(--text-muted);display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.75rem;gap:var(--space-3)}.blog-header .publish-date,.blog-header .read-time{align-items:center;display:flex;gap:.25rem;gap:var(--space-1)}.blog-header .blog-title{color:#fff;color:var(--text-primary);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;line-height:1.2;margin:0 0 .75rem;margin:0 0 var(--space-3) 0}.blog-header .blog-subtitle{color:#c9d1d9;color:var(--text-secondary);font-size:1.25rem;font-size:var(--text-xl);font-weight:400;line-height:1.4;margin:0 0 1rem;margin:0 0 var(--space-4) 0}.blog-header .blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);margin-bottom:1rem;margin-bottom:var(--space-4)}.blog-header .blog-tags .blog-tag{align-items:center;background:#16213e;background:var(--bg-tertiary);border-radius:9999px;border-radius:var(--radius-full);color:#8b949e;color:var(--text-muted);display:flex;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-family:var(--font-mono);font-size:.75rem;font-size:var(--text-xs);gap:.25rem;gap:var(--space-1);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.blog-header .blog-stats{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4)}.blog-header .blog-stats .stat-item{align-items:center;color:#8b949e;color:var(--text-muted);display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.25rem;gap:var(--space-1)}.author-section{align-items:center;background:#1a1a2e;background:var(--bg-secondary);border:1px solid #21262d;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:1rem;padding:var(--space-4)}.author-section .author-info{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}.author-section .author-info .author-avatar{border-radius:9999px;border-radius:var(--radius-full);flex-shrink:0;height:64px;overflow:hidden;width:64px}.author-section .author-info .author-avatar img{height:100%;object-fit:cover;width:100%}.author-section .author-info .avatar-placeholder{align-items:center;background:#ff6b35;background:var(--accent-primary);color:#fff;display:flex;font-size:1.25rem;font-size:var(--text-xl);font-weight:700;height:100%;justify-content:center;width:100%}.author-section .author-info .author-details{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.author-section .author-info .author-details .author-name{color:#fff;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:700}.author-section .author-info .author-details .author-bio{color:#c9d1d9;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm)}.author-section .author-info .author-details .author-badges{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-1)}.author-section .author-info .author-details .author-badges .author-badge{align-items:center;background:#ff6b35;background:var(--accent-primary);background:color-mix(in srgb,#ff6b35 15%,#0000);background:color-mix(in srgb,var(--accent-primary) 15%,#0000);border-radius:.25rem;border-radius:var(--radius-sm);color:#ff6b35;color:var(--accent-primary);display:flex;font-size:.75rem;font-size:var(--text-xs);gap:.25rem;gap:var(--space-1);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.author-section .author-social{display:flex;gap:.5rem;gap:var(--space-2)}.author-section .author-social a{align-items:center;background:#0b1426;background:var(--bg-primary);border:1px solid #21262d;border:1px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);color:#c9d1d9;color:var(--text-secondary);display:flex;height:40px;justify-content:center;transition:all .12s ease;transition:all var(--duration-fast) ease;width:40px}.author-section .author-social a:hover{background:#ff6b35;background:var(--accent-primary);border-color:#ff6b35;border-color:var(--accent-primary);color:#fff}.reading-controls{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1426;background:var(--bg-primary);border:1px solid #21262d;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);position:-webkit-sticky;position:sticky;top:1rem;top:var(--space-4);z-index:1020;z-index:var(--z-sticky)}.reading-controls .controls-center,.reading-controls .controls-left,.reading-controls .controls-right{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.reading-controls .control-btn{align-items:center;background:#1a1a2e;background:var(--bg-secondary);border:1px solid #21262d;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#c9d1d9;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.25rem;gap:var(--space-1);height:36px;justify-content:center;transition:all .12s ease;transition:all var(--duration-fast) ease;width:36px}.reading-controls .control-btn:hover{background:#ffffff0f;background:var(--hover-color);border-color:#ff6b35;border-color:var(--accent-primary);color:#fff;color:var(--text-primary)}.reading-controls .control-btn.active{background:#ff6b35;background:var(--accent-primary);border-color:#ff6b35;border-color:var(--accent-primary);color:#fff}.reading-controls .font-size-indicator{color:#8b949e;color:var(--text-muted);font-size:.75rem;font-size:var(--text-xs);padding:0 .25rem;padding:0 var(--space-1)}.reading-controls .share-dropdown{position:relative}.reading-controls .share-dropdown .share-options{background:#0b1426;background:var(--bg-primary);border:1px solid #21262d;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0003;box-shadow:var(--shadow-lg);margin-top:.25rem;margin-top:var(--space-1);min-width:150px;opacity:0;padding:.25rem;padding:var(--space-1);position:absolute;right:0;top:100%;transition:all .12s ease;transition:all var(--duration-fast) ease;visibility:hidden}.reading-controls .share-dropdown .share-options button{align-items:center;background:none;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-2);padding:.5rem;padding:var(--space-2);transition:background .12s ease;transition:background var(--duration-fast) ease;width:100%}.reading-controls .share-dropdown .share-options button:hover{background:#ffffff0f;background:var(--hover-color)}.reading-controls .share-dropdown:hover .share-options{opacity:1;visibility:visible}.table-of-contents{background:#1a1a2e;background:var(--bg-secondary);border:1px solid #21262d;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1rem;padding:var(--space-4)}.table-of-contents h3{color:#fff;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;margin:0 0 .75rem;margin:0 0 var(--space-3) 0}.table-of-contents ul{list-style:none;margin:0;padding:0}.table-of-contents ul li{margin-bottom:.5rem;margin-bottom:var(--space-2)}.table-of-contents ul li.toc-level-2{padding-left:0}.table-of-contents ul li.toc-level-3{padding-left:1rem;padding-left:var(--space-4)}.table-of-contents ul li a{color:#c9d1d9;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);text-decoration:none;transition:color .12s ease;transition:color var(--duration-fast) ease}.table-of-contents ul li a:hover{color:#ff6b35;color:var(--accent-primary)}.blog-content{margin-bottom:2rem;margin-bottom:var(--space-8)}.blog-content .content-text{max-width:none}.blog-content .content-text h1,.blog-content .content-text h2,.blog-content .content-text h3,.blog-content .content-text h4{color:#fff;color:var(--text-primary);font-weight:700;line-height:1.3;margin-bottom:.75rem;margin-bottom:var(--space-3);margin-top:1.5rem;margin-top:var(--space-6)}.blog-content .content-text h1{border-bottom:2px solid #21262d;border-bottom:2px solid var(--border-color);font-size:1.875rem;font-size:var(--text-3xl);padding-bottom:.5rem;padding-bottom:var(--space-2)}.blog-content .content-text h2{font-size:1.5rem;font-size:var(--text-2xl)}.blog-content .content-text h3{font-size:1.25rem;font-size:var(--text-xl)}.blog-content .content-text h4{font-size:1.125rem;font-size:var(--text-lg)}.blog-content .content-text p{color:#fff;color:var(--text-primary);line-height:1.8;margin-bottom:1rem;margin-bottom:var(--space-4)}.blog-content .content-text strong{color:#fff;color:var(--text-primary);font-weight:600}.blog-content .content-text ol,.blog-content .content-text ul{margin-bottom:1rem;margin-bottom:var(--space-4);padding-left:1.25rem;padding-left:var(--space-5)}.blog-content .content-text li{line-height:1.7;margin-bottom:.25rem;margin-bottom:var(--space-1)}.blog-content .content-text blockquote{background:#1a1a2e;background:var(--bg-secondary);border-left:4px solid #ff6b35;border-left:4px solid var(--accent-primary);border-radius:.5rem;border-radius:var(--radius-md);color:#c9d1d9;color:var(--text-secondary);font-style:italic;margin:1.25rem 0;margin:var(--space-5) 0;padding:1rem;padding:var(--space-4)}.blog-content .content-text .code-block{background:#16213e;background:var(--bg-tertiary);border:1px solid #21262d;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);margin:1rem 0;margin:var(--space-4) 0;overflow:hidden}.blog-content .content-text .code-block .code-header{align-items:center;background:#1a1a2e;background:var(--bg-secondary);border-bottom:1px solid #21262d;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.blog-content .content-text .code-block .code-header .code-language{color:#8b949e;color:var(--text-muted);font-size:.75rem;font-size:var(--text-xs);font-weight:500;text-transform:uppercase}.blog-content .content-text .code-block .code-header .copy-code{align-items:center;background:none;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#8b949e;color:var(--text-muted);cursor:pointer;display:flex;font-size:.75rem;font-size:var(--text-xs);gap:.25rem;gap:var(--space-1);padding:.25rem .5rem;padding:var(--space-1) var(--space-2);transition:all .12s ease;transition:all var(--duration-fast) ease}.blog-content .content-text .code-block .code-header .copy-code:hover{background:#ffffff0f;background:var(--hover-color);color:#fff;color:var(--text-primary)}.blog-content .content-text .code-block pre{color:#fff;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-family:var(--font-mono);font-size:14px;line-height:1.5;margin:0;overflow-x:auto;padding:1rem;padding:var(--space-4)}.blog-content .content-text .code-block pre code{background:none;border-radius:0;font-family:inherit;padding:0}.related-posts{border-top:1px solid #21262d;border-top:1px solid var(--border-color);margin-top:2rem;margin-top:var(--space-8);padding-top:1.5rem;padding-top:var(--space-6)}.related-posts h3{color:#fff;color:var(--text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-4)}.related-posts .related-posts-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.related-posts .related-posts-grid .related-post-card{cursor:pointer;padding:1rem;padding:var(--space-4)}.related-posts .related-posts-grid .related-post-card .related-post-title{color:#fff;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;line-height:1.3;margin-bottom:.5rem;margin-bottom:var(--space-2)}.related-posts .related-posts-grid .related-post-card .related-post-excerpt{color:#c9d1d9;color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem;margin-bottom:var(--space-3)}.related-posts .related-posts-grid .related-post-card .related-post-meta{color:#8b949e;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.75rem;font-size:var(--text-xs);gap:.75rem;gap:var(--space-3)}.related-posts .related-posts-grid .related-post-card .related-post-meta .related-post-author,.related-posts .related-posts-grid .related-post-card .related-post-meta .related-post-date,.related-posts .related-posts-grid .related-post-card .related-post-meta .related-post-time{align-items:center;display:flex;gap:.25rem;gap:var(--space-1)}@media(max-width:768px){.enhanced-blog-reader{padding:1rem .5rem;padding:var(--space-4) var(--space-2)}.enhanced-blog-reader .blog-title{font-size:1.5rem;font-size:var(--text-2xl)}.enhanced-blog-reader .blog-subtitle{font-size:1.125rem;font-size:var(--text-lg)}.enhanced-blog-reader .header-meta{align-items:flex-start;flex-direction:column}.enhanced-blog-reader .author-section{gap:.75rem;gap:var(--space-3)}.enhanced-blog-reader .author-section,.enhanced-blog-reader .author-section .author-info{flex-direction:column;text-align:center}.enhanced-blog-reader .reading-controls{flex-direction:column;gap:.75rem;gap:var(--space-3);position:static}.enhanced-blog-reader .reading-controls .controls-center,.enhanced-blog-reader .reading-controls .controls-left,.enhanced-blog-reader .reading-controls .controls-right{justify-content:center;width:100%}.enhanced-blog-reader .table-of-contents{margin-bottom:1rem;margin-bottom:var(--space-4);position:static;width:100%}.enhanced-blog-reader .related-posts-grid{grid-template-columns:1fr}.enhanced-blog-reader .content-text h1{font-size:1.5rem;font-size:var(--text-2xl)}.enhanced-blog-reader .content-text h2{font-size:1.25rem;font-size:var(--text-xl)}.enhanced-blog-reader .content-text h3{font-size:1.125rem;font-size:var(--text-lg)}.enhanced-blog-reader .content-text .code-block{font-size:13px}.enhanced-blog-reader .content-text .code-block .code-header{padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}}@media(max-width:480px){.enhanced-blog-reader{padding:.75rem .5rem;padding:var(--space-3) var(--space-2)}.enhanced-blog-reader .blog-header{margin-bottom:1.25rem;margin-bottom:var(--space-5)}.enhanced-blog-reader .author-avatar{height:48px;width:48px}.enhanced-blog-reader .reading-controls{padding:.5rem;padding:var(--space-2)}.enhanced-blog-reader .reading-controls .control-btn{height:32px;width:32px}}.btn-base{align-items:center;border:1px solid #0000;border-radius:.375rem;border-radius:var(--radius-base,.375rem);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:.5rem;gap:var(--space-2,.5rem);justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal,.25s) var(--ease-out-cubic,ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-base:focus-visible{box-shadow:0 0 0 2px #3b82f64d;box-shadow:0 0 0 var(--focus-ring-width,2px) var(--focus-ring-color,#3b82f64d);outline:none}.btn-base:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-base:active{transform:scale(.98)}.card-base{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #30363d;border:1px solid var(--card-border,#30363d);border-radius:.5rem;border-radius:var(--radius-md,.5rem);position:relative;transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal,.25s) var(--ease-out-cubic,ease-out)}.card-base:hover{border-color:#30363d;border-color:var(--border-muted,#30363d);box-shadow:0 1px 3px 0 #0006,0 1px 2px 0 #0003;box-shadow:var(--shadow-base,0 1px 3px 0 #0006,0 1px 2px 0 #0003)}.input-base,.search-input{background:#0b1426;background:var(--bg-primary,#0b1426);border:1px solid #21262d;border:1px solid var(--border-color,#21262d);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#fff;color:var(--text-primary,#fff);font-family:inherit;font-size:.875rem;font-size:var(--text-sm,.875rem);position:relative;transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal,.25s) var(--ease-out-cubic,ease-out);width:100%}.input-base:focus,.search-input:focus{border-color:#ff6b35;border-color:var(--accent-primary,#ff6b35);box-shadow:0 0 0 2px #3b82f64d;box-shadow:0 0 0 var(--focus-ring-width,2px) var(--focus-ring-color,#3b82f64d);outline:none}.input-base:hover:not(:focus),.search-input:hover:not(:focus){border-color:#8b949e;border-color:var(--text-muted,#8b949e)}.input-base::placeholder,.search-input::placeholder{color:#8b949e;color:var(--text-muted,#8b949e)}.input-base:disabled,.search-input:disabled{background:#16213e;background:var(--bg-tertiary,#16213e);cursor:not-allowed;opacity:.5}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1a1a2e,#16213e 50%,#1a1a2e);background:linear-gradient(90deg,var(--bg-secondary) 0,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-repeat:no-repeat;background-size:200px 100%;border-radius:.5rem;border-radius:var(--radius-md)}.skeleton.skeleton-text{height:1em;margin-bottom:.5rem;margin-bottom:var(--space-2)}.skeleton.skeleton-text:last-child{margin-bottom:0;width:60%}.skeleton.skeleton-avatar{border-radius:9999px;border-radius:var(--radius-full);height:40px;width:40px}.skeleton.skeleton-button{border-radius:.5rem;border-radius:var(--radius-md);height:2.5rem;width:100px}.skeleton.skeleton-card{border-radius:.75rem;border-radius:var(--radius-lg);height:200px}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-pulse,.skeleton{animation:none}.skeleton{background:#16213e;background:var(--bg-tertiary)}}@media(prefers-contrast:high){:root{--focus-ring-width:3px}.btn-base:focus-visible{outline:2px solid currentColor;outline-offset:2px}.card-base:hover{border-width:2px}}.admin-layout{background:#0b1426;background:var(--bg-primary);display:flex;min-height:100vh}.admin-mobile-header{align-items:center;background:#1a1a2e;background:var(--bg-secondary);border-bottom:1px solid #21262d;border-bottom:1px solid var(--border-color);display:none;height:60px;height:var(--admin-header-height);justify-content:space-between;left:0;padding:1rem;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1030;z-index:var(--z-fixed)}@media(max-width:768px){.admin-mobile-header{padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}}@media(max-width:480px){.admin-mobile-header{padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}}.mobile-menu-toggle{align-items:center;background:none;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.25rem;font-size:var(--text-xl);justify-content:center;min-height:44px;min-width:44px;padding:.5rem;padding:var(--space-2);transition:all .12s;transition:all var(--duration-fast)}@media(max-width:480px){.mobile-menu-toggle{min-height:40px;min-width:40px;padding:.25rem;padding:var(--space-1)}}.mobile-menu-toggle:hover{background:#0b1426;background:var(--bg-primary)}.mobile-menu-toggle:focus-visible{outline:2px solid #3b82f64d;outline:2px solid var(--focus-ring-color);outline-offset:2px}.admin-logo{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-weight:700;gap:.5rem;gap:var(--space-2)}@media(max-width:480px){.admin-logo{font-size:.875rem;font-size:var(--text-sm);gap:.25rem;gap:var(--space-1)}}.logo-icon{color:#ff6b35;color:var(--accent-primary);font-size:1.5rem;font-size:var(--text-2xl)}@media(max-width:480px){.logo-icon{font-size:1.25rem;font-size:var(--text-xl)}}.mobile-header-actions{display:flex;gap:.5rem;gap:var(--space-2)}@media(max-width:480px){.mobile-header-actions{gap:.25rem;gap:var(--space-1)}}.header-action-btn{align-items:center;background:none;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#c9d1d9;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.125rem;font-size:var(--text-lg);justify-content:center;min-height:44px;min-width:44px;padding:.5rem;padding:var(--space-2);transition:all .12s;transition:all var(--duration-fast)}@media(max-width:480px){.header-action-btn{min-height:40px;min-width:40px;padding:.25rem;padding:var(--space-1)}}.header-action-btn:hover{background:#0b1426;background:var(--bg-primary);color:#fff;color:var(--text-primary)}.header-action-btn:focus-visible{outline:2px solid #3b82f64d;outline:2px solid var(--focus-ring-color);outline-offset:2px}.header-action-btn.logout:hover{background:#ef44441a;background:var(--error-bg-light);color:#ef4444;color:var(--error-color)}.admin-sidebar{background:#1a1a2e;background:var(--bg-secondary);border-right:1px solid #21262d;border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;scrollbar-color:#21262d #0000;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin;top:0;transform:translateX(-100%);transition:transform .25s;transition:transform var(--duration-normal);width:280px;width:var(--admin-sidebar-width);z-index:400;z-index:var(--z-navigation)}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track{background:#0000}.admin-sidebar::-webkit-scrollbar-thumb{background:#21262d;background:var(--border-color);border-radius:3px}.admin-sidebar.open{transform:translateX(0)}.sidebar-header{border-bottom:1px solid #21262d;border-bottom:1px solid var(--border-color);padding:1.5rem;padding:var(--space-6)}@media(max-width:768px){.sidebar-header{padding:1rem;padding:var(--space-4)}}@media(max-width:480px){.sidebar-header{padding:.75rem;padding:var(--space-3)}}.sidebar-search{border-bottom:1px solid #21262d;border-bottom:1px solid var(--border-color);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}@media(max-width:768px){.sidebar-search{padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}}@media(max-width:480px){.sidebar-search{padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}}.search-wrapper{position:relative}.search-icon{color:#8b949e;color:var(--text-muted);left:.75rem;left:var(--space-3);position:absolute;top:50%;transform:translateY(-50%)}.search-input{font-size:.875rem;font-size:var(--text-sm);min-height:40px;padding:.5rem .75rem .5rem 2rem;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);width:100%}@media(max-width:480px){.search-input{font-size:.75rem;font-size:var(--text-xs);min-height:36px;padding:.5rem .5rem .5rem 1.5rem;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-6)}}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0;padding:var(--space-4) 0}@media(max-width:480px){.sidebar-nav{padding:.75rem 0;padding:var(--space-3) 0}}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin:0 1rem .25rem;margin:0 var(--space-4) var(--space-1) var(--space-4)}@media(max-width:768px){.nav-item{margin:0 .75rem .25rem;margin:0 var(--space-3) var(--space-1) var(--space-3)}}@media(max-width:480px){.nav-item{margin:0 .5rem .125rem;margin:0 var(--space-2) var(--space-05) var(--space-2)}}.nav-link{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);color:#c9d1d9;color:var(--text-secondary);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:.75rem;gap:var(--space-3);min-height:44px;padding:.75rem;padding:var(--space-3);text-decoration:none;transition:all .12s;transition:all var(--duration-fast)}@media(max-width:768px){.nav-link{gap:.5rem;gap:var(--space-2);padding:.75rem .5rem;padding:var(--space-3) var(--space-2)}}@media(max-width:480px){.nav-link{font-size:.75rem;font-size:var(--text-xs);gap:.5rem;gap:var(--space-2);min-height:40px;padding:.5rem;padding:var(--space-2)}}.nav-link:hover{background:#0b1426;background:var(--bg-primary);color:#fff;color:var(--text-primary);transform:translateX(2px)}.nav-link.active{background:#ff6b35;background:var(--accent-primary);color:#fff}.nav-link:focus-visible{outline:2px solid #3b82f64d;outline:2px solid var(--focus-ring-color);outline-offset:2px}.nav-icon{flex-shrink:0;font-size:1.125rem;font-size:var(--text-lg)}@media(max-width:480px){.nav-icon{font-size:1rem;font-size:var(--text-base)}.nav-label{font-size:.75rem;font-size:var(--text-xs)}}.sidebar-footer{border-top:1px solid #21262d;border-top:1px solid var(--border-color);padding:1.5rem;padding:var(--space-6)}@media(max-width:768px){.sidebar-footer{padding:1rem;padding:var(--space-4)}}@media(max-width:480px){.sidebar-footer{padding:.75rem;padding:var(--space-3)}}.admin-user-info{align-items:center;background:#0b1426;background:var(--bg-primary);border:1px solid #21262d;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:.75rem;gap:var(--space-3);margin-bottom:1rem;margin-bottom:var(--space-4);padding:.75rem;padding:var(--space-3)}@media(max-width:480px){.admin-user-info{gap:.5rem;gap:var(--space-2);margin-bottom:.75rem;margin-bottom:var(--space-3);padding:.5rem;padding:var(--space-2)}}.user-avatar{border:2px solid #ff6b35;border:2px solid var(--accent-primary);border-radius:9999px;border-radius:var(--radius-full);flex-shrink:0;height:40px;overflow:hidden;width:40px}@media(max-width:480px){.user-avatar{height:32px;width:32px}}.user-avatar img{display:block;height:100%;object-fit:cover;width:100%}.user-details{flex:1 1;min-width:0}.user-name{color:#fff;color:var(--text-primary);font-size:.875rem;font-size:var(--text-sm);font-weight:600;margin-bottom:.25rem;margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.user-name{font-size:.75rem;font-size:var(--text-xs)}}.user-role{color:#8b949e;color:var(--text-muted);font-size:.75rem;font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.user-role{font-size:.6875rem}}.sidebar-actions{display:flex;gap:.5rem;gap:var(--space-2)}@media(max-width:480px){.sidebar-actions{gap:.25rem;gap:var(--space-1)}}.sidebar-action-btn{align-items:center;background:none;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#c9d1d9;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:1.125rem;font-size:var(--text-lg);justify-content:center;min-height:44px;padding:.5rem;padding:var(--space-2);transition:all .12s;transition:all var(--duration-fast)}@media(max-width:480px){.sidebar-action-btn{font-size:1rem;font-size:var(--text-base);min-height:36px;padding:.25rem;padding:var(--space-1)}}.sidebar-action-btn:hover{background:#0b1426;background:var(--bg-primary);color:#fff;color:var(--text-primary)}.sidebar-action-btn:focus-visible{outline:2px solid #3b82f64d;outline:2px solid var(--focus-ring-color);outline-offset:2px}.sidebar-action-btn.logout:hover{background:#ef44441a;background:var(--error-bg-light);color:#ef4444;color:var(--error-color)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;background:var(--overlay-bg);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1040;z-index:var(--z-overlay)}.admin-content{background:#0b1426;background:var(--bg-primary);color:#fff;color:var(--text-primary);flex:1 1;margin-left:0;max-width:100vw;min-height:calc(100vh - 60px);min-height:calc(100vh - var(--admin-header-height));overflow-x:hidden;overflow-y:auto;padding:2rem;padding:var(--space-8);width:100%}@media(max-width:768px){.admin-content{padding:1.5rem;padding:var(--space-6)}}@media(max-width:480px){.admin-content{padding:1rem;padding:var(--space-4)}}@media(min-width:1024px){.admin-layout{flex-direction:row}.admin-mobile-header{display:none}.admin-sidebar{max-width:280px;max-width:var(--admin-sidebar-width);position:fixed;transform:translateX(0);width:280px;width:var(--admin-sidebar-width);z-index:200;z-index:var(--z-sidebar)}.admin-content{margin-left:280px;margin-left:var(--admin-sidebar-width);max-width:calc(100vw - 280px);max-width:calc(100vw - var(--admin-sidebar-width));min-height:100vh;padding:2rem;padding:var(--space-8);transition:margin-left .25s;transition:margin-left var(--duration-normal)}.sidebar-overlay{display:none}}@media(max-width:1023px)and (min-width:769px){.admin-layout{flex-direction:column}.admin-mobile-header{display:flex;position:fixed;top:0;width:100%;z-index:1030;z-index:var(--z-fixed)}.admin-sidebar{max-width:320px;width:90%;z-index:2050;z-index:var(--z-modal)}.admin-content{margin-left:0;max-width:100vw;padding:1.5rem;padding:var(--space-6);padding-top:calc(60px + 1.5rem);padding-top:calc(var(--admin-header-height) + var(--space-6))}}@media(max-width:768px){.admin-layout{flex-direction:column}.admin-mobile-header{display:flex;position:fixed;top:0;width:100%;z-index:1030;z-index:var(--z-fixed)}.admin-sidebar{max-width:300px;width:100%;z-index:2050;z-index:var(--z-modal)}.admin-content{margin-left:0;max-width:100vw;padding:1rem;padding:var(--space-4);padding-top:calc(60px + 1rem);padding-top:calc(var(--admin-header-height) + var(--space-4))}}@media(max-width:480px){.admin-sidebar{max-width:280px}.admin-content{padding:.75rem;padding:var(--space-3);padding-top:calc(60px + .75rem);padding-top:calc(var(--admin-header-height) + var(--space-3))}}@media(max-width:360px){.admin-sidebar{max-width:260px}.admin-content{padding:.5rem;padding:var(--space-2);padding-top:calc(60px + .5rem);padding-top:calc(var(--admin-header-height) + var(--space-2))}}@media(prefers-reduced-motion:reduce){.admin-sidebar,.header-action-btn,.mobile-menu-toggle,.nav-link,.sidebar-action-btn{transition:none}}@media(prefers-contrast:high){.admin-sidebar{border-right-width:2px}.header-action-btn,.nav-link,.sidebar-action-btn{border:1px solid #21262d;border:1px solid var(--border-color)}.nav-link.active{outline:2px solid currentColor;outline-offset:2px}}:root{--space-0:0;--space-05:0.125rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--admin-sidebar-width:280px;--admin-header-height:60px;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--ease-in-quad:cubic-bezier(0.55,0.085,0.68,0.53);--ease-out-quad:cubic-bezier(0.25,0.46,0.45,0.94);--ease-in-out-quad:cubic-bezier(0.455,0.03,0.515,0.955);--ease-in-cubic:cubic-bezier(0.55,0.055,0.675,0.19);--ease-out-cubic:cubic-bezier(0.215,0.61,0.355,1);--ease-in-out-cubic:cubic-bezier(0.645,0.045,0.355,1);--duration-instant:0ms;--duration-fast:120ms;--duration-normal:250ms;--duration-slow:350ms;--duration-slower:500ms;--transition-fast:all 120ms cubic-bezier(0.25,0.46,0.45,0.94);--transition-normal:all 250ms cubic-bezier(0.25,0.46,0.45,0.94);--transition-slow:all 350ms cubic-bezier(0.25,0.46,0.45,0.94);--radius-none:0;--radius-sm:0.25rem;--radius-base:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--space-xs:var(--space-1,0.25rem);--space-sm:var(--space-2,0.5rem);--space-md:var(--space-4,1rem);--space-lg:var(--space-6,1.5rem);--space-xl:var(--space-8,2rem);--spacing-xs:var(--space-1,0.25rem);--spacing-sm:var(--space-2,0.5rem);--spacing-md:var(--space-4,1rem);--spacing-lg:var(--space-6,1.5rem);--spacing-xl:var(--space-8,2rem);--primary-color:var(--accent-primary,#ff6b35);--primary-color-light:#ff6b3526;--primary-color-dark:#e55a2b;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--z-base:0;--z-background:-1;--z-content:100;--z-sidebar:200;--z-header:300;--z-navigation:400;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-overlay:1040;--z-modal-backdrop:2000;--z-modal:2050;--z-drawer:2100;--z-sheet:2150;--z-popover:3000;--z-tooltip:3100;--z-toast:3200;--z-notification:3300;--z-loading:4000;--z-debug:9000;--z-maximum:9999;--focus-ring-width:2px;--focus-ring-offset:2px;--focus-ring-color:#3b82f64d;--focus-color:var(--focus-ring-color,#3b82f64d);--overlay-bg:#00000080;--modal-backdrop:#0009;--accent-bg-light:#ff6b351a;--accent-bg-hover:#ff6b3526;--accent-bg-subtle:#ff6b350d;--bg-primary:#0b1426;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--bg-elevated:#0f3460;--accent-primary:#ff6b35;--accent-secondary:#4ecdc4;--accent-tertiary:#45b7d1;--text-primary:#fff;--text-secondary:#c9d1d9;--text-muted:#8b949e;--fallback-bg-primary:#0b1426;--fallback-bg-secondary:#1a1a2e;--fallback-text-primary:#fff;--fallback-text-secondary:#c9d1d9;--fallback-accent-primary:#ff6b35;--fallback-border-color:#21262d;--border-color:#21262d;--border-color-light:#2d333b;--border-muted:#30363d;--hover-color:#ffffff0f;--active-color:#ffffff1a;--shadow-color:#00000080;--bg-muted:#0d1117;--bg-subtle:#161b22;--card-bg:var(--bg-secondary,#1a1a2e);--card-bg-alpha:#1a1a2ef2;--upvote-color:#ff6b35;--upvote-hover:#ff8c69;--upvote-bg-hover:#ff6b350d;--downvote-color:#4ecdc4;--downvote-hover:#5fd4cc;--downvote-bg-hover:#4ecdc40d;--vote-inactive:var(--text-muted,#8b949e);--reddit-blue:#0079d3;--reddit-orange:#ff4500;--feed-separator:var(--border-color,#21262d);--card-border:var(--border-muted,#30363d);--success-color:#22c55e;--success-bg:#22c55e1a;--warning-color:#f59e0b;--warning-color-light:#f59e0b1a;--warning-bg:#f59e0b1a;--error-color:#ef4444;--error-color-light:#ef44441a;--error-bg:#ef44441a;--error-bg-light:#ef44441a;--info-color:#3b82f6;--info-bg:#3b82f61a;--unity-color:#00c4cc;--unreal-color:#0e1128;--godot-color:#478cbf;--gamemaker-color:#8fb84d;--construct-color:#00af54;--csharp-color:#239120;--cpp-color:#00599c;--javascript-color:#f7df1e;--python-color:#3776ab;--gdscript-color:#355570;--pixel-art-color:#ff6b6b;--modeling-color:#4ecdc4;--ui-design-color:#45b7d1;--animation-color:#96ceb4;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Monaco","Consolas",monospace;--shadow-xs:0 0 2px 0 #0003;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-base:0 1px 3px 0 #0006,0 1px 2px 0 #0003;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;--shadow-2xl:0 25px 50px -12px #0009}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f6f7f8;--bg-elevated:#edeff1;--accent-primary:#ff6b35;--accent-secondary:#4ecdc4;--accent-tertiary:#45b7d1;--text-primary:#1c1c1c;--text-secondary:#7c7c7c;--text-muted:#9ca3af;--border-color:#ccd0d5;--border-color-light:#e4e6ea;--border-muted:#e4e6ea;--hover-color:#0000000a;--active-color:#00000014;--shadow-color:#00000014;--bg-muted:#f6f7f8;--bg-subtle:#f8f9fa;--card-bg:var(--bg-secondary,#f8f9fa);--card-bg-alpha:#f8f9faf2;--upvote-color:#ff6b35;--upvote-hover:#ff5722;--upvote-bg-hover:#ff6b3514;--downvote-color:#4ecdc4;--downvote-hover:#26a69a;--downvote-bg-hover:#4ecdc414;--vote-inactive:var(--text-muted,#9ca3af);--reddit-blue:#0079d3;--reddit-orange:#ff4500;--feed-separator:var(--border-color,#ccd0d5);--card-border:var(--border-muted,#e4e6ea);--shadow-xs:0 0 2px 0 #0000000d;--shadow-sm:0 1px 2px 0 #0000000a;--shadow-base:0 1px 3px 0 #00000014,0 1px 2px 0 #0000000a;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008;--shadow-2xl:0 25px 50px -12px #00000026;--primary-color:var(--accent-primary,#ff6b35);--primary-color-light:#ff6b351a;--primary-color-dark:#e55a2b;--focus-ring-color:#ff6b354d;--overlay-bg:#0000004d;--modal-backdrop:#0006;--accent-bg-light:#ff6b3514;--accent-bg-hover:#ff6b351f;--accent-bg-subtle:#ff6b350a;--error-bg-light:#ef444414}[data-theme=dark]{--shadow-sm:0 1px 2px 0 #0000004d;--shadow-base:0 1px 3px 0 #0006,0 1px 2px 0 #0003;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;--ring-color:#3b82f640}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1rem);transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-1rem);transform:translateY(calc(var(--space-4)*-1))}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(1rem);transform:translateX(var(--space-4))}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}.animate-fade-in{animation:fadeIn .25s cubic-bezier(.215,.61,.355,1);animation:fadeIn var(--duration-normal) var(--ease-out-cubic)}.animate-fade-in-up{animation:fadeInUp .25s cubic-bezier(.215,.61,.355,1);animation:fadeInUp var(--duration-normal) var(--ease-out-cubic)}.animate-fade-in-down{animation:fadeInDown .25s cubic-bezier(.215,.61,.355,1);animation:fadeInDown var(--duration-normal) var(--ease-out-cubic)}.animate-scale-in{animation:scaleIn .12s cubic-bezier(.215,.61,.355,1);animation:scaleIn var(--duration-fast) var(--ease-out-cubic)}.animate-slide-in-right{animation:slideInRight .25s cubic-bezier(.215,.61,.355,1);animation:slideInRight var(--duration-normal) var(--ease-out-cubic)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.btn,.btn-base{align-items:center;border:1px solid #0000;border-radius:.375rem;border-radius:var(--radius-base,.375rem);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:.5rem;gap:var(--space-2,.5rem);justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal,.25s) var(--ease-out-cubic,ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-base:focus-visible,.btn:focus-visible{box-shadow:0 0 0 2px #3b82f64d;box-shadow:0 0 0 var(--focus-ring-width,2px) var(--focus-ring-color,#3b82f64d);outline:none}.btn-base:disabled,.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-base:active,.btn:active{transform:scale(.98)}.card,.card-base{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #30363d;border:1px solid var(--card-border,#30363d);border-radius:.5rem;border-radius:var(--radius-md,.5rem);position:relative;transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal,.25s) var(--ease-out-cubic,ease-out)}.card-base:hover,.card:hover{border-color:#30363d;border-color:var(--border-muted,#30363d);box-shadow:0 1px 3px 0 #0006,0 1px 2px 0 #0003;box-shadow:var(--shadow-base,0 1px 3px 0 #0006,0 1px 2px 0 #0003)}.feed-card-base{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #30363d;border:1px solid var(--card-border,#30363d);border-left:3px solid #0000;border-radius:.25rem;border-radius:var(--radius-sm,.25rem);position:relative;transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal,.25s) var(--ease-out-cubic,ease-out)}.feed-card-base:hover{border-color:#30363d;border-color:var(--border-muted,#30363d);box-shadow:0 1px 3px 0 #0006,0 1px 2px 0 #0003;box-shadow:var(--shadow-base,0 1px 3px 0 #0006,0 1px 2px 0 #0003);transform:translateY(-1px)}.feed-card-base.featured,.feed-card-base:hover{border-left-color:#ff6b35;border-left-color:var(--accent-primary,#ff6b35)}.feed-card-base.pinned{border-left-color:#4ecdc4;border-left-color:var(--accent-secondary,#4ecdc4)}.vote-btn-base{align-items:center;background:#0000;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#8b949e;color:var(--vote-inactive);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .12s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-fast) var(--ease-out-cubic);width:24px}.vote-btn-base:hover{background:#ffffff0f;background:var(--hover-color)}.vote-btn-base.upvoted{color:#ff6b35;color:var(--upvote-color)}.vote-btn-base.downvoted{color:#4ecdc4;color:var(--downvote-color)}.vote-btn-base:focus-visible{box-shadow:0 0 0 2px #3b82f64d;box-shadow:0 0 0 2px var(--focus-ring-color);outline:none}.compact-meta{align-items:center;color:#8b949e;color:var(--text-muted);display:flex;font-size:.75rem;font-size:var(--text-xs);gap:.5rem;gap:var(--space-2)}.compact-meta .meta-separator{color:#30363d;color:var(--border-muted)}.compact-meta .meta-item{align-items:center;display:flex;gap:.25rem;gap:var(--space-1)}.form-input,.form-select,.form-textarea,.input-base{background:#0b1426;background:var(--bg-primary,#0b1426);border:1px solid #21262d;border:1px solid var(--border-color,#21262d);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#fff;color:var(--text-primary,#fff);font-family:inherit;font-size:.875rem;font-size:var(--text-sm,.875rem);position:relative;transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal,.25s) var(--ease-out-cubic,ease-out);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus,.input-base:focus{border-color:#ff6b35;border-color:var(--accent-primary,#ff6b35);box-shadow:0 0 0 2px #3b82f64d;box-shadow:0 0 0 var(--focus-ring-width,2px) var(--focus-ring-color,#3b82f64d);outline:none}.form-input:hover:not(:focus),.form-select:hover:not(:focus),.form-textarea:hover:not(:focus),.input-base:hover:not(:focus){border-color:#8b949e;border-color:var(--text-muted,#8b949e)}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder,.input-base::placeholder{color:#8b949e;color:var(--text-muted,#8b949e)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled,.input-base:disabled{background:#16213e;background:var(--bg-tertiary,#16213e);cursor:not-allowed;opacity:.5}.loading-content,.loading-text,.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1a1a2e,#16213e 50%,#1a1a2e);background:linear-gradient(90deg,var(--bg-secondary) 0,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-repeat:no-repeat;background-size:200px 100%;border-radius:.5rem;border-radius:var(--radius-md)}.loading-text,.skeleton-text.loading-content,.skeleton.skeleton-text{height:1em;margin-bottom:.5rem;margin-bottom:var(--space-2)}.loading-text:last-child,.skeleton-text.loading-content:last-child,.skeleton.skeleton-text:last-child{margin-bottom:0;width:60%}.skeleton-avatar.loading-content,.skeleton-avatar.loading-text,.skeleton.skeleton-avatar{border-radius:9999px;border-radius:var(--radius-full);height:40px;width:40px}.skeleton-button.loading-content,.skeleton-button.loading-text,.skeleton.skeleton-button{border-radius:.5rem;border-radius:var(--radius-md);height:2.5rem;width:100px}.skeleton-card.loading-content,.skeleton-card.loading-text,.skeleton.skeleton-card{border-radius:.75rem;border-radius:var(--radius-lg);height:200px}.page-transition-enter{opacity:0;transform:translateY(1rem);transform:translateY(var(--space-4))}.page-transition-enter-active{transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal) var(--ease-out-cubic)}.page-transition-enter-active,.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-1rem);transform:translateY(calc(var(--space-4)*-1));transition:all .12s cubic-bezier(.55,.055,.675,.19);transition:all var(--duration-fast) var(--ease-in-cubic)}.stagger-children>*{animation:fadeInUp .25s cubic-bezier(.215,.61,.355,1);animation:fadeInUp var(--duration-normal) var(--ease-out-cubic);animation-fill-mode:both}.stagger-children>:first-child{animation-delay:0ms}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.interactive{cursor:pointer;transition:all .25s cubic-bezier(.215,.61,.355,1);transition:all var(--duration-normal) var(--ease-out-cubic)}.interactive:hover{transform:translateY(-1px)}.interactive:active{transform:translateY(0)}.flex{display:flex}.flex.grid-child{display:flex;grid-column:auto;grid-row:auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.grid{display:grid}.grid.flex-child{align-self:stretch;display:grid;justify-self:stretch}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-full{grid-column:1/-1}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.row-span-full{grid-row:1/-1}.layout-safe{box-sizing:border-box;min-height:0;min-width:0}.flex-1{flex:1 1}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.gap-1{gap:.25rem;gap:var(--space-1)}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6{gap:1.5rem;gap:var(--space-6)}.gap-8{gap:2rem;gap:var(--space-8)}.m-0{margin:0}.m-1{margin:.25rem;margin:var(--space-1)}.m-2{margin:.5rem;margin:var(--space-2)}.m-3{margin:.75rem;margin:var(--space-3)}.m-4{margin:1rem;margin:var(--space-4)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-1)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-3{margin-bottom:.75rem;margin-bottom:var(--space-3)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mb-8{margin-bottom:2rem;margin-bottom:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--space-1)}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mt-3{margin-top:.75rem;margin-top:var(--space-3)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6)}.mt-8{margin-top:2rem;margin-top:var(--space-8)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--space-1)}.p-2{padding:.5rem;padding:var(--space-2)}.p-3{padding:.75rem;padding:var(--space-3)}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.p-8{padding:2rem;padding:var(--space-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:.75rem;font-size:var(--text-xs)}.text-sm{font-size:.875rem;font-size:var(--text-sm)}.text-base{font-size:1rem;font-size:var(--text-base)}.text-lg{font-size:1.125rem;font-size:var(--text-lg)}.text-xl{font-size:1.25rem;font-size:var(--text-xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:#fff;color:var(--text-primary)}.text-secondary{color:#c9d1d9;color:var(--text-secondary)}.text-muted{color:#8b949e;color:var(--text-muted)}.text-success{color:#22c55e;color:var(--success-color)}.text-warning{color:#f59e0b;color:var(--warning-color)}.text-error{color:#ef4444;color:var(--error-color)}.bg-primary{background-color:#0b1426;background-color:var(--bg-primary)}.bg-secondary{background-color:#1a1a2e;background-color:var(--bg-secondary)}.bg-tertiary{background-color:#16213e;background-color:var(--bg-tertiary)}.border{border:1px solid #21262d;border:1px solid var(--border-color)}.border-t{border-top:1px solid #21262d;border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid #21262d;border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid #21262d;border-left:1px solid var(--border-color)}.border-r{border-right:1px solid #21262d;border-right:1px solid var(--border-color)}.rounded-none{border-radius:0;border-radius:var(--radius-none)}.rounded-sm{border-radius:.25rem;border-radius:var(--radius-sm)}.rounded{border-radius:.375rem;border-radius:var(--radius-base)}.rounded-md{border-radius:.5rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:1rem;border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 1px 2px 0 #0000004d;box-shadow:var(--shadow-sm)}.shadow{box-shadow:0 1px 3px 0 #0006,0 1px 2px 0 #0003;box-shadow:var(--shadow-base)}.shadow-md{box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0003;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0003;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;box-shadow:var(--shadow-xl)}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media(max-width:767px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:text-center{text-align:center}.sm\:flex-col{flex-direction:column}.sm\:gap-2{gap:.5rem;gap:var(--space-2)}.sm\:gap-4{gap:1rem;gap:var(--space-4)}.sm\:p-2{padding:.5rem;padding:var(--space-2)}.sm\:p-4{padding:1rem;padding:var(--space-4)}.sm\:mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media(min-width:768px)and (max-width:1023px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-6{gap:1.5rem;gap:var(--space-6)}.md\:p-6{padding:1.5rem;padding:var(--space-6)}}@media(min-width:1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:gap-8{gap:2rem;gap:var(--space-8)}.lg\:p-8{padding:2rem;padding:var(--space-8)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-pulse{animation:none}.loading-content,.loading-text,.skeleton{animation:none;background:#16213e;background:var(--bg-tertiary)}}@media(prefers-contrast:high){:root{--focus-ring-width:3px}.btn-base:focus-visible,.btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.card-base:hover,.card:hover{border-width:2px}}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b1426;background-color:var(--bg-primary);background-image:radial-gradient(circle at 25% 25%,#53348314 0,#0000 50%),radial-gradient(circle at 75% 75%,#0f346014 0,#0000 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--text-base);line-height:1.6;min-height:100vh;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:#fff;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5rem;margin-bottom:var(--space-2)}h1{font-size:2.25rem;font-size:var(--text-4xl)}h2{font-size:1.875rem;font-size:var(--text-3xl)}h3{font-size:1.5rem;font-size:var(--text-2xl)}h4{font-size:1.25rem;font-size:var(--text-xl)}h5{font-size:1.125rem;font-size:var(--text-lg)}h6{font-size:1rem;font-size:var(--text-base)}p{color:#c9d1d9;color:var(--text-secondary);margin-bottom:1rem;margin-bottom:var(--space-4)}a{color:#ff6b35;color:var(--accent-primary);text-decoration:none;transition:color .12s cubic-bezier(.215,.61,.355,1);transition:color var(--duration-fast) var(--ease-out-cubic)}a:hover{color:#4ecdc4;color:var(--accent-secondary)}a:focus-visible{border-radius:.25rem;border-radius:var(--radius-sm);outline:2px solid #3b82f64d;outline:2px solid var(--focus-ring-color);outline-offset:2px}.app{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--space-4);width:100%}@media(max-width:1024px){.container{padding:0 .75rem;padding:0 var(--space-3)}}@media(max-width:768px){.container{padding:0 .75rem;padding:0 var(--space-3)}}@media(max-width:640px){.container{padding:0 .5rem;padding:0 var(--space-2)}}@media(max-width:480px){.container{padding:0 .5rem;padding:0 var(--space-2)}}.main-content{flex:1 1;min-height:calc(100vh - 160px);padding:2rem 0;padding:var(--space-8) 0}@media(max-width:1024px){.main-content{padding:1.5rem 0;padding:var(--space-6) 0}}@media(max-width:768px){.main-content{padding:1.25rem 0;padding:var(--space-5) 0}}@media(max-width:480px){.main-content{padding:1rem 0;padding:var(--space-4) 0}}.card{margin-bottom:1rem;margin-bottom:var(--space-4);padding:1.5rem;padding:var(--space-6)}.card.card-interactive{cursor:pointer}.card.card-interactive:hover{border-color:#ff6b35;border-color:var(--accent-primary);transform:translateY(-2px)}.card.card-compact{padding:1rem;padding:var(--space-4)}.card.card-spacious{padding:2rem;padding:var(--space-8)}.btn{border-radius:.375rem;border-radius:var(--radius-base);font-size:.875rem;font-size:var(--text-sm);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn.btn-primary{background:linear-gradient(135deg,#ff6b35,#4ecdc4);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-color:#ff6b35;border-color:var(--accent-primary);color:#fff}.btn.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4ecdc4,#ff6b35);background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0003;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn.btn-primary:active:not(:disabled){transform:translateY(0)}.btn.btn-secondary{background:#1a1a2e;background:var(--bg-secondary);border-color:#21262d;border-color:var(--border-color);color:#fff;color:var(--text-primary)}.btn.btn-secondary:hover:not(:disabled){background:#ffffff0f;background:var(--hover-color);border-color:#ff6b35;border-color:var(--accent-primary)}.btn.btn-outline{background:#0000;border-color:#ff6b35;border-color:var(--accent-primary);color:#ff6b35;color:var(--accent-primary)}.btn.btn-outline:hover:not(:disabled){background:#ff6b35;background:var(--accent-primary);color:#fff}.btn.btn-ghost{background:#0000;border-color:#0000;color:#c9d1d9;color:var(--text-secondary)}.btn.btn-ghost:hover:not(:disabled){background:#ffffff0f;background:var(--hover-color);color:#fff;color:var(--text-primary)}.btn.btn-sm{font-size:.75rem;font-size:var(--text-xs);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.btn.btn-lg{font-size:1rem;font-size:var(--text-base);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6)}.form-group{margin-bottom:1rem;margin-bottom:var(--space-4)}.form-label{color:#fff;color:var(--text-primary);display:block;font-size:.875rem;font-size:var(--text-sm);font-weight:500;margin-bottom:.25rem;margin-bottom:var(--space-1)}.form-input,.form-select,.form-textarea{border-radius:.375rem;border-radius:var(--radius-base);font-size:.875rem;font-size:var(--text-sm);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.form-textarea{min-height:120px;resize:vertical}.form-input.is-valid,.form-select.is-valid,.form-textarea.is-valid{border-color:#22c55e;border-color:var(--success-color)}.form-input.is-valid:focus,.form-select.is-valid:focus,.form-textarea.is-valid:focus{box-shadow:0 0 0 2px #22c55e26;box-shadow:0 0 0 var(--focus-ring-width) #22c55e26}.form-input.is-invalid,.form-select.is-invalid,.form-textarea.is-invalid{border-color:#ef4444;border-color:var(--error-color)}.form-input.is-invalid:focus,.form-select.is-invalid:focus,.form-textarea.is-invalid:focus{box-shadow:0 0 0 2px #ef444426;box-shadow:0 0 0 var(--focus-ring-width) #ef444426}.form-feedback{font-size:.75rem;font-size:var(--text-xs);margin-top:.25rem;margin-top:var(--space-1)}.form-feedback.valid-feedback{color:#22c55e;color:var(--success-color)}.form-feedback.invalid-feedback{color:#ef4444;color:var(--error-color)}.ad-container{align-items:center;background:#1a1a2e;background:var(--bg-secondary);border:1px solid #21262d;border:1px solid var(--border-color);border-radius:.375rem;border-radius:var(--radius-base);display:flex;justify-content:center;margin:1rem 0;margin:var(--space-4) 0;min-height:100px;padding:.75rem;padding:var(--space-3)}.ad-container.ad-footer,.ad-container.ad-header{margin:.75rem auto;margin:var(--space-3) auto;max-width:1200px}.ad-container.ad-sidebar{position:-webkit-sticky;position:sticky;right:1.5rem;right:var(--space-6);top:100px;width:320px;z-index:1020;z-index:var(--z-sticky)}@media(max-width:1400px){.ad-container.ad-sidebar{display:none}}@media(max-width:768px){.ad-container{margin:.75rem 0;margin:var(--space-3) 0;padding:.5rem;padding:var(--space-2)}.ad-container.ad-footer .ad-728x90,.ad-container.ad-header .ad-728x90{display:none}}.loading-spinner{align-items:center;display:flex;justify-content:center;padding:2rem;padding:var(--space-8)}.loading-spinner .spinner{animation:spin 1s linear infinite;border:3px solid #21262d;border-top:3px solid #ff6b35;border:3px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--accent-primary);height:40px;width:40px}.loading-content{min-height:200px}@media(max-width:1280px)and (min-width:1024px){.container{max-width:1000px}}@media(max-width:1024px)and (min-width:768px){h1{font-size:2.25rem;font-size:var(--text-4xl)}h2{font-size:1.875rem;font-size:var(--text-3xl)}h3{font-size:1.5rem;font-size:var(--text-2xl)}.card{padding:1.25rem;padding:var(--space-5)}.btn-group{gap:.75rem;gap:var(--space-3)}}@media(max-width:768px)and (min-width:640px){h1{font-size:1.875rem;font-size:var(--text-3xl)}h2{font-size:1.5rem;font-size:var(--text-2xl)}h3{font-size:1.25rem;font-size:var(--text-xl)}.card{padding:1rem;padding:var(--space-4)}.btn-group{flex-direction:row;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.btn-group .btn{flex:1 1;justify-content:center;min-width:140px}}@media(max-width:640px)and (min-width:480px){h1{font-size:1.875rem;font-size:var(--text-3xl)}h2{font-size:1.5rem;font-size:var(--text-2xl)}h3{font-size:1.25rem;font-size:var(--text-xl)}.card{padding:1rem;padding:var(--space-4)}.btn-group{flex-direction:column;gap:.5rem;gap:var(--space-2)}.btn-group .btn{justify-content:center;width:100%}}@media(max-width:480px){h1{font-size:1.5rem;font-size:var(--text-2xl)}h2{font-size:1.25rem;font-size:var(--text-xl)}h3{font-size:1.125rem;font-size:var(--text-lg)}.card{padding:.75rem;padding:var(--space-3)}.btn-lg{justify-content:center;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);width:100%}.btn-group{flex-direction:column;gap:.5rem;gap:var(--space-2)}.btn-group .btn{justify-content:center;width:100%}}@media(max-width:360px){h1{font-size:1.25rem;font-size:var(--text-xl)}h2{font-size:1.125rem;font-size:var(--text-lg)}h3{font-size:1rem;font-size:var(--text-base)}.card{padding:.5rem;padding:var(--space-2)}.container{padding:0 .25rem;padding:0 var(--space-1)}}@media print{.ad-container,.btn,.no-print,nav{display:none!important}body{background:#fff!important;color:#000!important;font-size:12pt;line-height:1.4}.card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}h1,h2,h3,h4,h5,h6{break-after:avoid;color:#000!important;page-break-after:avoid}}