*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base,16px);scroll-behavior:smooth;-webkit-text-size-adjust:100%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-family,"Outfit", sans-serif);background:var(--color-bg,#0b0d11);color:var(--color-text,#eef0f4);line-height:var(--line-height,1.55);-webkit-font-smoothing:antialiased;min-height:100dvh}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.skip-link{background:var(--color-primary);color:#fff;z-index:9999;border-radius:0 0 6px;padding:8px 16px;font-size:14px;font-weight:600;transition:top .1s;position:absolute;top:-100px;left:0}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--color-primary-2,#3a7fd4);outline-offset:2px;border-radius:3px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{max-width:var(--container-max,1280px);margin:0 auto;padding:0 20px}#main-nav{z-index:100;position:fixed;top:0;left:0;right:0}.nav{height:var(--nav-height,52px);background:#0b0d116b;border-bottom:1px solid #ffffff0f;align-items:center;gap:0;padding:0 20px;transition:background-color .25s,border-color .25s;display:flex}.nav.nav-solid{border-bottom-color:var(--color-border);background:#0b0d11db}@media (hover:hover) and (pointer:fine){.nav{-webkit-backdrop-filter:blur(10px)saturate(150%)}.nav.nav-solid{-webkit-backdrop-filter:blur(12px)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nav{background:#0b0d11a8}.nav.nav-solid{background:#0b0d11eb}}.nav-logo{flex-shrink:0;align-items:center;margin-right:28px;display:flex}.nav-logo-img,.logo-svg{filter:drop-shadow(0 1px 2px #0000008c);width:auto;height:28px}.nav-links{flex:1;gap:2px;display:flex}.nav-link{color:var(--color-muted);white-space:nowrap;text-shadow:0 1px 2px #0000008c,0 0 12px #0006;border-radius:6px;padding:5px 11px;font-size:14px;font-weight:600;transition:color .15s,background .15s}.nav-link:hover,.nav-link.active{color:var(--color-text)}.nav-link.active{font-weight:600}.nav-dropdown{align-items:center;display:flex;position:relative}.nav-link-dropdown{cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;font-family:inherit;display:inline-flex}.nav-caret{font-size:11px;transition:transform .15s}.nav-dropdown[aria-expanded=true] .nav-caret,.nav-link-dropdown[aria-expanded=true] .nav-caret{transform:rotate(180deg)}.nav-submenu{background:var(--color-surface-2);border:1px solid var(--color-border);z-index:300;border-radius:8px;min-width:220px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #00000073}.nav-submenu-link{color:var(--color-muted);white-space:nowrap;border-radius:5px;align-items:center;gap:8px;padding:8px 11px;font-size:13px;font-weight:500;display:flex}.nav-submenu-link:hover{background:var(--color-surface-3);color:var(--color-text)}.nav-submenu-link i{color:var(--color-primary);font-size:15px}.nav-right{align-items:center;gap:8px;margin-left:auto;display:flex}.nav-channel-selector{position:relative}.nav-channel-btn{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;text-shadow:0 1px 2px #00000080;border-radius:6px;align-items:center;gap:5px;height:30px;padding:0 11px 0 10px;font-size:12px;font-weight:600;display:flex}.nav-channel-dropdown{background:var(--color-surface-2);border:1px solid var(--color-border);z-index:200;border-radius:8px;min-width:200px;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0006}.nav-channel-option{color:var(--color-muted);border-radius:5px;align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;display:flex}.nav-channel-option:hover,.nav-channel-option.active{background:var(--color-surface-3);color:var(--color-text)}.nav-channel-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.nav-live-badge,.live-badge{background:var(--color-live);color:#fff;letter-spacing:.04em;text-shadow:0 1px 2px #00000073;border-radius:4px;align-items:center;gap:5px;padding:4px 9px;font-size:10.5px;font-weight:700;display:flex}.nav-live-badge{border-radius:6px;height:30px;padding:0 12px}.live-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.nav-mobile-toggle{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;text-shadow:0 1px 2px #00000080;border-radius:6px;height:30px;padding:0 10px;font-size:18px;display:none}.nav-mobile{top:var(--nav-height,52px);background:var(--color-surface);z-index:99;padding:12px;display:none;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.nav-mobile-link{color:var(--color-text);border-radius:8px;align-items:center;gap:10px;padding:12px 14px;font-size:15px;font-weight:500;display:flex}.nav-mobile-link:hover{background:var(--color-surface-2)}.nav-mobile-channel{color:var(--color-muted);font-size:13px}.nav-mobile-divider{border-top:1px solid var(--color-border);margin:8px 0}.nav-mobile-group{flex-direction:column;display:flex}.nav-mobile-subtoggle{cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;width:100%;font-family:inherit}.nav-mobile-caret{transition:transform .15s}.nav-mobile-caret.rotated{transform:rotate(180deg)}.nav-mobile-sublink{color:var(--color-muted);padding-left:30px;font-size:14px;font-weight:400}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius,8px);cursor:pointer;color:var(--color-text);text-decoration:none;transition:border-color .15s;display:block;overflow:hidden}.card:hover{border-color:var(--color-primary-2)}.card-thumb{aspect-ratio:16/9;background:var(--color-surface-2);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.card:hover .card-thumb img{transform:scale(1.03)}.card-thumb-overlay{background:linear-gradient(#0000 50%,#0b0d11e0 100%);position:absolute;inset:0}.card-dur{color:#fff;background:#000000d1;border-radius:3px;padding:2px 5px;font-size:10px;font-weight:500;position:absolute;bottom:6px;right:6px}.card-ch-logo{background:#0b0d11bf;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:5px;right:6px}.card-thumb .card-ch-logo-img{object-fit:contain;object-position:right center;filter:drop-shadow(0 1px 3px #0009);z-index:3;width:60px;height:auto;position:absolute;top:6px;right:6px;transform:none!important}.card-badges{gap:3px;display:flex;position:absolute;top:5px;left:5px}.card-body{padding:9px 10px 11px}.card-channel{color:var(--color-primary-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:10px;font-weight:700}.card-title{margin-bottom:3px;font-size:12.5px;font-weight:600;line-height:1.35}.card-episode{color:var(--color-muted);font-size:10.5px}.age-badge{letter-spacing:.03em;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.age-tp{background:var(--age-tp-bg);color:var(--age-tp-text)}.age-7{background:var(--age-7-bg);color:var(--age-7-text)}.age-12{background:var(--age-12-bg);color:var(--age-12-text)}.age-16{background:var(--age-16-bg);color:var(--age-16-text)}.age-18{background:var(--age-18-bg);color:var(--age-18-text)}.age-x{color:#888;background:#1a1a1a}.qual-badge{background:var(--color-surface-2);color:var(--color-muted);border:1px solid var(--color-border);border-radius:3px;padding:2px 6px;font-size:10px;font-weight:600}.section{padding:18px 20px 8px}.section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.section-title-bar{background:var(--color-primary);border-radius:2px;flex-shrink:0;width:3px;height:18px}.section-more{color:var(--color-primary-2);align-items:center;gap:3px;font-size:12px;display:flex}.section-more:hover{color:var(--color-primary-3)}.section-divider{border:none;border-top:1px solid var(--color-border);margin:4px 20px}.grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.grid-6{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.grid-5{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-2);border-color:var(--color-primary-2)}.btn-secondary{color:var(--color-text);border-color:var(--color-border);background:#ffffff12}.btn-secondary:hover{background:#ffffff1f}.btn-ghost{color:var(--color-muted);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--color-text)}.btn-sm{padding:5px 12px;font-size:12px}.btn-lg{padding:11px 24px;font-size:15px}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);margin-top:32px}.footer-top .container{grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-top:32px;padding-bottom:24px;display:grid}.footer-brand .logo-svg{height:28px;margin-bottom:12px;display:block}.footer-tagline{margin-bottom:6px;font-size:13px;font-weight:600}.footer-desc{color:var(--color-muted);margin-bottom:14px;font-size:12px;line-height:1.55}.footer-social{gap:10px;display:flex}.footer-social a{background:var(--color-surface-2);border:1px solid var(--color-border);width:34px;height:34px;color:var(--color-muted);border-radius:7px;justify-content:center;align-items:center;font-size:17px;transition:background-color .15s,border-color .15s,color .15s;display:flex}.footer-social a:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.social-links{flex-wrap:wrap;gap:10px;display:flex}.social-link{background:var(--color-surface-2);border:1px solid var(--color-border);width:34px;height:34px;color:var(--color-muted);border-radius:7px;justify-content:center;align-items:center;font-size:17px;transition:background-color .15s,border-color .15s,color .15s;display:flex}.social-link:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.social-links--dark .social-link{color:var(--color-muted);background:#ffffff0f;border-color:#ffffff24}.social-links--dark .social-link:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.footer-col-title{color:var(--color-text);text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-size:11px;font-weight:700}.footer-links{flex-direction:column;gap:7px;list-style:none;display:flex}.footer-link{color:var(--color-muted);align-items:center;gap:6px;font-size:12.5px;transition:color .15s;display:flex}.footer-link:hover{color:var(--color-text)}.footer-ch-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.footer-media-group{border-top:1px solid var(--color-border);padding:20px 0}.footer-media-group .container{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.footer-media-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.07em;flex-shrink:0;font-size:11px;font-weight:700}.footer-media-logos{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.footer-media-logo{opacity:.6;filter:brightness(0)invert();width:auto;height:32px;transition:opacity .15s}.footer-media-logos a:hover .footer-media-logo{opacity:1}.footer-media-name{color:var(--color-muted);font-size:12px}.footer-hbbtv{border-top:1px solid var(--color-border);padding:12px 0}.footer-hbbtv-link{color:var(--color-muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.footer-hbbtv-link:hover{color:var(--color-text)}.footer-hbbtv-badge{color:var(--color-primary-3);background:#215aa840;border-radius:3px;padding:2px 7px;font-size:10px;font-weight:700}.footer-bottom{border-top:1px solid var(--color-border);padding:14px 0}.footer-bottom-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.footer-copyright,.footer-a11y{color:var(--color-muted);font-size:11px}.cookie-banner{background:var(--color-surface-2);border-top:1px solid var(--color-border);z-index:1000;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000004d}.cookie-banner-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.cookie-banner-text p{color:var(--color-muted);flex:1;min-width:200px;font-size:13px}.cookie-link{color:var(--color-primary-2);text-decoration:underline}.cookie-banner-actions{flex-wrap:wrap;gap:8px;display:flex}.cookie-config{border-top:1px solid var(--color-border);padding:0 20px 16px}.cookie-config-inner{flex-direction:column;gap:12px;max-width:600px;padding-top:12px;display:flex}.cookie-toggle{justify-content:space-between;align-items:center;gap:12px;display:flex}.cookie-toggle strong{margin-bottom:2px;font-size:13px;display:block}.cookie-toggle p{color:var(--color-muted);font-size:11.5px}.cookie-checkbox{cursor:pointer;width:40px;height:22px;accent-color:var(--color-primary);flex-shrink:0}.cookie-toggle-locked{color:var(--color-muted);font-size:16px}.ad-slot{justify-content:center;align-items:center;min-height:0;display:flex}.ad-slot ins{display:block}.ad-slot-header,.ad-slot-footer{margin:0}.ad-skyscraper{top:calc(var(--nav-height,52px) + 24px);z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:16px;width:160px;display:flex;position:fixed}.ad-skyscraper ins{pointer-events:auto}.ad-skyscraper--left{left:calc(50% - var(--container-max,1280px) / 2 - 180px)}.ad-skyscraper--right{right:calc(50% - var(--container-max,1280px) / 2 - 180px)}.ad-wallpaper{pointer-events:none;z-index:-1;width:100%;max-width:1600px;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}.ad-wallpaper ins{pointer-events:auto}.ad-interstitial{z-index:1000;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ad-interstitial ins{max-width:100%}.tv-mode{--nav-height:64px}.tv-mode .nav{height:64px;padding:0 32px}.tv-mode .logo-svg{height:36px}.tv-mode .nav-link{padding:8px 16px;font-size:16px}.tv-mode .nav-mobile-toggle{display:none}.tv-mode .card-title{font-size:16px}.tv-mode .section-title{font-size:22px}.tv-mode .btn{padding:12px 28px;font-size:16px}.tv-mode :focus{outline:3px solid var(--color-primary-2);outline-offset:4px}.tv-mode .card:focus{border-color:var(--color-primary-2);transform:scale(1.02)}.faq-list{flex-direction:column;gap:8px;display:flex}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius,8px);overflow:hidden}.faq-item[open]{border-color:var(--color-primary-2)}.faq-question{cursor:pointer;color:var(--color-text);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question i{color:var(--color-muted);transition:transform .18s}.faq-item[open] .faq-question i{transform:rotate(180deg)}.faq-answer{color:var(--color-muted);padding:0 16px 14px;font-size:13px;line-height:1.6}.faq-answer p{margin-bottom:8px}.faq-answer p:last-child{margin-bottom:0}.faq-answer a{color:var(--color-primary-2);text-decoration:underline}.faq-answer ul,.faq-answer ol{margin:8px 0;padding-left:20px}.faq-answer li{margin-bottom:4px}.faq-answer strong{color:var(--color-text);font-weight:600}.columns-grid{gap:14px;display:grid}.columns-grid--2{grid-template-columns:repeat(2,1fr)}.columns-grid--3{grid-template-columns:repeat(3,1fr)}.columns-grid--4{grid-template-columns:repeat(4,1fr)}.columns-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius,8px);padding:16px}.columns-item-title{margin-bottom:8px;font-size:14px;font-weight:700}.columns-item-text{color:var(--color-muted);font-size:13px;line-height:1.6}.row-grid{grid-template-columns:var(--row-cols,1fr);gap:14px;display:grid}.row-grid--2{--row-cols:repeat(2,1fr)}.row-grid--3{--row-cols:repeat(3,1fr)}.row-grid--4{--row-cols:repeat(4,1fr)}.row-col{min-width:0}.youtube-frame{aspect-ratio:16/9;border-radius:var(--radius,8px);border:1px solid var(--color-border);background:#000;width:100%;max-width:900px;position:relative;overflow:hidden}.youtube-frame--43{aspect-ratio:4/3}.youtube-frame iframe{width:100%;height:100%;position:absolute;inset:0}.youtube-caption{color:var(--color-muted);margin-top:10px;font-size:13px}@media (width<=1024px){.grid-4{grid-template-columns:repeat(3,1fr)}.grid-5{grid-template-columns:repeat(4,1fr)}.footer-top .container{grid-template-columns:1fr 1fr}.ad-skyscraper{display:none}}@media (width<=768px){.nav-links,.nav-channel-selector{display:none}.nav-mobile-toggle{display:flex}.nav-mobile{display:block}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-5,.grid-6{grid-template-columns:repeat(3,1fr)}.columns-grid--3,.columns-grid--4,.row-grid--3,.row-grid--4{grid-template-columns:repeat(2,1fr)}.footer-top .container{grid-template-columns:1fr;gap:20px;padding-top:20px}.footer-bottom-inner{flex-direction:column;align-items:flex-start}}@media (width<=480px){.grid-4,.grid-3,.grid-6,.grid-5,.columns-grid--2,.columns-grid--3,.columns-grid--4,.row-grid--2,.row-grid--3,.row-grid--4{grid-template-columns:1fr}.section{padding:14px 14px 6px}.section-divider{margin:4px 14px}.nav{padding:0 14px}.nav-live-badge span:last-child{display:none}}
