*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#e53935;--color-primary-dark:#b71c1c;--color-primary-glow:#e5393540;--color-bg:#141414;--color-bg-card:#1f1f1f;--color-bg-elevated:#2a2a2a;--color-bg-input:#2a2a2a;--color-bg-tag:#333;--color-text:#fff;--color-text-secondary:#b3b3b3;--color-text-muted:#666;--color-border:#333;--color-star:#ffc107;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--nav-height:68px;--content-max:1400px;--content-pad:clamp(16px, 4%, 60px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Netflix Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html,body{background:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden}#app{min-height:100vh;position:relative}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input{outline:none;font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#555}::-webkit-scrollbar-thumb:hover{background:#888}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progress{0%{width:0%}to{width:100%}}.skeleton{background:linear-gradient(90deg, var(--color-bg-card) 25%, var(--color-bg-elevated) 50%, var(--color-bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.fade-enter-active,.fade-leave-active{transition:opacity .25s}.fade-enter-from,.fade-leave-to{opacity:0}.page-enter-active,.page-leave-active{transition:opacity .2s}.page-enter-from,.page-leave-to{opacity:0}.content-wrap{max-width:var(--content-max);padding:0 var(--content-pad);margin:0 auto}.top-nav[data-v-5dcb558b]{z-index:100;height:var(--nav-height);background:linear-gradient(#141414f2 0%,#14141400 100%);transition:background .3s;position:fixed;top:0;left:0;right:0}.top-nav.scrolled[data-v-5dcb558b]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414f7;box-shadow:0 1px #ffffff0d}.nav-inner[data-v-5dcb558b]{height:100%;padding:0 var(--content-pad);max-width:var(--content-max);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand-logo[data-v-5dcb558b]{color:#fff;cursor:pointer;letter-spacing:-.5px;white-space:nowrap;flex-shrink:0;margin-right:32px;font-size:26px;font-weight:900}.brand-logo .red[data-v-5dcb558b]{color:var(--color-primary)}.nav-left[data-v-5dcb558b]{align-items:center;gap:0;display:flex}.nav-links[data-v-5dcb558b]{gap:4px;display:flex}.nav-link[data-v-5dcb558b]{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;padding:6px 12px;font-size:14px;font-weight:500;transition:color .2s,background .2s}.nav-link[data-v-5dcb558b]:hover,.nav-link.active[data-v-5dcb558b]{color:#fff;background:#ffffff14}.nav-right[data-v-5dcb558b]{align-items:center;gap:8px;display:flex}.nav-icon-btn[data-v-5dcb558b]{width:38px;height:38px;color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex}.nav-icon-btn[data-v-5dcb558b]:hover{color:#fff;background:#ffffff14}.nav-icon-btn svg[data-v-5dcb558b]{width:20px;height:20px}.notif-btn[data-v-5dcb558b]{position:relative}.profile-avatar[data-v-5dcb558b]{cursor:pointer;border-radius:50%;width:36px;height:36px;transition:outline .15s;overflow:hidden}.profile-avatar[data-v-5dcb558b]:hover{outline:2px solid #fff}.profile-avatar svg[data-v-5dcb558b]{width:36px;height:36px}.hamburger[data-v-5dcb558b]{flex-direction:column;gap:5px;padding:6px;display:none}.hamburger span[data-v-5dcb558b]{background:#fff;border-radius:1px;width:22px;height:2px;display:block}.mobile-menu[data-v-5dcb558b]{border-top:1px solid var(--color-border);background:#141414fa;padding:12px 0}.mobile-link[data-v-5dcb558b]{color:var(--color-text-secondary);cursor:pointer;padding:12px 20px;font-size:15px;transition:color .2s,background .2s;display:block}.mobile-link[data-v-5dcb558b]:hover{color:#fff;background:#ffffff0d}.page-logo[data-v-5dcb558b]{width:50px;height:50px}@media (width<=767px){.nav-links[data-v-5dcb558b],.nav-icon-btn[data-v-5dcb558b],.profile-avatar[data-v-5dcb558b]{display:none}.hamburger[data-v-5dcb558b]{display:flex}}.fade-enter-active[data-v-5dcb558b],.fade-leave-active[data-v-5dcb558b]{transition:opacity .2s,transform .2s}.fade-enter-from[data-v-5dcb558b],.fade-leave-to[data-v-5dcb558b]{opacity:0;transform:translateY(-8px)}.bottom-nav[data-v-2901a049]{border-top:1px solid var(--color-border);z-index:100;height:64px;padding-bottom:env(safe-area-inset-bottom);background:#111;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item[data-v-2901a049]{color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:100%;font-size:10px;font-weight:500;transition:color .2s;display:flex}.nav-item svg[data-v-2901a049]{width:22px;height:22px}.nav-item.active[data-v-2901a049]{color:var(--color-primary)}.nav-item span[data-v-2901a049]{letter-spacing:.01em}#app-root{background:var(--color-bg);min-height:100vh}main.with-nav{padding-top:var(--nav-height)}@media (width>=768px){.bottom-nav{display:none!important}main.with-nav{padding-bottom:0}}@media (width<=767px){main.with-nav{padding-top:0;padding-bottom:64px}.top-nav{display:none!important}}