:root{--bg-main:#060e0a;--bg-card:#0d1912;--text-main:#fff;--text-muted:#94a3b8;--accent-gold:#f59e0b;--accent-green:#10b981;--accent-blue:#0284c7;--accent-red:#10b981;--border-color:#ffffff14;--brand-color1:#10b981;--brand-color2:#f59e0b;--brand-gradient:linear-gradient(135deg, #059669 0%, #10b981 50%, #f59e0b 100%)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-main);width:100%;height:100%;color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}body{background-image:radial-gradient(circle at 0 0,#10b98138,#0000 50%),radial-gradient(circle at 100% 100%,#f59e0b29,#0000 50%),radial-gradient(circle at 50% 100%,#0284c71f,#0000 60%);background-attachment:fixed;min-height:100dvh}.safe-top{padding-top:max(16px, env(safe-area-inset-top))}.safe-bottom{padding-bottom:max(16px, env(safe-area-inset-bottom))}.app-container{flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.top-nav{height:60px;padding:0 16px;padding-top:max(0px, env(safe-area-inset-top));z-index:20;-webkit-backdrop-filter:blur(8px);background:linear-gradient(#0a0a0fd9 0%,#0a0a0f00 100%);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.back-btn{border:1px solid var(--border-color);color:#fff;cursor:pointer;background:#140f19d9;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000004d}.back-btn:hover,.back-btn:active{background:#281e32e6;transform:scale(.97)}.search-bar{border:1px solid var(--border-color);background:#140f19d9;border-radius:20px;align-items:center;gap:8px;width:320px;padding:8px 16px;display:flex}.search-bar input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.page-layout{width:100%;height:100dvh;padding-top:60px;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-color);background:#0f0a1499;flex-direction:column;flex-shrink:0;width:260px;padding:12px;display:flex;overflow-y:auto}.sidebar-item{cursor:pointer;color:var(--text-muted);border-radius:10px;align-items:center;gap:10px;margin-bottom:4px;padding:12px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.sidebar-item:hover,.sidebar-item:active{color:#fff;background:#ffffff14}.sidebar-item.active-gold{background:var(--accent-gold);color:#fff;font-weight:600}.sidebar-item.active-dark{color:#fff;background:#10b98133;border-left:3px solid #10b981;font-weight:600}.main-content{-webkit-overflow-scrolling:touch;flex:1;padding:20px;overflow-y:auto}.media-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:14px;display:grid}.media-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.media-card:hover{border-color:#ffffff40;transform:translateY(-4px);box-shadow:0 10px 20px #00000080}.media-card:active{transform:scale(.97)}.media-poster{aspect-ratio:2/3;object-fit:cover;background-color:#1a1622;width:100%}.media-title{white-space:nowrap;text-overflow:ellipsis;text-align:center;color:#eee;padding:8px 10px;font-size:.8rem;font-weight:600;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (width<=768px){.top-nav{height:55px;padding:0 12px;padding-top:max(4px, env(safe-area-inset-top))}.back-btn{border-radius:16px;padding:6px 12px;font-size:.8rem}.page-layout{flex-direction:column;height:100dvh;padding-top:55px}.sidebar{scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#0f0a14f2;white-space:nowrap!important;border-right:none!important;border-bottom:1px solid var(--border-color)!important;flex-direction:row!important;gap:8px!important;width:100%!important;height:auto!important;max-height:56px!important;padding:8px 12px!important;overflow:auto hidden!important}.sidebar::-webkit-scrollbar{display:none}.sidebar-item{background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px!important;flex-shrink:0!important;margin-bottom:0!important;padding:6px 14px!important;font-size:.78rem!important;display:inline-flex!important}.sidebar-item.active-dark{color:#fff!important;background:#10b981!important;border-left:1px solid #10b981!important}.main-content{padding:12px!important;padding-bottom:max(20px, env(safe-area-inset-bottom))!important}.search-bar{width:100%!important;margin-left:0!important}.media-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.media-title{padding:6px 4px!important;font-size:.72rem!important}}@media (width<=480px){.media-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.media-card{border-radius:8px!important}}