@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0f0f0f;min-height:100vh;font-family:Roboto,sans-serif}.navbar{z-index:10;background:#0f0f0f;border-bottom:1px solid #272727;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;height:56px;padding:0 1rem;display:grid;position:sticky;top:0}.logo{color:#fff;white-space:nowrap;flex-shrink:0;align-items:center;gap:.35rem;font-size:1rem;font-weight:700;display:flex}.logo-img{object-fit:contain;width:22px;height:22px}.search-bar{width:100%;max-width:480px;margin:0 auto;display:flex}.search-bar input{color:#fff;background:#121212;border:1px solid #303030;border-right:none;border-radius:20px 0 0 20px;outline:none;flex:1;min-width:0;height:34px;padding:0 .85rem;font-size:.85rem;transition:border-color .15s}.search-bar input:focus{border-color:#1c62b9}.search-bar input::placeholder{color:#555}.search-bar button{color:#aaa;cursor:pointer;background:#222;border:1px solid #303030;border-left:none;border-radius:0 20px 20px 0;flex-shrink:0;align-items:center;height:34px;padding:0 .9rem;transition:background .15s;display:flex}.search-bar button:hover{color:#fff;background:#333}.nav-right{justify-self:end}.avatar{color:#000;background:#3ea6ff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:700;display:flex}.app{max-width:1280px;margin:0 auto;padding:1.25rem .75rem 3rem}.grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=480px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width>=860px){.grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1180px){.grid{grid-template-columns:repeat(4,1fr)}}.card{color:inherit;cursor:pointer;text-decoration:none;display:block}.thumb-wrap{aspect-ratio:16/9;background:#1a1a1a;border-radius:8px;width:100%;overflow:hidden}.thumb-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.card:hover .thumb-wrap img{transform:scale(1.03)}.info{gap:.6rem;padding:.6rem .1rem 0;display:flex}.ch-dot{background:#272727;border-radius:50%;flex-shrink:0;width:28px;height:28px;margin-top:1px}.info-text{flex:1;min-width:0}.title{-webkit-line-clamp:2;color:#fff;-webkit-box-orient:vertical;margin-bottom:.3rem;font-size:.88rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.channel{color:#aaa;margin-bottom:.1rem;font-size:.78rem}.meta{color:#aaa;font-size:.78rem}.card.skeleton{pointer-events:none}.sk-thumb{aspect-ratio:16/9;background:linear-gradient(90deg,#1a1a1a 25%,#252525 50%,#1a1a1a 75%) 0 0/200% 100%;border-radius:8px;width:100%;animation:1.4s infinite shimmer}.sk-line{background:linear-gradient(90deg,#1a1a1a 25%,#252525 50%,#1a1a1a 75%) 0 0/200% 100%;border-radius:3px;height:11px;margin-bottom:.4rem;animation:1.4s infinite shimmer}.sk-line.long{width:90%;margin-top:.5rem}.sk-line.medium{width:60%}.sk-line.short{width:40%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-layout{align-items:flex-start;gap:.5rem;display:flex}.page-layout .grid{flex:1;min-width:0}.nav-arrow{color:#ccc;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin:0 .5rem;transition:background .15s,color .15s,border-color .15s;display:flex;position:sticky;top:calc(56px + 40vh)}.nav-arrow:hover{color:#fff;background:#2a2a2a;border-color:#555}.nav-arrow:disabled{opacity:.15;cursor:not-allowed}.page-info{text-align:center;color:#555;margin-top:1.25rem;font-size:.78rem}.mobile-nav{display:none}@media (width<=600px){.nav-arrow{display:none}.mobile-nav{justify-content:center;gap:.75rem;margin-top:1.25rem;display:flex}.mobile-nav button{color:#fff;cursor:pointer;background:#272727;border:none;border-radius:20px;padding:.45rem 1.1rem;font-family:Roboto,sans-serif;font-size:.82rem;transition:background .15s}.mobile-nav button:hover{background:#3a3a3a}.mobile-nav button:disabled{opacity:.25;cursor:not-allowed}}.status{text-align:center;color:#666;margin-top:5rem}