.channel-card{background-color:transparent;color:inherit;display:flex;flex-direction:column;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1)}.channel-card:focus-visible .thumbnail{box-shadow:0 0 0 4px var(--accent);outline:none}.thumbnail{background-color:hsla(0,0%,100%,.05);border-radius:20px;box-shadow:0 12px 24px -8px rgba(0,0,0,.4);contain-intrinsic-size:0 380px;content-visibility:auto;overflow:hidden;position:relative;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1),border-color .5s ease}.thumbnail img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .4s ease;width:100%}.lazy-img{opacity:0}.lazy-img.loaded{opacity:1}.play-overlay{align-items:center;background:rgba(0,0,0,.4);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s;z-index:2}.play-overlay svg{fill:hsla(0,0%,100%,.9);filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));height:48px;transform:scale(.8);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);width:48px}.badge-live{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;backdrop-filter:blur(10px);background:var(--badge-bg);border-radius:6px;color:#fff;font-size:.7rem;font-weight:800;left:.75rem;letter-spacing:.5px;padding:.2rem .6rem;position:absolute;text-transform:uppercase;top:.75rem;z-index:10}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.card-info{display:flex;flex-direction:column;padding:1rem .25rem 0}.channel-name{display:-webkit-box;font-size:1.1rem;font-weight:600;-webkit-line-clamp:2;margin-bottom:.3rem;-webkit-box-orient:vertical;letter-spacing:-.01em;line-height:1.35;overflow:hidden}.card-meta{align-items:center;color:var(--text-dim);display:flex;font-size:.85rem;font-weight:500;gap:.75rem}@keyframes spin{to{transform:rotate(1turn)}}.infinite-scroll-trigger{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:var(--glass-bg);border:1px solid var(--border);border-radius:30px;cursor:pointer;display:flex;flex-direction:row;gap:.75rem;justify-content:center;margin:3rem auto;outline:none;padding:1rem 2rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.infinite-scroll-trigger:hover:not(:disabled){background:var(--card-bg);border-color:hsla(0,0%,100%,.25);transform:translateY(-2px)}.infinite-scroll-trigger:active:not(:disabled){background:hsla(0,0%,100%,.03);transform:translateY(0)}.infinite-scroll-trigger.is-loading{cursor:not-allowed;opacity:.8}.infinite-scroll-trigger.is-loading .loading-spinner{display:block}.infinite-scroll-trigger:disabled{background:transparent;border:1px dashed var(--border);cursor:not-allowed;transform:none}.infinite-scroll-trigger:disabled .loading-text{color:var(--text-dim)}.loading-spinner{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.15);border-radius:50%;border-top:2px solid var(--text-main);display:none;flex-shrink:0;height:20px;width:20px}.loading-text{color:var(--text-main);font-size:1rem;font-weight:600;letter-spacing:-.01em}.site-footer{background-color:var(--footer-bg);border-top:1px solid var(--border);letter-spacing:-.02rem;margin-top:2rem;padding:2rem 1.5rem}.footer-content{display:grid;gap:3rem;grid-template-columns:1fr;margin:0 auto;max-width:1400px}.footer-section .footer-title{border-bottom:1px solid var(--border);color:var(--text-main);font-size:1.1rem;font-weight:600;margin-bottom:1.25rem;padding-bottom:.5rem}.footer-section h3,.footer-section p{font-size:.95rem;font-weight:400;line-height:1.6;margin-bottom:.75rem;max-width:75ch}.footer-section h3 a,.footer-section p a{color:var(--text-dim);display:block;font-size:.95rem;text-decoration:none;transition:color var(--transition-speed)}.footer-section h3 a:hover,.footer-section p a:hover{color:var(--text-main);text-decoration:underline}.footer-bottom{align-items:center;border-top:1px solid var(--border);color:var(--text-dim);display:flex;flex-direction:row;font-size:.9rem;gap:1rem;justify-content:space-between;margin:2rem auto 0;max-width:1400px;padding:1.5rem 0 0}.footer-bottom>section:last-child{text-align:right}.footer-social-links{display:flex;gap:1rem}.footer-social-links>li{border-radius:50%;display:inline-block;height:32px;list-style:none;overflow:hidden;position:relative;transition:opacity var(--transition-speed);width:32px}.footer-social-links>li:hover{opacity:1}.footer-social-links>li>a{border-radius:50%;display:block;height:32px;opacity:0;width:32px}.footer-social-links .facebook{background-color:#3b5a9a;background-image:url(/assets/dist/img/facebook.svg)}.footer-social-links .facebook,.footer-social-links .twitter{background-position:50%;background-repeat:no-repeat;background-size:1rem}.footer-social-links .twitter{background-color:#fff;background-image:url(/assets/dist/img/twitter.svg)}.footer-social-links .instagram{background-color:#e1306c;background-image:url(/assets/dist/img/instagram.svg)}.footer-social-links .instagram,.footer-social-links .telegram{background-position:50%;background-repeat:no-repeat;background-size:1rem}.footer-social-links .telegram{background-color:#229ed9;background-image:url(/assets/dist/img/telegram.svg)}.footer-social-links .youtube{background-color:red;background-image:url(/assets/dist/img/youtube.svg)}.footer-social-links .tiktok,.footer-social-links .youtube{background-position:50%;background-repeat:no-repeat;background-size:1rem}.footer-social-links .tiktok{background-color:#000;background-image:url(/assets/dist/img/tiktok.svg)}@media (min-width:768px){.footer-content{grid-template-columns:repeat(2,1fr)}.footer-content .footer-section:first-child{grid-column:span 2}}@media (min-width:1024px){.channel-card:hover .thumbnail{box-shadow:0 24px 48px -12px rgba(0,0,0,.6),0 12px 24px -12px rgba(0,0,0,.4);transform:scale(1.02)}.channel-card:hover img{transform:scale(1.03)}.channel-card:hover .play-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:1}.channel-card:hover .play-overlay svg{transform:scale(1)}.footer-content{grid-template-columns:3fr 1fr 1fr}.footer-content .footer-section:first-child{grid-column:span 1}}@media (max-width:767px){.site-footer{padding:2rem 1.5rem 5rem}.footer-bottom{flex-direction:column}.footer-bottom>section:first-child,.footer-bottom>section:last-child{text-align:center}.footer-social-links{justify-content:center}}