@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap";:root{--brand-blue: #5B6AAF;--brand-blue-light: #7080C8;--brand-blue-dark: #4A5690;--brand-orange: #F5922A;--brand-orange-light: #F7A845;--brand-orange-dark: #D97B1A;--brand-gold: #D4A017;--brand-gold-light: #E8B820;--bg-primary: #0F1117;--bg-secondary: #161822;--bg-card: #1C1F2E;--bg-elevated: #232738;--bg-glass: rgba(255, 255, 255, .05);--bg-glass-hover: rgba(255, 255, 255, .08);--border-default: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--text-primary: #F0F0F5;--text-secondary: rgba(240, 240, 245, .72);--text-tertiary: rgba(240, 240, 245, .45);--text-muted: rgba(240, 240, 245, .28);--accent-primary: var(--brand-blue);--accent-primary-hover: var(--brand-blue-light);--accent-primary-glow: rgba(91, 106, 175, .35);--accent-secondary: var(--brand-orange);--accent-secondary-hover: var(--brand-orange-light);--accent-secondary-glow: rgba(245, 146, 42, .35);--accent-gold: var(--brand-gold);--accent-gold-glow: rgba(212, 160, 23, .3);--color-like: var(--brand-orange);--color-like-glow: var(--accent-secondary-glow);--color-bookmark: var(--brand-gold);--color-follow: var(--brand-blue);--color-success: #3B9ECC;--color-warning: var(--brand-orange);--font-ui: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Outfit", "Inter", sans-serif;--header-height: 60px;--sidebar-width: 240px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .15s var(--ease-out-expo);--transition-normal: .25s var(--ease-out-expo);--transition-slow: .4s var(--ease-out-expo);--transition-theme: .35s ease;--shadow-glow-primary: 0 0 20px var(--accent-primary-glow);--shadow-glow-secondary: 0 0 20px var(--accent-secondary-glow);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .6)}[data-theme=light]{--bg-primary: #FFFFFF;--bg-secondary: #F5F6FA;--bg-card: #FFFFFF;--bg-elevated: #F0F1F6;--bg-glass: rgba(0, 0, 0, .03);--bg-glass-hover: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .16);--text-primary: #1A1D2E;--text-secondary: rgba(26, 29, 46, .72);--text-tertiary: rgba(26, 29, 46, .45);--text-muted: rgba(26, 29, 46, .28);--accent-primary-glow: rgba(91, 106, 175, .2);--accent-secondary-glow: rgba(245, 146, 42, .2);--accent-gold-glow: rgba(212, 160, 23, .15);--color-like-glow: rgba(245, 146, 42, .2);--shadow-elevated: 0 4px 24px rgba(0, 0, 0, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}html{color-scheme:dark}[data-theme=light]{color-scheme:light}body{font-family:var(--font-ui);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;transition:background var(--transition-theme),color var(--transition-theme)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80808040;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#80808066}*{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.25) transparent}button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}input,textarea{background:none;border:none;color:inherit;font:inherit;outline:none}img,video{display:block;max-width:100%}ul,ol{list-style:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes heartBurst{0%{transform:scale(1)}15%{transform:scale(1.35)}30%{transform:scale(.9)}45%{transform:scale(1.15)}60%{transform:scale(.95)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px var(--accent-secondary-glow)}50%{box-shadow:0 0 25px var(--accent-secondary-glow),0 0 50px #f5922a26}}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-120px) scale(1.5)}}.glass{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-default)}.glass-heavy{background:#0a0a0ad9;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--border-default)}[data-theme=light] .glass-heavy{background:#ffffffe6}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{width:100%;min-height:100vh;background:var(--bg-primary);transition:background var(--transition-theme)}.app__layout{display:flex;padding-top:var(--header-height)}.app__main{flex:1;margin-left:var(--sidebar-width);min-height:calc(100vh - var(--header-height));display:flex;justify-content:center;transition:margin-left var(--transition-normal)}.app__sidebar-overlay{display:none}@media(max-width:1024px){.app__main{margin-left:0}}@media(max-width:768px){.app__main{margin-left:0}.app__sidebar-overlay{display:none;position:fixed;inset:0;z-index:40;background:#00000080;animation:fadeIn .2s ease-out}.app__sidebar-overlay.visible{display:block}}.app__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;height:100vh;background:var(--bg-primary)}.app__loading-spinner{width:28px;height:28px;border:3px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}