:root{--bg:#0a0a0d;--bg-secondary:#111116;--surface:#1a1a21;--surface-hover:#232329;--surface-elevated:#1e1e26;--border:#ffffff12;--border-strong:#ffffff24;--text-primary:#f7f7f8;--text-secondary:#a3a0b0;--text-tertiary:#6b6875;--accent:#ff3d68;--accent-2:#7c5cff;--gradient-brand:linear-gradient(135deg, #7c5cff 0%, #ff3d68 100%);--gradient-brand-soft:linear-gradient(135deg, #7c5cff29, #ff3d6829);--gold:#ffc043;--gold-soft:#ffc04324;--success:#2ecc71;--success-soft:#2ecc7124;--danger:#ff5c5c;--danger-soft:#ff5c5c24;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-full:999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 12px 32px #00000073;--shadow-glow:0 8px 24px #7c5cff59;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{justify-content:center;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:0;height:0}.app-frame{background:var(--bg);flex-direction:column;width:100%;max-width:460px;min-height:100vh;display:flex;position:relative;overflow-x:hidden}@media (width>=461px) and (width<=899px){html,body{background:#050506}.app-frame{box-shadow:0 0 0 1px var(--border), var(--shadow-lg)}}@media (width>=900px){#root{justify-content:stretch}.app-frame{flex-direction:row;max-width:none;min-height:100vh}.app-content{flex:1;width:100%;max-width:1360px;margin:0 auto;padding-bottom:0!important}}.app-content{flex:1;padding-bottom:84px;overflow-y:auto}.auth-content{flex:1;width:100%}@media (width>=900px){.auth-content{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-content>div{width:100%;max-width:420px}}.type-display{letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1.2}.type-title{letter-spacing:-.01em;font-size:18px;font-weight:700;line-height:1.3}.type-subtitle{font-size:14px;font-weight:600;line-height:1.4}.type-body{font-size:14px;font-weight:400;line-height:1.55}.type-caption{font-size:12px;font-weight:500;line-height:1.4}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-dim{color:var(--text-secondary)}.text-faint{color:var(--text-tertiary)}.btn{border-radius:var(--radius-full);cursor:pointer;transition:transform .15s var(--ease), opacity .15s var(--ease), filter .15s var(--ease);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:7px;padding:13px 22px;font-size:14.5px;font-weight:700;display:inline-flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-glow)}@media (hover:hover){.btn-primary:hover{filter:brightness(1.08)}}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-strong)}@media (hover:hover){.btn-secondary:hover{background:var(--surface-hover)}}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-block{width:100%}.btn-icon{border-radius:var(--radius-full);padding:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.card-elevated{background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.surface-inset{background:var(--bg-secondary);border-radius:var(--radius-sm)}.badge{border-radius:var(--radius-full);background:var(--gold-soft);color:var(--gold);align-items:center;gap:4px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.coin-icon{background:radial-gradient(circle at 30% 30%, #ffe08a, var(--gold) 70%);border-radius:50%;flex-shrink:0;width:13px;height:13px;display:inline-block;box-shadow:inset 0 0 0 1.5px #0003}.pill-tag{border-radius:var(--radius-xs);letter-spacing:.03em;text-transform:uppercase;color:#fff;align-items:center;padding:3px 8px;font-size:10.5px;font-weight:800;display:inline-flex}.pill-hot{background:linear-gradient(135deg,#ff5c5c,#ff3d68)}.pill-new{background:linear-gradient(135deg, var(--accent-2), #9b7bff)}.chip{border-radius:var(--radius-full);white-space:nowrap;transition:background .15s var(--ease), color .15s var(--ease);cursor:pointer;border:1px solid #0000;align-items:center;padding:8px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.chip-active{background:var(--gradient-brand);color:#fff}.chip-inactive{background:var(--surface);color:var(--text-secondary);border-color:var(--border)}.tab-bar{border-bottom:1px solid var(--border);gap:22px;padding:0 16px;display:flex;overflow-x:auto}.tab-item{color:var(--text-tertiary);cursor:pointer;white-space:nowrap;transition:color .15s var(--ease);background:0 0;border:none;padding:12px 0 14px;font-size:15px;font-weight:700;position:relative}.tab-item.active{color:var(--text-primary)}.tab-item.active:after{content:"";border-radius:var(--radius-full);background:var(--gradient-brand);height:3px;position:absolute;bottom:0;left:0;right:0}.poster-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 16px;display:grid}@media (width>=900px){.poster-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;padding:20px 32px}}.poster-card{border-radius:var(--radius-sm);aspect-ratio:2/3;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease);position:relative;overflow:hidden}.poster-card:active{transform:scale(.96)}.poster-card-badges{z-index:2;position:absolute;top:6px;left:6px}.poster-card-views{z-index:2;color:#fff;text-shadow:0 1px 3px #000c;align-items:center;gap:3px;font-size:10.5px;font-weight:700;display:flex;position:absolute;bottom:6px;right:7px}.poster-card-gradient{background:linear-gradient(#0000 55%,#000000bf 100%);position:absolute;inset:0}.poster-meta{margin-top:8px}.poster-meta-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.poster-meta-tag{color:var(--text-tertiary);margin-top:3px;font-size:11px}.input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text-primary);transition:border-color .15s var(--ease);padding:14px 16px;font-size:15px}.input:focus{border-color:var(--accent-2);outline:none}.search-bar{border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--text-tertiary);align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;display:flex}.page-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0a0a0dfa 70%,#0a0a0dd9);justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.page-title{letter-spacing:-.01em;font-size:20px;font-weight:800}.section-title{color:var(--text-primary);align-items:center;gap:6px;margin:22px 16px 12px;font-size:15px;font-weight:700;display:flex}.spinner{border:2.5px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.center-spinner{justify-content:center;align-items:center;padding:60px 0;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-hover) 37%, var(--surface) 63%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s infinite shimmer}.toast{background:var(--surface-elevated);border:1px solid var(--border-strong);color:var(--text-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);z-index:100;text-align:center;max-width:90%;animation:toast-in .25s var(--ease);align-items:center;gap:8px;padding:13px 22px;font-size:14px;font-weight:700;display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.error-text{color:var(--danger);font-size:13px}.bottom-nav{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;width:100%;max-width:460px;padding-bottom:env(safe-area-inset-bottom,0);background:#111116f7;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-item{color:var(--text-tertiary);transition:color .15s var(--ease);flex-direction:column;flex:1;align-items:center;gap:3px;padding:11px 0 10px;font-size:10.5px;font-weight:700;display:flex;position:relative}.bottom-nav-item.active{color:var(--text-primary)}.bottom-nav-icon-wrap{justify-content:center;align-items:center;width:26px;height:26px;display:flex}.sidebar-nav{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-self:flex-start;gap:4px;width:244px;min-height:100vh;padding:24px 14px;display:none;position:sticky;top:0}.sidebar-logo{letter-spacing:-.02em;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;padding:8px 12px 26px;font-size:24px;font-weight:800}.sidebar-nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);transition:background .15s var(--ease), color .15s var(--ease);align-items:center;gap:13px;padding:12px 14px;font-size:14.5px;font-weight:700;display:flex}.sidebar-nav-item:hover{background:var(--surface);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--gradient-brand-soft);color:var(--text-primary)}.sidebar-nav-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:14px}@media (width>=900px){.bottom-nav{display:none}.sidebar-nav{display:flex}}