:root{color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1115;font-family:ui-sans-serif,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.landing{max-width:1100px;margin:0 auto;padding:48px 24px 64px}.landing-header{margin-bottom:32px}.landing-header h1{letter-spacing:.02em;margin:0;font-size:2.5rem}.landing-tagline{color:#9ca3af;margin:8px 0 0}.search-bar{color:#e5e7eb;width:100%;max-width:360px;font:inherit;background:#171a21;border:1px solid #2a3040;border-radius:8px;margin-top:16px;padding:10px 14px;display:block}.search-bar:focus{border-color:#4b5563;outline:none}.search-bar::placeholder{color:#6b7280}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.channel-card{background:#171a21;border-radius:12px;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.channel-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006}.channel-thumbnail{aspect-ratio:16/10;object-fit:cover;background:#1f2430;width:100%}.channel-title{padding:12px 14px;font-size:.95rem;font-weight:600}.loading,.error{color:#9ca3af}.error{color:#f87171}.back-link{margin:0 0 16px;font-size:.9rem}.back-link a{color:#9ca3af}.back-link a:hover{color:#e5e7eb}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:32px;display:flex}.pagination button{color:#e5e7eb;font:inherit;cursor:pointer;background:#171a21;border:1px solid #2a3040;border-radius:8px;padding:8px 16px}.pagination button:hover:not(:disabled){background:#1f2430}.pagination button:disabled{opacity:.4;cursor:default}.pagination-page{color:#9ca3af;font-size:.9rem}