:root{--color-primary:#27187e;--color-primary-light:#3d2ba8;--color-primary-dark:#1a1057;--color-bg:#f7f7ff;--color-bg-secondary:#eeeef9;--color-bg-card:#fff;--color-text-primary:#0f0c2e;--color-text-secondary:#5a567a;--color-text-muted:#9896b0;--color-text-inverse:#f7f7ff;--color-accent:#4b3fd4;--color-accent-soft:#27187e14;--color-success:#1db954;--color-error:#e63946;--color-warning:#f4a261;--color-border:#27187e1f;--color-border-focus:#27187e;--shadow-xs:0 1px 3px #27187e14;--shadow-sm:0 2px 8px #27187e1a;--shadow-md:0 4px 20px #27187e21;--shadow-lg:0 8px 40px #27187e2e;--shadow-xl:0 20px 60px #27187e38;--font-display:"Barlow Condensed", sans-serif;--font-body:"Barlow", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--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)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}input,textarea,select{font-family:var(--font-body)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}::selection{background:var(--color-primary);color:var(--color-text-inverse)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.hide-mobile,.hide-desktop-right{display:flex!important}@media (width<=1024px){.hide-desktop-right{display:none!important}}@media (width<=768px){.hide-mobile{display:none!important}.feed-layout{gap:0!important;padding:12px 12px 80px!important}.main-content{flex:1!important;width:100%!important;min-width:0!important}}.bottom-nav{background:#f7f7fff2!important}[data-dark=true] .bottom-nav,.dark .bottom-nav{background:#0f0e17f2!important}