@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";
:root{--bg-primary:#09090b;--bg-secondary:#121214;--bg-tertiary:#1c1c1f;--bg-elevated:#242427;--bg-surface:#2e2e33;--accent-primary:#e4e4e7;--accent-secondary:#a1a1aa;--accent-tertiary:#f4f4f5;--accent-pink:#e2b86f;--accent-rose:#ef4444;--accent-blue:#3b82f6;--gradient-primary:linear-gradient(135deg, #f4f4f5 0%, #a1a1aa 100%);--gradient-secondary:linear-gradient(135deg, #e2b86f 0%, #f4f4f5 50%, #a1a1aa 100%);--gradient-subtle:linear-gradient(135deg, #ffffff0d 0%, #ffffff05 100%);--gradient-glow:radial-gradient(ellipse at center, #ffffff08 0%, transparent 70%);--gradient-card:linear-gradient(145deg, #1c1c1fe6 0%, #121214f2 100%);--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-inverse:#09090b;--text-accent:#e2b86f;--border-subtle:#ffffff0a;--border-default:#ffffff14;--border-accent:#ffffff26;--border-hover:#ffffff40;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #0000008c;--shadow-lg:0 8px 32px #000000a6;--shadow-xl:0 16px 48px #000000bf;--shadow-glow:0 0 30px #ffffff05;--shadow-glow-strong:0 0 60px #ffffff0a;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Outfit", "Inter", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--text-hero:clamp(2.5rem, 5vw, 4.5rem);--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.6;--space-1:.25rem;--space-2:.5rem;--space-3:.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;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-base:0;--z-above:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-max:999;--header-height:64px;--sidebar-width:72px;--max-content-width:1200px;--max-feed-width:680px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 20% 20%,#ffffff05 0%,#0000 50%),radial-gradient(at 80% 80%,#e2b86f05 0%,#0000 50%),radial-gradient(#ffffff03 0%,#0000 60%);width:200%;height:200%;animation:20s ease-in-out infinite alternate ambientShift;position:fixed;top:-50%;left:-50%}@keyframes ambientShift{0%{transform:translate(0)rotate(0)}50%{transform:translate(-2%,-1%)rotate(1deg)}to{transform:translate(1%,2%)rotate(-1deg)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-hero);font-weight:800}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--text-secondary);line-height:var(--leading-normal)}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-tertiary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::selection{color:var(--text-primary);background:#8b5cf64d}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(20px)saturate(150%);border:1px solid var(--border-subtle);background:#0d0d1499}.glass-light{-webkit-backdrop-filter:blur(12px)saturate(130%);border:1px solid var(--border-default);background:#1e1e3566}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes equalizer{0%,to{height:4px}50%{height:16px}}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-surface) 50%, var(--bg-elevated) 75%);border-radius:var(--radius-md);background-size:400% 100%;animation:1.5s ease-in-out infinite shimmer}.container{width:100%;max-width:var(--max-content-width);padding:0 var(--space-6);margin:0 auto}@media (max-width:768px){:root{--header-height:56px;--sidebar-width:0px}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}}@media (max-width:480px){:root{--space-6:1rem}}@media (min-width:769px){body:has([class*=sidebar]) main{transition:margin-left var(--transition-base)!important;margin-left:72px!important}body:has([class*=sidebar]) [class*=editorContainer]{transition:margin-left var(--transition-base)!important;margin-left:72px!important}body:has([class*=sidebar]):not(:has([class*=sidebarCollapsed])) main{margin-left:280px!important}body:has([class*=sidebar]):not(:has([class*=sidebarCollapsed])) [class*=editorContainer]{margin-left:280px!important}}.role-badge{text-transform:uppercase;letter-spacing:.05em;vertical-align:middle;text-shadow:0 1px 2px #0000004d;transition:all var(--transition-fast) ease;background-image:linear-gradient(135deg,#ffffff26 0%,#00000026 100%);border:1px solid #ffffff26;border-radius:4px;justify-content:center;align-items:center;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.2;display:inline-flex;box-shadow:0 2px 6px #00000059,inset 0 1px #fff3}.role-badge:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #00000073,inset 0 1px #ffffff40}.role-badge-admin{color:#ef4444;text-shadow:0 0 8px #ef444459;background-color:#09090b;background-image:none;border:1px solid #ef4444;box-shadow:0 2px 8px #ef444440,inset 0 1px #ffffff1a}.role-badge-moderator{color:#3b82f6;text-shadow:0 0 8px #3b82f659;background-color:#09090b;background-image:none;border:1px solid #3b82f6;box-shadow:0 2px 8px #3b82f640,inset 0 1px #ffffff1a}.role-badge-comm-creator{color:#e2b86f;text-shadow:0 0 8px #e2b86f59;background-color:#09090b;background-image:none;border:1px solid #e2b86f;box-shadow:0 2px 8px #e2b86f40,inset 0 1px #ffffff1a}.role-badge-comm-moderator{color:#10b981;text-shadow:0 0 8px #10b98159;background-color:#09090b;background-image:none;border:1px solid #10b981;box-shadow:0 2px 8px #10b98140,inset 0 1px #ffffff1a}