@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primaryBg-color: #f7f7f7;--secondaryBg-color: #fff;--primary-color: #000;--secondary-color: #D1D5DB;--third-color: #66696d;--accent-color: #434446}.dark-mode{--primaryBg-color: #1a1a1a;--secondaryBg-color: #2a2a2a;--primary-color: #ffffff;--secondary-color: #444444;--third-color: #cccccc;--accent-color: #bbbbbb}body{background-color:var(--primaryBg-color);font-family:Noto Sans}span{font-family:Playfair Display;color:#575454;font-weight:800}audio{height:40px;width:260px}a{color:var(--primary-color);text-decoration:none}.description{color:var(--accent-color)}.container{max-width:350px;margin:auto}.header-container{background-color:var(--secondaryBg-color);padding-top:15px;padding-bottom:15px}.innerHeader-container{display:flex;justify-content:space-between;align-items:center}.rightSide-icons{display:flex;align-items:center;gap:5px}.rightSide-icons h1{font-size:20px;font-weight:500}.leftSide-icons img{width:45px;height:45px;cursor:pointer}.navbar{display:flex;gap:15px}.navbar button{background-color:var(--secondaryBg-color);border:none;color:var(--primary-color);font-size:16px;font-family:Noto Sans}.hero-section{display:flex;flex-direction:column;padding:20px;text-align:center;margin-top:30px;gap:8px}.hero-section h1{font-size:27px;color:var(--primary-color)}.hero-section p{font-size:16px;line-height:27px;color:var(--third-color)}.podcast-genres{margin-top:5px}.genre-tag{display:inline-block;background-color:var(--secondary-color);color:var(--accent-color);border-radius:5px;padding:5px 10px;margin:2px}.filter{margin-top:50px;display:flex;flex-direction:column;align-items:center}.searchBar-container{display:flex;align-items:center;margin-bottom:12px}.searchBar-container img{width:25px;height:25px;max-width:30px;margin-right:10px}.search-bar{width:300px;height:50px;border:1px solid var(--secondary-color);background-color:var(--secondaryBg-color);color:var(--primary-color);border-radius:5px;padding:0 10px;font-size:14px;margin-right:-14px}.dropdown-menus{display:flex;gap:16px}#genre-select,#sort-select{background-color:var(--secondaryBg-color);color:var(--primary-color);width:165px;height:40px;border:1px solid var(--secondary-color);border-radius:5px;padding-left:10px}.podcast-card{margin-top:25px}.podcast-card img{width:100%;height:250px}.innerPodcast-card{background-color:var(--secondaryBg-color);margin-bottom:24px;height:390px;cursor:pointer;transition:transform .2s ease}.innerPodcast-card:hover{transform:translateY(-5px)}.podcast-card-info{display:flex;flex-direction:column;gap:8px;margin:14px auto auto;max-width:310px}.podcast-card-info h1{font-size:20px;font-weight:500;color:var(--primary-color)}.podcast-categories{display:flex;gap:10px}.podcast-categories-items{background-color:var(--secondary-color);color:var(--accent-color);font-size:12px;font-weight:400;padding:2px 10px;text-align:center;border-radius:3px}.season-info,.date{font-size:13px;font-weight:500;color:var(--accent-color)}.modal.show,.full-screen-modal.show{display:block}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content{background-color:var(--secondaryBg-color);margin:15% auto;padding:20px;width:349px;position:relative;border-radius:8px;box-shadow:0 4px 8px #0000001a}.modalContent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;color:var(--primary-color)}.line-diveder{width:100%;height:1px;background-color:var(--secondary-color);margin:10px 0}#modalImage{width:100%;height:200px;object-fit:cover;border-radius:5px}.genres{display:flex;gap:10px;margin:10px 0}.last-updated{color:var(--primary-color)}.close-button{color:#aaa;font-size:28px;font-weight:700;cursor:pointer}.close-button:hover,.close-button:focus{color:#000;text-decoration:none}.view-more-btn{background-color:var(--secondary-color);color:var(--primary-color);padding:10px 20px;border:none;border-radius:5px;margin-top:20px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.view-more-btn:hover{background-color:#333}.full-screen-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--secondaryBg-color);z-index:100;overflow-y:auto;padding:20px}.full-screen-modal-content{max-width:1200px;margin:0 auto;padding:20px}.full-screen-modal-header{padding:15px 0;border-bottom:1px solid var(--secondary-color)}.audio-player,.play-episode-btn,.back-btn{background:none;border:none;cursor:pointer;font-size:17px;font-weight:500;color:var(--third-color);padding:5px 10px;border-radius:4px;transition:background-color .2s ease}.back-btn:hover{background-color:#0000000d}.podcast-info-section{display:flex;flex-direction:column;gap:20px;margin:20px 0}.podcast-info-section img{width:100%;max-width:300px;height:auto;border-radius:8px;object-fit:cover}.podcast-info-text h2{margin-bottom:10px}.seasons-episodes-section h3{margin:30px 0 15px;font-size:20px}.season-item{margin-bottom:15px;border:1px solid var(--secondary-color);border-radius:8px;overflow:hidden}.season-header{padding:15px;cursor:pointer;display:flex;justify-content:space-between;background-color:var(--secondaryBg-color)}.season-title{font-family:Noto Sans;color:var(--primary-color)}.season-header-episodes{font-size:15px}.season-episodes{padding:15px;background:var(--primaryBg-color);display:block}.season-episodes.active{display:block}.episode-item{padding:10px 0;border-bottom:1px solid var(--secondary-color)}.season-count{font-size:13px;font-weight:500;color:var(--accent-color);margin:10px 0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;width:100%}.loading-spinner{width:50px;height:50px;border:5px solid var(--accent-color);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;width:100%}.error-message{color:#d32f2f;margin-bottom:1rem;text-align:center}.retry-button{background-color:var(--secondary-color);color:var(--accent-color);border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.retry-button:hover{background-color:#333}.pagination-container{display:flex;flex-direction:column;align-items:center;margin:30px 0 60px;width:100%}.pagination{display:flex;list-style:none;padding:0;margin:0 0 1rem}.page-item{margin:0 .25rem}.page-link{background-color:var(--secondaryBg-color);border:1px solid var(--secondary-color);color:var(--primary-color);padding:.5rem 1rem;cursor:pointer;border-radius:4px;transition:all .2s ease}.page-link:hover:not(:disabled){background-color:var(--secondary-color)}.page-item.active .page-link{background-color:var(--primary-color);color:var(--secondaryBg-color);border-color:var(--primary-color)}.page-link:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.9rem;color:var(--accent-color)}.episode-item{display:flex;flex-direction:column}.episode-season-image{display:flex;margin-bottom:10px}.episode-number{font-weight:700;margin-right:10px}.episode-title{font-size:1.1em;margin:5px 0}.episode-description{font-size:.9em;color:var(--third-color);margin:5px 0}.episode-item:last-child{border-bottom:none}.episode-details{flex-grow:1}.audio-player{position:fixed;bottom:0;left:0;right:0;background-color:var(--secondaryBg-color);padding:5px;margin:0 20px;box-shadow:0 -2px 5px #0000001a;display:flex;align-items:center;justify-content:space-between}.audio-player input[type=range]{width:50%;margin:10px 0}.audio-player button{margin:10px;padding:10px 20px;border:none;border-radius:5px}.audio-player input[type=range]{flex-grow:1;margin:0 10px}.favorites-page{padding:20px}.sort-controls{margin:20px 0;display:flex;align-items:center;gap:10px}.sort-controls label{font-weight:500}.sort-controls select{padding:8px 12px;border-radius:4px;border:1px solid var(--secondary-color)}.no-favorites{text-align:center;margin-top:40px}.no-favorites p{margin-bottom:20px;color:var(--third-color)}.browse-link{color:var(--primary-color);font-weight:500;text-decoration:underline}.favorites-list{margin-top:30px}.show-group{margin-bottom:40px}.show-group h2{font-size:24px;margin-bottom:15px;padding-bottom:5px;border-bottom:1px solid var(--secondary-color)}.season-group{margin-left:20px;margin-bottom:30px}.season-group h3{font-size:18px;margin-bottom:10px;color:var(--accent-color)}.favorite-episode{background-color:var(--secondaryBg-color);padding:15px;border-radius:8px;margin-bottom:15px;box-shadow:0 2px 4px #0000000d}.favorite-episode h4{margin-bottom:5px}.date-added{font-size:13px;color:var(--third-color);margin-bottom:10px}.favorite-btn{background:none;border:none;cursor:pointer;padding:0}.favorite-btn img{width:20px;height:20px}.favorites-link img{width:24px;height:24px}.carousel-container{display:flex;align-items:center;position:relative;overflow:hidden}.carousel-slides{display:flex;transition:transform .5s ease;width:100%}.carousel-item{min-width:calc(100% / 3);box-sizing:border-box;padding:10px;text-align:center;min-width:100%}.carousel-item img{width:100%;height:auto;border-radius:8px}.carousel-button{background-color:transparent;border:none;font-size:2rem;cursor:pointer;z-index:1}.prev{position:absolute;left:10px}.next{position:absolute;right:10px}@media (max-width: 600px){.pagination{flex-wrap:wrap;justify-content:center}.page-item{margin:.25rem}}@media (min-width: 768px){.container{max-width:740px}.filter{flex-direction:row;justify-content:space-between;align-items:center}.search-bar{width:280px;margin-top:12px}.podcast-card{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}#modalDescription{margin:15px 0;line-height:1.5;font-size:10px}.modal-content{width:678px;position:absolute;top:-90px;left:50px}.modalContent-info{display:flex;gap:20px}#modalImage{width:310px;height:240px}.podcast-info-section{flex-direction:row}.podcast-info-section img{width:200px}.episode-item{display:flex;flex-direction:row;gap:20px}.episode-details{display:flex;flex-direction:column}.episode-season-image{width:200px;height:auto}.carousel-slides{width:75%}.carousel-item{min-width:50%}}@media (min-width:1024px){.container{max-width:1270px}.podcast-card{grid-template-columns:repeat(4,1fr)}.podcast-card-info{max-width:280px}.innerPodcast-card{height:400px}.podcast-card img{width:100%;height:250px}.pagination-container{margin-bottom:60px}.modal-content{position:absolute;top:-150px;left:300px}.modal-content{width:778px}#modalDescription{margin:15px 0;line-height:1.5;font-size:14px}}