:root{--bg-body:#c6ddff;--bg-content:#d7e5f0;--bg-card:#3b3b3b;--bg-header:#212529;--bg-footer:#212529;--bg-popup:#212529;--bg-light:#f8f9fa;--border-color:#ddd;--border-highlight:#35669e;--text-light:#fcfcfc;--text-dark:#000;--link-selected:#35669e;--link-hover:#35669e;--accent:#35669e;--accent-dark:#27507e;--scrollbar-thumb:#535353;--popup-overlay:#000000bf;--popup-border:#444;--footer-icon-color:#ccc;--footer-icon-hover:#35669e;--content-border-radius:6px;--content-margin:25px;--content-padding:25px}body{background-color:var(--bg-body);color:var(--text-light)}.body-background{background-color:var(--bg-body);background-size:cover;width:100%;min-height:100vh}.outer-container{background-color:var(--border-highlight);padding:0}.header-container{background-color:var(--bg-header);flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:1.5rem 1rem;display:flex}.header-container i{color:var(--text-light);font-size:2rem}.nav-link{font-weight:700;text-decoration:none}.nav-link.active{border-bottom:var(--link-selected) solid 1px;font-weight:700;text-decoration:none;color:var(--link-selected)!important}.navbar-toggler{margin-left:auto;margin-right:auto;display:block}.navbar-collapse.show{margin-top:.5rem}.content{background-color:var(--bg-content);border-radius:var(--content-border-radius);margin:var(--content-margin);padding-left:var(--content-padding);padding-right:var(--content-padding);position:relative}.main-title{color:var(--text-light);text-align:center;padding:1em;font-size:1.5rem;font-weight:700}.channel{padding-bottom:1.5rem}.channel-header-container{background-color:var(--bg-card);box-shadow:0px 2px 10px 0px var(--bg-footer);margin-left:calc(-1 * var(--content-padding));margin-right:calc(-1 * var(--content-padding));justify-content:center;margin-bottom:1em;display:flex}.channel-header{color:var(--text-light);text-align:center;padding:1em;font-size:1.5rem;font-weight:700}.sub-header{color:var(--text-light);font-size:1rem;font-weight:500}.channel-title{margin-bottom:.5rem}.episodes{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1rem;padding-bottom:1rem;display:flex;overflow-x:auto}.episodes::-webkit-scrollbar{height:8px}.episodes::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:4px}.episodes.episodes-grid{scroll-snap-type:none;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid;overflow:visible}.view-more-btn{background-color:var(--accent);border-color:var(--accent);color:var(--text-light);padding:.45rem 1.25rem;font-size:.9rem;font-weight:600}.view-more-btn:hover,.view-more-btn:focus{background-color:var(--accent-dark);border-color:var(--accent-dark);color:var(--text-light)}.view-more-btn:focus-visible{outline:2px solid var(--accent-dark);outline-offset:2px}.card{scroll-snap-align:start;cursor:pointer;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;flex:none;min-width:250px;max-width:280px;display:flex;overflow:hidden}.card-header{background-color:var(--bg-light);border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.card-title{font-size:1rem;font-weight:600}.card-body{padding:.5rem 1rem}.card-body img{object-fit:cover;border-radius:4px;max-width:100%;max-height:160px}.card-footer{color:var(--text-dark);border-top:1px solid var(--border-color);background-color:var(--bg-light);padding:.5rem 1rem;font-size:.85rem;line-height:1.3}.mini-player{z-index:1000;background-color:var(--bg-popup);color:var(--text-light);border-radius:.5rem;padding:.75rem 1rem;position:fixed;bottom:0;left:1rem;right:1rem;box-shadow:0 0 12px #0003}#mini-player-desktop .mini-player-content{justify-content:flex-start;align-items:center;padding:.75rem 1rem;display:flex;position:relative}#mini-player-desktop .mini-player-left{flex-shrink:0;align-items:center;gap:.5rem;min-width:200px;max-width:32%;display:flex;overflow:hidden}#mini-player-desktop .mini-player-image{object-fit:cover;border-radius:.25rem;flex-shrink:0;width:64px;height:64px}#mini-player-desktop .mini-player-title{color:var(--text-light);-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;white-space:normal;cursor:pointer;-webkit-box-orient:vertical;flex-shrink:1;min-width:0;font-weight:500;display:-webkit-box;overflow:hidden}#mini-player-desktop .mini-player-title:hover{color:var(--footer-icon-hover)}#mini-player-desktop .mini-player-audio-container{pointer-events:auto;justify-content:center;align-items:center;width:400px;height:40px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#mini-player-close-desktop{color:var(--text-light);cursor:pointer;z-index:11;background:0 0;border:none;flex-shrink:0;padding:.25rem;font-size:1.2rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}#mini-player-close-desktop:hover{color:var(--footer-icon-hover)}#mini-player-mobile{flex-direction:column;padding:.75rem 1rem;display:none}#mini-player-mobile .mini-player-top-row{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}#mini-player-mobile .mini-player-image{object-fit:cover;border-radius:.25rem;flex-shrink:0;width:48px;height:48px}#mini-player-mobile .mini-player-title{color:var(--text-light);text-align:center;white-space:normal;text-overflow:ellipsis;cursor:pointer;flex-grow:1;margin:0 .5rem;font-weight:600;overflow:hidden}#mini-player-mobile .mini-player-title:hover{color:var(--footer-icon-hover)}#mini-player-audio-mobile{width:100%;min-width:0;margin:0}#mini-player-mobile .mini-player-audio-container{width:100%;height:40px;margin-bottom:10px}.mini-player-audio-container #shared-audio{box-sizing:border-box;width:100%;margin:0}#mini-player-close-mobile{color:var(--text-light);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.25rem;font-size:1.2rem}#mini-player-close-mobile:hover{color:var(--footer-icon-hover)}.episode-popup{background:var(--popup-overlay);z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:none;position:fixed;top:0;left:0}.popup-content{background:var(--bg-popup);border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:100%;display:flex;position:relative;overflow:hidden}#popup-audio-container #shared-audio{width:100%}.popup-header{background-color:var(--bg-popup);z-index:10;border-bottom:1px solid var(--popup-border);justify-content:space-between;align-items:center;padding:1rem;display:flex;position:sticky;top:0}.popup-header h3{flex-grow:1;margin:0 1rem 0 0;font-size:1.2rem}#popup-close{color:var(--text-light);cursor:pointer;padding:.5 rem;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;font-size:1.5rem;display:flex}#popup-close i{pointer-events:none}#popup-close:hover{color:var(--footer-icon-hover)}.popup-body{justify-content:center;padding:1rem;overflow-y:auto}.popup-body img{border-radius:8px;width:60%;height:auto;margin:0 auto 1rem;display:block}.popup-duration{color:var(--bg-light)}.popup-body p{margin-bottom:1rem}#popup-link{width:fit-content;margin:1.5rem auto 0;display:block}.no-scroll{height:100vh;overflow:hidden}.footer{background-color:var(--bg-footer);color:var(--text-light);text-align:center;justify-content:center;padding:25px}.footer-icon{color:var(--footer-icon-color);font-size:1.25rem;text-decoration:none;transition:color .3s}.footer-icon:hover{color:var(--footer-icon-hover)}@media (width<=1200px){#mini-player-desktop .mini-player-audio-container{width:320px;height:10px}}@media (width<=992px){#mini-player-mobile{display:flex}#mini-player-desktop{display:none}}@media (width<=576px){.navbar .navbar-toggler{padding:.25rem .5rem;font-size:1rem}.navbar-nav{text-align:center}.navbar-nav .nav-link{padding:.5rem 1rem}.nav-link.active{background-color:var(--link-selected);border-bottom:none;text-decoration:none;color:var(--text-dark)!important}.popup-content{border-radius:8px}.popup-header h3{font-size:1rem}.popup-body{padding:.75rem}#popup-link{padding:.5rem 1rem;font-size:.9rem}.episodes,.episodes.episodes-grid{scroll-snap-type:none;flex-direction:column;align-items:center;display:flex!important;overflow-x:visible!important}.episodes .card{width:100%;min-width:0;max-width:320px}.view-more-btn{text-align:center;width:100%;max-width:320px;margin:0 auto;padding:.65rem 1rem;font-size:1rem;display:block}.sub-header{font-size:.85rem}}