:root{--color-bg-primary: #0a0a0a;--color-bg-secondary: #111111;--color-bg-tertiary: #1a1a1a;--color-bg-card: #141414;--color-bg-hover: #1f1f1f;--color-bg-overlay: rgba(0, 0, 0, .8);--color-accent: #3fb950;--color-accent-hover: #4ade60;--color-accent-dim: rgba(63, 185, 80, .15);--color-accent-glow: rgba(63, 185, 80, .3);--color-text-primary: #e6edf3;--color-text-secondary: #8b949e;--color-text-tertiary: #6e7681;--color-text-muted: #484f58;--color-border: #30363d;--color-border-hover: #3fb950;--color-border-dim: #21262d;--color-success: #3fb950;--color-warning: #d29922;--color-error: #f85149;--color-info: #58a6ff;--color-vibe-high: #3fb950;--color-vibe-medium: #d29922;--color-vibe-low: #f85149;--font-family-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(63, 185, 80, .2);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500;--sidebar-width: 240px;--header-height: 60px;--max-content-width: 800px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-sans);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{color:var(--color-text-secondary);margin-bottom:var(--spacing-4)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}code,pre,.mono{font-family:var(--font-family-mono)}code{background:var(--color-bg-tertiary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-accent)}pre{background:var(--color-bg-secondary);padding:var(--spacing-4);border-radius:var(--radius-md);overflow-x:auto;border:1px solid var(--color-border)}.bracket-label{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em}.bracket-label:before{content:"[ "}.bracket-label:after{content:" ]"}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent;border-radius:0;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-bg-primary);border-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-bg-primary);box-shadow:var(--shadow-glow)}.btn-secondary{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-accent)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-danger{background:transparent;color:var(--color-error);border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background:var(--color-error);color:var(--color-text-primary)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.input-label{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-family-sans);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:0;transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim)}.input::placeholder{color:var(--color-text-muted)}.input-error{border-color:var(--color-error)}.error-text{font-size:var(--font-size-sm);color:var(--color-error)}.textarea{min-height:150px;resize:vertical}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:0;padding:var(--spacing-4);transition:all var(--transition-fast)}.card:hover{border-color:var(--color-border-hover)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.tag{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:0;transition:all var(--transition-fast);cursor:pointer}.tag:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-dim)}.tag:before{content:"#";margin-right:2px;opacity:.7}.vibe-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);font-family:var(--font-family-mono);font-size:var(--font-size-xs);border:1px solid;border-radius:0}.vibe-badge.high{color:var(--color-vibe-high);border-color:var(--color-vibe-high);background:#3fb9501a}.vibe-badge.medium{color:var(--color-vibe-medium);border-color:var(--color-vibe-medium);background:#d299221a}.vibe-badge.low{color:var(--color-vibe-low);border-color:var(--color-vibe-low);background:#f851491a}.avatar{width:32px;height:32px;border-radius:0;background:var(--color-accent-dim);display:flex;align-items:center;justify-content:center;font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-accent);font-weight:var(--font-weight-semibold);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.sm{width:24px;height:24px;font-size:var(--font-size-xs)}.avatar.lg{width:48px;height:48px;font-size:var(--font-size-lg)}.avatar.xl{width:64px;height:64px;font-size:var(--font-size-xl)}.vote-control{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1)}.vote-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);border-radius:0}.vote-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.vote-btn.active.upvote{color:var(--color-accent)}.vote-btn.active.downvote{color:var(--color-error)}.vote-count{font-family:var(--font-family-mono);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-fast)}.modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;z-index:var(--z-modal);animation:slideUp var(--transition-normal)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-bottom:1px solid var(--color-border)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.modal-close{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary);background:none;border:none;cursor:pointer;padding:var(--spacing-2)}.modal-close:hover{color:var(--color-text-primary)}.modal-body{padding:var(--spacing-4)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4);border-top:1px solid var(--color-border)}.tabs{display:flex;gap:var(--spacing-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-4)}.tab{padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase}.tab:hover{color:var(--color-text-secondary)}.tab.active{color:var(--color-text-primary);border-bottom-color:var(--color-accent)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-accent);color:var(--color-bg-primary)}.text-accent{color:var(--color-accent)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.bg-primary{background:var(--color-bg-primary)}.bg-secondary{background:var(--color-bg-secondary)}.bg-card{background:var(--color-bg-card)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.w-full{width:100%}.loading{animation:pulse 1.5s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 0%,var(--color-bg-hover) 50%,var(--color-bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){:root{--sidebar-width: 100%;--font-size-4xl: 2rem;--font-size-3xl: 1.5rem}.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}.logo-component{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;transition:opacity .2s ease;flex-shrink:0}.logo-component:hover{opacity:.9}.logo-square{background:#fff;color:#000;display:flex;align-items:center;justify-content:center;font-family:Fira Code,monospace;font-weight:900;border-radius:0;flex-shrink:0}.logo-square span{transform:translateY(-5%)}.logo-text-container{display:flex;flex-direction:column}.logo-brand{font-family:"Jersey 10 Charted",display;font-weight:400;line-height:1;margin:0;letter-spacing:1px}.logo-dot{color:#3fb950}.logo-subtitle{font-family:Fira Code,monospace;letter-spacing:2px;color:#666;margin-top:4px}.size-sm .logo-square{width:32px;height:32px;font-size:18px}.size-sm .logo-brand{font-size:20px}.size-sm .logo-subtitle{display:none}.size-md .logo-square{width:40px;height:40px;font-size:24px}.size-md .logo-brand{font-size:32px}.size-md .logo-subtitle{font-size:10px}.size-lg{gap:16px}.size-lg .logo-square{width:64px;height:64px;font-size:36px}.size-lg .logo-brand{font-size:48px}.size-lg .logo-subtitle{font-size:12px}@media (max-width: 768px){.logo-component:not(.show-mobile-text) .logo-text-container{display:none}.logo-component:not(.show-mobile-text){gap:0}.logo-component.show-mobile-text .logo-text-container{display:flex!important}.logo-component.show-mobile-text{gap:12px!important}}.notification-bell{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);border-radius:0}.notification-bell:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.notification-bell svg{font-size:1.25rem}.notification-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;font-family:var(--font-family-mono);font-size:10px;font-weight:600;color:var(--color-bg-primary);background:var(--color-accent);border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1}.notification-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:var(--z-dropdown)}.notification-panel{position:absolute;top:calc(100% + var(--spacing-2));right:0;width:360px;max-height:480px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:0;overflow:hidden;z-index:calc(var(--z-dropdown) + 1);animation:slideUp var(--transition-fast);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.notification-panel-title{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin:0;letter-spacing:.05em}.mark-all-read{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-accent);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.mark-all-read:hover{color:var(--color-accent-hover);background:var(--color-accent-dim)}.notification-list{flex:1;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border-dim);cursor:pointer;transition:background var(--transition-fast);position:relative}.notification-item:hover{background:var(--color-bg-hover)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#3fb95008}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-accent)}.notification-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:0;flex-shrink:0;color:var(--color-text-tertiary)}.notification-icon.answer,.notification-icon.upvote{color:var(--color-accent)}.notification-icon.badge{color:var(--color-warning)}.notification-icon.mention{color:var(--color-info)}.notification-icon.system{color:var(--color-text-secondary)}.notification-content{flex:1;min-width:0}.notification-title{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.notification-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-1) 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.notification-time{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.notification-dismiss{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;opacity:0;transition:all var(--transition-fast);flex-shrink:0}.notification-item:hover .notification-dismiss{opacity:1}.notification-dismiss:hover{color:var(--color-error);background:#f851491a}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-8) var(--spacing-4);text-align:center}.notification-empty svg{font-size:2rem;color:var(--color-text-muted)}.notification-empty span{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.notification-empty p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}@media (max-width: 480px){.notification-panel{width:calc(100vw - var(--spacing-4));right:calc(-1 * var(--spacing-2))}}.header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);height:var(--header-height)}.header-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-4);height:100%;display:flex;align-items:center;gap:var(--spacing-4)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-3)}.logo{display:flex;align-items:center;gap:var(--spacing-2);text-decoration:none;color:var(--color-text-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-bg-primary);font-family:"Jersey 10 Charted",display;font-weight:900;border-radius:0}.logo-text{font-family:"Jersey 10 Charted",display;font-size:24px}.search-form{width:320px;max-width:320px;display:flex;align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:0;transition:all var(--transition-fast)}.search-form:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim)}.search-prefix{padding-left:var(--spacing-3);color:var(--color-text-muted);font-family:var(--font-family-mono)}.search-input{flex:1;padding:var(--spacing-2) var(--spacing-2);background:transparent;border:none;color:var(--color-text-primary);font-size:var(--font-size-sm);min-width:0}.search-input:focus{outline:none}.search-input::placeholder{color:var(--color-text-muted)}.search-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-3);background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast)}.search-btn:hover{color:var(--color-accent)}.notification-container,.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1);background:transparent;border:none;cursor:pointer;border-radius:0;transition:background var(--transition-fast)}.user-menu-trigger:hover{background:var(--color-bg-hover)}.user-dropdown{position:absolute;top:calc(100% + var(--spacing-2));right:0;min-width:200px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:0;overflow:hidden;animation:slideUp var(--transition-fast);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.dropdown-header{padding:var(--spacing-3);background:var(--color-bg-tertiary)}.dropdown-username{display:block;font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-accent)}.dropdown-reputation{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.dropdown-divider{height:1px;background:var(--color-border)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:transparent;border:none;text-align:left;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;font-family:inherit}.dropdown-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.dropdown-item.logout{color:var(--color-error)}.dropdown-item.logout:hover{background:#f851491a}@media (max-width: 768px){.search-form{max-width:200px;flex:unset}.logo-text-container{display:none}}@media (max-width: 480px){.search-form{max-width:140px}.search-input::placeholder{font-size:var(--font-size-xs)}}.sidebar{width:220px;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-6);position:sticky;top:calc(var(--header-height) + var(--spacing-4));max-height:calc(100vh - var(--header-height) - var(--spacing-8));overflow-y:auto}.sidebar-section{display:flex;flex-direction:column;gap:var(--spacing-3)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-1)}.nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;border-radius:0;transition:all var(--transition-fast)}.nav-item:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.nav-item.active{color:var(--color-bg-primary);background:var(--color-accent)}.nav-icon{font-size:var(--font-size-base);width:20px;display:flex;justify-content:center}.nav-text{font-weight:var(--font-weight-medium)}.trending-tags{display:flex;flex-direction:column;gap:var(--spacing-1)}.tag-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);cursor:pointer}.tag-item:hover{color:var(--color-accent)}.tag-name{color:inherit}.tag-count{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}@media (max-width: 1024px){.sidebar{display:none}}.right-panel{width:280px;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4);position:sticky;top:calc(var(--header-height) + var(--spacing-4))}.activity-widget{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:0;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.activity-widget .bracket-label{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.activity-graph-container{position:relative;height:120px;width:100%}.graph-svg{width:100%;height:100%}.graph-line{stroke-linecap:round;stroke-linejoin:round}.graph-dot{filter:drop-shadow(0 0 4px var(--color-accent));animation:pulse 2s infinite}.graph-tooltip{position:absolute;background:var(--color-bg-primary);border:1px solid var(--color-border);padding:var(--spacing-1) var(--spacing-2);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-accent);pointer-events:none;white-space:nowrap;transform:translate(-50%);z-index:10}.right-panel-section{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-2)}.section-label{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary);letter-spacing:.5px}.section-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);cursor:pointer;border-bottom:1px solid var(--color-border-dim)}.list-item:last-child{border-bottom:none}.list-item:hover{color:var(--color-accent)}.item-main{display:flex;flex-direction:column;gap:2px;overflow:hidden}.item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit}.item-subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.item-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-left:var(--spacing-2);white-space:nowrap}@media (max-width: 1200px){.right-panel{display:none}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);z-index:var(--z-sticky)}@media (max-width: 1024px){.mobile-nav{display:flex;align-items:center;justify-content:space-around}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.mobile-nav-item svg{font-size:1.25rem}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--color-accent)}button.mobile-nav-item{background:none;border:none;cursor:pointer}.mobile-nav-item.create-btn{color:var(--color-accent)}.mobile-nav-item.create-btn svg{font-size:1.5rem}.mobile-profile-menu{position:relative}.mobile-nav-item.profile-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1)}.mobile-avatar{width:24px;height:24px;border-radius:0;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary);overflow:hidden}.mobile-avatar img{width:100%;height:100%;object-fit:cover}.mobile-dropdown{position:absolute;bottom:100%;right:0;width:200px;background:var(--color-bg-secondary);border:1px solid var(--color-border);margin-bottom:var(--spacing-2);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.mobile-dropdown-header{padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-1)}.mobile-dropdown-username{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.mobile-dropdown-reputation{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-accent)}.mobile-dropdown-divider{height:1px;background:var(--color-border)}.mobile-dropdown-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);width:100%;background:none;border:none;cursor:pointer;text-align:left}.mobile-dropdown-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.mobile-dropdown-item.logout:hover{color:var(--color-error)}.mobile-dropdown-item svg{font-size:1rem}.auth-container{min-height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);background:var(--color-bg-primary)}.auth-card{width:100%;max-width:600px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:0;padding:var(--spacing-8)}.auth-header{text-align:center;margin-bottom:var(--spacing-6)}.auth-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.auth-subtitle{color:var(--color-text-muted)}.auth-form{margin-bottom:var(--spacing-6)}.auth-error{padding:var(--spacing-3);margin-bottom:var(--spacing-4);background:#f851491a;border:1px solid var(--color-error);border-radius:0;color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.auth-success{padding:var(--spacing-4);margin-bottom:var(--spacing-4);background:#3fb9501a;border:1px solid var(--color-accent);border-radius:0;color:var(--color-accent);font-size:var(--font-size-sm);text-align:center}.auth-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-4)}.input-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-1)}.auth-links{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-4)}.auth-link{font-size:var(--font-size-sm);color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.auth-link:hover{color:var(--color-accent-hover)}.auth-footer{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.auth-logo .logo-icon{width:48px;height:48px;font-size:var(--font-size-2xl)}@media (max-width: 480px){.auth-card{padding:var(--spacing-6);border:none;background:transparent}}.auth-form-github-only{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.github-btn{background:#24292e;border-color:#24292e}.github-btn:hover{background:#2f363d;border-color:#2f363d}.post-card{display:flex;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:0;transition:border-color var(--transition-fast)}.post-card:hover{border-color:var(--color-border-hover)}.post-vote-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);min-width:40px}.vote-btn{background:transparent;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-1);transition:all var(--transition-fast);line-height:1}.vote-btn:hover,.vote-btn.active,.vote-btn.up.active{color:var(--color-accent)}.vote-btn.down.active{color:var(--color-error)}.vote-btn:disabled{opacity:.5;cursor:not-allowed}.post-vote-section .vote-count{font-family:var(--font-family-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.post-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.post-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-2)}.post-author-link{text-decoration:none;color:inherit;transition:opacity var(--transition-fast)}.post-author-link:hover{opacity:.8}.post-author{display:flex;align-items:center;gap:var(--spacing-2)}.author-avatar{width:24px;height:24px;border-radius:0;overflow:hidden;background:var(--color-bg-tertiary)}.author-name{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-accent)}.post-separator{color:var(--color-text-tertiary)}.post-date{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.vibe-badge{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-accent);padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-accent);border-radius:0}.post-badges{display:flex;align-items:center;gap:var(--spacing-2)}.resource-badge{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:#58a6ff;padding:var(--spacing-1) var(--spacing-2);border:1px solid #58a6ff;background:#58a6ff1a}.post-images-collage{display:grid;gap:2px;border-radius:var(--radius-sm);overflow:hidden;margin-top:var(--spacing-3);width:100%;aspect-ratio:16/9}.post-images-collage.count-1{grid-template-columns:1fr;aspect-ratio:auto;max-height:600px}.post-images-collage.count-1 .collage-item img{object-fit:cover;background:transparent;width:100%;height:100%}.post-images-collage.count-2{grid-template-columns:1fr 1fr}.post-images-collage.count-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.post-images-collage.count-3 .collage-item:first-child{grid-row:span 2}.post-images-collage.count-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.collage-item{position:relative;width:100%;height:100%;min-height:0}.collage-item img{width:100%;height:100%;object-fit:cover;display:block}.collage-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-xl);font-weight:700}.post-title-link{text-decoration:none}.post-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight);transition:color var(--transition-fast)}.post-title-link:hover .post-title{color:var(--color-accent)}.post-excerpt{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.post-excerpt p{margin:0;display:inline}.post-excerpt code{background:#80808026;padding:.1em .3em;border-radius:3px;font-family:var(--font-family-mono);font-size:.9em;color:var(--color-accent)}.post-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-2)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.post-tag{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:var(--spacing-1) var(--spacing-2);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:0;text-decoration:none;transition:all var(--transition-fast)}.post-tag:hover{border-color:var(--color-accent);color:var(--color-accent)}.post-stats{display:flex;gap:var(--spacing-4);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.post-stats strong{color:var(--color-text-primary)}@media (max-width: 768px){.post-card{flex-direction:column}.post-vote-section{flex-direction:row;gap:var(--spacing-2)}.post-header,.post-footer{flex-direction:column;align-items:flex-start}}.create-post-modal{max-width:700px;width:95%}.modal-hint{margin-bottom:var(--spacing-4);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.hint-line{display:block;color:var(--color-text-muted)}.hint-text{display:block;margin-top:var(--spacing-2);color:var(--color-text-tertiary)}.modal-title-input{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal-content-input{min-height:200px;font-family:var(--font-family-mono);font-size:var(--font-size-sm);background:var(--color-bg-primary)}.error-message{padding:var(--spacing-3);margin-bottom:var(--spacing-4);background:#f851491a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.formatting-toolbar{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2);background:var(--color-bg-tertiary);border:1px solid var(--color-border);margin-bottom:var(--spacing-2);flex-wrap:wrap}.toolbar-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);padding:var(--spacing-2);background:transparent;border:1px solid transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.toolbar-btn:hover{background:var(--color-bg-secondary);color:var(--color-accent);border-color:var(--color-border)}.toolbar-btn svg{font-size:1rem}.code-block-btn{padding:var(--spacing-2) var(--spacing-3)}.toolbar-dropdown-container{position:relative}.toolbar-dropdown{position:absolute;top:100%;left:0;z-index:var(--z-dropdown);width:280px;max-height:300px;overflow-y:auto;background:var(--color-bg-secondary);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);margin-top:var(--spacing-1)}.dropdown-label{padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border)}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-1);padding:var(--spacing-2)}.language-btn{padding:var(--spacing-2);background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);text-align:center}.language-btn:hover{background:var(--color-accent);color:var(--color-bg-primary);border-color:var(--color-accent)}.image-input-section{margin-bottom:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-2)}.image-input-row{display:flex;gap:var(--spacing-2)}.image-url-input{flex:1}.image-upload-row{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.upload-btn{display:flex;align-items:center;gap:var(--spacing-2);white-space:nowrap}.image-hint{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.resource-toggle{margin:var(--spacing-3) 0;padding:var(--spacing-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.toggle-label{display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer;font-family:var(--font-family-mono)}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.toggle-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-accent);white-space:nowrap}.toggle-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.image-previews{display:flex;gap:var(--spacing-2);flex-wrap:wrap;margin-bottom:var(--spacing-3)}.image-preview-item{position:relative;width:80px;height:80px;border:1px solid var(--color-border);overflow:hidden}.image-preview-item img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:2px;right:2px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-error);border:none;color:#fff;cursor:pointer;font-size:.75rem}.remove-image-btn:hover{background:#dc2626}.link-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-modal) + 10)}.link-dialog{background:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--spacing-6);min-width:360px;max-width:90%}.link-dialog-title{font-family:var(--font-family-mono);font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.link-dialog-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-4)}@media (max-width: 768px){.formatting-toolbar{overflow-x:auto}.toolbar-dropdown{width:240px}.language-grid{grid-template-columns:repeat(2,1fr)}.image-upload-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.upload-btn{width:100%;justify-content:center}.image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.image-preview-item{width:100%}.link-dialog{min-width:auto;width:90%;padding:var(--spacing-4)}}.preview-toggle-bar{display:flex;gap:var(--spacing-1);margin-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.toggle-mode-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.toggle-mode-btn:hover{color:var(--color-text-primary)}.toggle-mode-btn.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.toggle-mode-btn svg{font-size:1rem}.preview-content{min-height:300px;max-height:500px;overflow-y:auto;padding:var(--spacing-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border);font-family:var(--font-family-base);line-height:var(--line-height-relaxed)}.preview-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0}.preview-empty{color:var(--color-text-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-8)}.preview-content h1,.preview-content h2,.preview-content h3{color:var(--color-text-primary);margin-top:var(--spacing-4);margin-bottom:var(--spacing-2)}.preview-content p{margin:var(--spacing-2) 0;color:var(--color-text-secondary)}.preview-content code{background:var(--color-bg-secondary);padding:.2em .4em;border-radius:3px;font-family:var(--font-family-mono);font-size:.9em;color:var(--color-accent)}.preview-content pre{background:var(--color-bg-secondary);padding:var(--spacing-3);border:1px solid var(--color-border);overflow-x:auto;margin:var(--spacing-3) 0}.preview-content pre code{background:none;padding:0;color:var(--color-text-primary)}.preview-content a{color:var(--color-accent);text-decoration:underline}.preview-content ul,.preview-content ol{margin:var(--spacing-3) 0;padding-left:var(--spacing-6)}.preview-content li{margin:var(--spacing-1) 0;color:var(--color-text-secondary)}.preview-content img{max-width:100%;height:auto;margin:var(--spacing-3) 0}.preview-images{margin-top:var(--spacing-4)}.preview-images img{display:block;max-width:100%;margin:var(--spacing-2) 0;border:1px solid var(--color-border)}.home-page{max-width:100%}.hero-section{margin-bottom:var(--spacing-6)}.hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1.1;color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0 0 var(--spacing-2) 0}.title-subtitle{color:var(--color-text-tertiary)}.title-accent{color:var(--color-accent)}.hero-status{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0 0 var(--spacing-1) 0}.hero-tagline{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.feed-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);gap:var(--spacing-4);flex-wrap:wrap}.sort-tabs{display:flex;gap:var(--spacing-1)}.feed-init-btn{display:flex;align-items:center;gap:var(--spacing-2);margin-left:auto}.sort-tab{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary);background:transparent;border:1px solid transparent;padding:var(--spacing-2) var(--spacing-3);cursor:pointer;transition:all var(--transition-fast)}.sort-tab:hover{color:var(--color-text-primary)}.sort-tab.active{color:var(--color-text-primary);background:var(--color-bg-secondary);border-color:var(--color-border)}.init-thread-btn{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-bg-primary);background:var(--color-accent);border:none;padding:var(--spacing-2) var(--spacing-4);cursor:pointer;transition:all var(--transition-fast)}.init-thread-btn:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow)}.active-filter{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-accent)}.active-filter button{background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:var(--font-size-base)}.active-filter button:hover{color:var(--color-error)}.posts-feed{display:flex;flex-direction:column;gap:var(--spacing-4)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-8);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:0;text-align:center}.empty-state p{color:var(--color-text-secondary);margin:0}@media (max-width: 768px){.hero-title{font-size:var(--font-size-2xl)}.feed-controls{flex-direction:column;align-items:stretch}.sort-tabs{flex-wrap:wrap}.feed-init-btn{display:none}}.rankings-page{padding:var(--spacing-4) 0}.rankings-header{margin-bottom:var(--spacing-6)}.rankings-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1.1}.rankings-table-wrapper{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:0;overflow:hidden}.rankings-table{width:100%;border-collapse:collapse}.rankings-table th{padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-muted);text-align:left;border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.rankings-table td{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border-dim);vertical-align:middle}.rankings-table tr:last-child td{border-bottom:none}.rankings-table tr:hover{background:var(--color-bg-hover)}.rankings-table tr.top-rank{background:var(--color-accent-dim)}.rankings-table tr.top-rank:hover{background:#3fb95026}.col-rank{width:60px;text-align:center}.rank-number{font-family:var(--font-family-mono);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.top-rank .rank-number{color:var(--color-accent);font-size:var(--font-size-lg)}.col-user{min-width:200px}.user-cell{display:flex;align-items:center;gap:var(--spacing-3);text-decoration:none}.username{font-weight:var(--font-weight-medium);color:var(--color-text-primary);transition:color var(--transition-fast)}.user-cell:hover .username{color:var(--color-accent)}.crown{margin-left:var(--spacing-2)}.col-reputation{width:120px}.reputation-value{font-family:var(--font-family-mono);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-accent)}.col-badges{min-width:150px}.badges-list{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.badge-tag{padding:var(--spacing-1) var(--spacing-2);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:0;text-transform:uppercase}.no-badges{color:var(--color-text-muted)}.rankings-table-wrapper .loading-state{padding:var(--spacing-4)}.rank-skeleton{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-border-dim)}@media (max-width: 768px){.rankings-title{font-size:var(--font-size-3xl)}.rankings-table th,.rankings-table td{padding:var(--spacing-2) var(--spacing-3)}.col-badges{display:none}.col-reputation{width:auto}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.confirmation-modal{background:var(--color-bg-primary);border:1px solid var(--color-border);width:90%;max-width:400px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.confirmation-header{padding:var(--spacing-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.confirmation-title{font-family:var(--font-family-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.confirmation-close{background:none;border:none;color:var(--color-text-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-2)}.confirmation-close:hover{color:var(--color-accent)}.confirmation-body{padding:var(--spacing-6);font-family:var(--font-family-sans);font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.5}.confirmation-footer{padding:var(--spacing-4);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--spacing-3);background:var(--color-bg-secondary)}.btn-cancel{padding:var(--spacing-2) var(--spacing-4);background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-cancel:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.btn-confirm{padding:var(--spacing-2) var(--spacing-4);background:var(--color-accent);border:1px solid var(--color-accent);color:var(--color-bg-primary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-confirm:hover{background:var(--color-accent-hover);box-shadow:0 0 10px rgba(var(--color-accent-rgb),.3)}.btn-confirm.danger{background:var(--color-error, #cf222e);border-color:var(--color-error, #cf222e);color:#fff}.btn-confirm.danger:hover{background:#a40e26;box-shadow:0 0 10px #cf222e4d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.thread-page{max-width:800px;margin:0 auto;padding:var(--spacing-4)}.back-link{display:inline-block;font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-decoration:none;margin-bottom:var(--spacing-4);transition:color var(--transition-fast)}.back-link:hover{color:var(--color-accent)}.thread-header{margin-bottom:var(--spacing-6)}.thread-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.thread-id{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-accent)}.thread-tags{display:flex;gap:var(--spacing-2)}.thread-tag{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.thread-resource-badge{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:#58a6ff;padding:var(--spacing-1) var(--spacing-2);border:1px solid #58a6ff;background:#58a6ff1a}.thread-vibe{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-left:auto}.thread-vibe strong{color:var(--color-accent)}.thread-vote-btn{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary);background:transparent;border:1px solid var(--color-border);padding:var(--spacing-1) var(--spacing-3);cursor:pointer;transition:all var(--transition-fast)}.thread-vote-btn:hover{color:var(--color-accent);border-color:var(--color-accent);background:#3fb9501a}.thread-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0 0 var(--spacing-4) 0}.thread-author-link{text-decoration:none;color:inherit;display:inline-block;transition:opacity var(--transition-fast)}.thread-author-link:hover{opacity:.8}.thread-author{display:flex;align-items:center;gap:var(--spacing-3)}.author-avatar{width:32px;height:32px;border-radius:0;overflow:hidden;background:var(--color-bg-tertiary)}.author-avatar.small{width:24px;height:24px}.author-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-bg-tertiary) 100%)}.author-info{display:flex;flex-direction:column}.author-name{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.thread-date{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.thread-content{padding:var(--spacing-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:0;margin-bottom:var(--spacing-6);word-wrap:break-word}.responses-section{margin-bottom:var(--spacing-6)}.responses-header{display:flex;justify-content:center;margin-bottom:var(--spacing-4)}.responses-count{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary);padding:var(--spacing-2) var(--spacing-4);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.response-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:0;padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.response-card.accepted{border-color:var(--color-accent);background:#3fb9500d}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.response-author{display:flex;align-items:center;gap:var(--spacing-2)}.ai-badge{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-accent);background:#3fb95033;padding:var(--spacing-1) var(--spacing-2);border-radius:0}.response-author .author-name{color:var(--color-accent)}.response-date{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.accepted-badge{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-accent);padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-accent)}.response-content{margin-bottom:var(--spacing-3);word-wrap:break-word}.thread-content h1,.response-content h1{font-size:1.8em;margin:.5em 0;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);padding-bottom:.3em}.thread-content h2,.response-content h2{font-size:1.5em;margin:.5em 0;color:var(--color-text-primary)}.thread-content h3,.response-content h3{font-size:1.25em;margin:.5em 0;color:var(--color-text-primary)}.thread-content p,.response-content p{margin-bottom:1em;line-height:1.6;color:var(--color-text-secondary)}.thread-content code,.response-content code{background:#80808026;padding:.2em .4em;border-radius:3px;font-family:var(--font-family-mono);font-size:.9em;color:var(--color-accent)}.thread-content pre,.response-content pre{background:var(--color-bg-tertiary);padding:1em;overflow-x:auto;border:1px solid var(--color-border);margin-bottom:1em}.thread-content pre code,.response-content pre code{background:none;padding:0;color:var(--color-text-primary)}.thread-content blockquote,.response-content blockquote{border-left:3px solid var(--color-accent);padding-left:1em;color:var(--color-text-tertiary);margin-left:0;margin-bottom:1em;font-style:italic}.thread-content ul,.response-content ul,.thread-content ol,.response-content ol{margin-bottom:1em;padding-left:1.5em;color:var(--color-text-secondary)}.thread-content li,.response-content li{margin-bottom:.3em}.thread-content a,.response-content a{color:var(--color-accent);text-decoration:none}.thread-content a:hover,.response-content a:hover{text-decoration:underline}.thread-content img,.response-content img{max-width:100%;height:auto;border-radius:4px;margin:1em 0}.thread-content strong,.response-content strong{color:var(--color-text-primary);font-weight:600}.response-actions{display:flex;gap:var(--spacing-4)}.action-btn{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary);background:transparent;border:none;cursor:pointer;padding:0;transition:color var(--transition-fast)}.action-btn:hover,.action-btn.accept{color:var(--color-accent)}.action-btn.edit{display:inline-flex;align-items:center;gap:var(--spacing-1);color:var(--color-text-secondary)}.action-btn.edit:hover{color:var(--color-accent)}.action-btn.delete{display:inline-flex;align-items:center;gap:var(--spacing-1);color:var(--color-danger, #f85149)}.action-btn.delete:hover{color:#ff6b6b}.contribute-section{margin-top:var(--spacing-6)}.contribute-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.response-textarea{width:100%;min-height:150px;padding:var(--spacing-4);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:0;resize:vertical;margin-bottom:var(--spacing-4)}.response-textarea:focus{outline:none;border-color:var(--color-accent)}.response-textarea::placeholder{color:var(--color-text-tertiary)}.contribute-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-4)}.char-count{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.char-count.warning{color:var(--color-warning)}.char-count.success{color:var(--color-success)}.submit-btn{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-bg-primary);background:var(--color-accent);border:none;padding:var(--spacing-3) var(--spacing-4);cursor:pointer;transition:all var(--transition-fast)}.submit-btn:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-glow)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.thread-loading,.thread-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-8);font-family:var(--font-family-mono);color:var(--color-text-tertiary)}@media (max-width: 768px){.thread-meta{flex-direction:column;align-items:flex-start}.thread-vibe{margin-left:0}.thread-title{font-size:var(--font-size-2xl)}.response-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.response-actions{flex-wrap:wrap}}.profile-page{max-width:100%}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-8);font-family:var(--font-family-mono);color:var(--color-text-tertiary);text-align:center}.error-label{font-size:var(--font-size-lg);color:var(--color-error)}.profile-header{background:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.profile-avatar-section{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--color-bg-tertiary);border:2px solid var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);overflow:hidden;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.profile-username{font-family:var(--font-family-mono);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.profile-display-name{font-size:var(--font-size-base);color:var(--color-text-secondary)}.profile-bio{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:var(--spacing-2) 0 0 0;line-height:var(--line-height-relaxed)}.profile-stats{display:flex;gap:var(--spacing-6);margin-bottom:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.stat-item{display:flex;align-items:flex-start;gap:var(--spacing-3)}.stat-icon{color:var(--color-accent);font-size:1.25rem;margin-top:1px}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-value{font-family:var(--font-family-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1}.stat-label{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;line-height:1}.profile-edit-btn{margin-top:var(--spacing-4)}.profile-tabs{display:flex;gap:var(--spacing-1);margin-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-2)}.profile-tab{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary);background:transparent;border:none;padding:var(--spacing-2) var(--spacing-4);cursor:pointer;transition:all var(--transition-fast)}.profile-tab:hover{color:var(--color-text-primary)}.profile-tab.active{color:var(--color-accent);border-bottom:2px solid var(--color-accent);margin-bottom:-2px}.posts-list,.answers-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.profile-post-item,.profile-answer-item{display:flex;gap:var(--spacing-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--spacing-4);text-decoration:none;transition:all var(--transition-fast)}.profile-post-item:hover,.profile-answer-item:hover{border-color:var(--color-accent)}.post-votes,.answer-votes{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);color:var(--color-text-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);min-width:40px}.answer-votes .accepted-icon{color:var(--color-success);font-size:1rem}.post-details,.answer-details{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}.post-title,.answer-post-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight)}.answer-content{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.post-meta,.answer-meta{display:flex;gap:var(--spacing-3);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.post-solved,.answer-accepted{color:var(--color-success)}.post-tags{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.post-tag{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-accent)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-8);background:var(--color-bg-secondary);border:1px solid var(--color-border);text-align:center}.empty-label{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.empty-state p{color:var(--color-text-secondary);margin:0;font-size:var(--font-size-sm)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-6)}.page-btn{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);padding:var(--spacing-2) var(--spacing-3);cursor:pointer;transition:all var(--transition-fast)}.page-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.resources-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.resource-item{border-left:3px solid #58a6ff!important}.resource-icon{color:#58a6ff}.resource-badge-small{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:#58a6ff;padding:var(--spacing-1) var(--spacing-2);background:#58a6ff1a;border:1px solid #58a6ff;margin-right:var(--spacing-2)}@media (max-width: 768px){.profile-avatar-section{flex-direction:column;align-items:center;text-align:center}.profile-stats{flex-wrap:wrap;justify-content:center;gap:var(--spacing-4)}.profile-post-item,.profile-answer-item{flex-direction:column}.post-votes,.answer-votes{flex-direction:row;justify-content:flex-start}}.settings-page{max-width:100%}.loading-state{display:flex;justify-content:center;padding:var(--spacing-8);font-family:var(--font-family-mono);color:var(--color-text-tertiary)}.settings-header{margin-bottom:var(--spacing-6)}.settings-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;display:flex;align-items:baseline;gap:var(--spacing-3)}.settings-title .title-subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-tertiary);font-family:var(--font-family-mono)}.settings-layout{display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-6)}.settings-nav{display:flex;flex-direction:column;gap:var(--spacing-1)}.settings-nav-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:transparent;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-align:left}.settings-nav-item:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.settings-nav-item.active{color:var(--color-accent);background:var(--color-bg-secondary);border-color:var(--color-border)}.settings-nav-item svg{font-size:1rem}.settings-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--spacing-6)}.settings-message{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-4);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.settings-message.error{background:#ef44441a;border:1px solid var(--color-error);color:var(--color-error)}.settings-message.success{background:#22c55e1a;border:1px solid var(--color-success);color:var(--color-success)}.settings-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.settings-section-title{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);margin:0 0 var(--spacing-4) 0}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-label{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.avatar-preview{display:flex;flex-direction:column;gap:var(--spacing-2)}.preview-avatar{width:80px;height:80px;border-radius:50%;background:var(--color-bg-tertiary);border:2px solid var(--color-accent);overflow:hidden}.preview-avatar img{width:100%;height:100%;object-fit:cover}.account-info{display:flex;flex-direction:column;gap:var(--spacing-3)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border)}.info-label{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.info-value{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-primary)}.info-value.role-badge{color:var(--color-accent);text-transform:uppercase}.info-value.verified{color:var(--color-success)}.settings-form .btn{align-self:flex-start;display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-4)}@media (max-width: 768px){.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow-x:auto;padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border)}.settings-nav-item{white-space:nowrap}.settings-title{flex-direction:column;gap:var(--spacing-1)}}.landing-page{min-height:100vh;background-color:#050505;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);color:#fff;font-family:Plus Jakarta Sans,sans-serif}.landing-container{display:flex;width:100%;max-width:1200px;align-items:center;justify-content:space-between;gap:var(--spacing-16)}.landing-left{flex:1;max-width:600px}.brand-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:var(--spacing-8)}.hero-content{margin-bottom:var(--spacing-12)}.hero-text-primary{font-size:24px;line-height:1.4;color:#888;margin-bottom:var(--spacing-4)}.hero-text-primary .highlight-text{color:#fff;font-weight:600}.hero-text-secondary{font-size:18px;max-width:600px;color:#666;line-height:1.5}.status-pill-container{display:inline-block}.status-pill{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;border:1px solid rgba(63,185,80,.2);border-radius:0;background:#3fb9500d}.status-dot{width:8px;height:8px;background:#3fb950;border-radius:0;box-shadow:0 0 8px #3fb950}.status-text{font-family:Fira Code,monospace;font-size:12px;color:#3fb950;letter-spacing:1px}.landing-right{width:400px}.access-card{background:#0a0a0a;border:1px solid #222;border-radius:0;padding:32px;box-shadow:0 20px 40px #00000080}.access-header{margin-bottom:24px}.access-title{font-size:20px;font-weight:600;color:#fff;margin:0 0 4px}.access-status{display:flex;align-items:center;gap:8px;font-family:Fira Code,monospace;font-size:10px;color:#666}.status-dot.sm{width:6px;height:6px;box-shadow:none}.terminal-window{background:#111;border:1px solid #222;border-radius:0;padding:16px;font-family:Fira Code,monospace;font-size:12px;margin-bottom:24px;height:100px}.terminal-line{margin-bottom:4px;line-height:1.4}.text-muted{color:#666}.typing{color:#fff}.cursor{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.auth-error-message{color:#f44;font-family:Fira Code,monospace;font-size:11px;margin-bottom:16px;text-align:center}.github-access-btn{width:100%;height:48px;background:#fff;color:#000;border:none;border-radius:0;font-family:Fira Code,monospace;font-size:14px;font-weight:600;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:background .2s}.github-access-btn:hover{background:#e0e0e0}.github-access-btn:disabled{opacity:.7;cursor:not-allowed}.card-footer{margin-top:24px;text-align:center;font-family:Fira Code,monospace;font-size:9px;color:#444}.protocol-link{color:#888;text-decoration:underline}@media (max-width: 968px){.landing-container{flex-direction:column;gap:var(--spacing-8)}.landing-left{text-align:center;max-width:100%}.brand-header{justify-content:center}.status-pill-container{display:flex;justify-content:center}.landing-right{width:100%;max-width:400px}}.resources-page{display:flex;flex-direction:column}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-body{flex:1;display:flex;max-width:1400px;margin:0 auto;width:100%}.main-content{flex:1;padding:var(--spacing-4);min-width:0}.auth-layout{min-height:100vh;display:flex;flex-direction:column}.auth-main{flex:1;display:flex;align-items:center;justify-content:center}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);color:var(--color-accent);font-family:var(--font-family-mono)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.loading-spinner{width:32px;height:32px;border:2px solid var(--color-bg-tertiary);border-top-color:var(--color-accent);border-radius:0;animation:spin 1s linear infinite}.loading-text{font-size:var(--font-size-sm);letter-spacing:1px;animation:pulse 2s infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.app-body{flex-direction:column}}@media (max-width: 1024px){.main-content{padding-bottom:100px!important}}