@import url(https://fonts.googleapis.com/css2?family=Original+Surfer&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap);.media-card{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 4px #0000001a;overflow:hidden;position:relative;text-align:center;transition:transform .2s}.media-card:hover{transform:scale(1.03)}.media-image{display:block;height:270px;object-fit:cover;width:100%}.favorite-button{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#2222228c;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;padding:4px;position:absolute;right:8px;top:8px;transition:background .3s;width:36px;z-index:2}.favorite-button:hover{background:#0003}.favorite-icon{height:20px;opacity:.85;pointer-events:none;transition:opacity .3s ease,transform .2s ease;width:20px}.favorite-button:hover .favorite-icon{opacity:1;transform:scale(1.1)}.media-info{padding:12px;text-align:center}.media-info h3{color:#333;font-size:1rem;margin:0 0 5px}.media-info p{color:#666;font-size:.85rem;margin:3px 0}.genres{color:#888;font-size:.8rem;margin-top:5px}.scroll-section{margin:20px 0}.scroll-section h3{font-size:1.5rem}.scroll-controls button{transition:background-color .3s ease}.scroll-container{gap:15px;overflow-x:scroll}.scroll-container>*{flex:0 0 auto;scroll-snap-align:start;width:200px}.star-rating{align-items:center;display:flex;font-size:18px;justify-content:center;line-height:1;margin:5px 0}.star{color:#ffc107;margin-right:2px}.star.empty{color:#ddd}.rating-value{color:#666;font-size:14px;margin-left:5px}body.dark-theme .media-card{background-color:#333;border-color:#555}body.dark-theme .media-info h3{color:#e0e0e0}body.dark-theme .genres,body.dark-theme .media-info p{color:#aaa}.media-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.filter-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;overflow:hidden}.filter-tabs{border-bottom:1px solid #eee;display:flex}.tab-button{background:none;border:none;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 15px;position:relative;transition:all .3s}.tab-button.active{color:#75b34c;font-weight:600}.tab-button.active:after{background:#75b34c;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.filter-content{padding:20px}.filter-section{margin-bottom:15px}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-button{background:#f5f5f5;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-size:13px;padding:8px 15px;transition:all .2s}.filter-button:hover{background:#e9e9e9}.filter-button.active{background:#75b34c;border-color:#75b34c;color:#fff}.sort-options{display:flex;flex-direction:column;gap:12px}.sort-option{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:10px}.sort-option input{accent-color:#75b34c}.clear-all-filters{background:#f44336;border:none;border-radius:0 0 10px 10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px;transition:background .3s;width:100%}.clear-all-filters:hover{background:#d32f2f}.rating-filter-container{align-items:center;display:flex;flex-direction:column;gap:12px;padding:15px}.rating-filter-header{display:flex;font-weight:500;justify-content:space-between;margin-bottom:8px;width:100%}.rating-value{color:#75b34c;font-weight:600}.star-rating-filter{display:flex;font-size:24px;gap:8px}.star-filter{background:none;border:none;color:#ddd;cursor:pointer;font-size:28px;line-height:1;padding:0 4px;transition:all .2s}.star-filter.active{color:#ffc107;transform:scale(1.1)}.star-filter.hover{color:gold}.reset-rating{background:none;border:none;color:#666;cursor:pointer;font-size:13px;margin-top:10px;text-decoration:underline;transition:color .2s}.reset-rating:hover{color:#f44336}body.dark-theme .filter-container{background:#222;box-shadow:0 2px 10px #0000004d}body.dark-theme .filter-tabs{border-color:#444}body.dark-theme .tab-button{color:#aaa}body.dark-theme .tab-button.active{color:#75b34c}body.dark-theme .tab-button.active:after{background:#75b34c}body.dark-theme .filter-button{background:#333;border-color:#555;color:#e0e0e0}body.dark-theme .filter-button:hover{background:#444}body.dark-theme .filter-button.active{background:#75b34c;border-color:#75b34c;color:#222}body.dark-theme .sort-option{color:#e0e0e0}body.dark-theme .clear-all-filters{background:#ff6b6b}body.dark-theme .clear-all-filters:hover{background:#ff5252}body.dark-theme .rating-value{color:#75b34c}body.dark-theme .star-filter{color:#555}body.dark-theme .star-filter.active{color:#ffc107}body.dark-theme .star-filter.hover{color:gold}body.dark-theme .reset-rating{color:#aaa}body.dark-theme .reset-rating:hover{color:#ff6b6b}.media-page{margin:0 auto;max-width:1400px;padding:20px}.media-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.media-header h2{color:#333;font-size:28px;margin:0;text-transform:capitalize}.media-stats{background:#f5f5f5;border-radius:20px;color:#666;font-size:14px;padding:5px 10px}.media-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:30px}.no-results{background:#f9f9f9;border-radius:10px;grid-column:1/-1;padding:40px;text-align:center}.no-results p{color:#666;font-size:18px;margin-bottom:20px}.reset-filters{background:#4a6fa5;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .3s}.reset-filters:hover{background:#3a5a8c}body.dark-theme .media-header h2{color:#e0e0e0}body.dark-theme .media-stats{background:#2d2d2d;color:#aaa}body.dark-theme .no-results{background:#2d2d2d}body.dark-theme .no-results p{color:#ccc}header.navbar{grid-column-gap:1rem;align-items:center;background-color:#8a4cb3;column-gap:1rem;display:grid;grid-template-columns:auto 1fr auto;padding:.5rem 1.5rem;position:relative}header.navbar .logo{height:50px;width:auto}header.navbar a{color:#fff;font-size:1rem;font-weight:700;text-decoration:none;transition:color .25s ease}header.navbar a.active,header.navbar a:hover{color:#75b34c}header.navbar .main-links{align-items:center;display:flex;gap:2rem;justify-content:center;min-width:0}header.navbar .actions{align-items:center;display:flex;gap:.75rem}header.navbar .nav-links{display:flex}header.navbar .secondary-links{align-items:center;display:flex;gap:.75rem}header.navbar .favorite-icon-link{align-items:center}header.navbar .favorite-icon{filter:brightness(0) invert(1);height:24px;transition:filter .2s ease;width:24px}header.navbar .favorite-icon-link.active .favorite-icon{filter:none}@media (max-width:1024px){header.navbar{grid-template-columns:1fr auto;grid-template-rows:auto auto}a{margin:0 .7rem!important}header.navbar .logo{grid-column:1/2}header.navbar .hamburger{align-self:center;display:inline-block;grid-column:2/3;justify-self:end}header.navbar .main-links{gap:1rem;grid-column:1/-1;order:2;padding-top:.5rem}header.navbar .nav-links{background-color:#8a4cb3;box-shadow:0 10px 24px #0000002e;display:none;left:0;padding:.8rem 1rem;position:absolute;right:0;top:100%;z-index:1000}header.navbar .nav-links.active{display:block}header.navbar .secondary-links{align-items:stretch;flex-direction:column;gap:.75rem}}@media (max-width:600px){header.navbar a{font-size:.95rem}header.navbar .main-links{gap:.75rem;overflow-x:auto;scrollbar-width:none}header.navbar .main-links::-webkit-scrollbar{display:none}}:root{--primary-color:#8a4cb3;--primary-hover:#75b34c;--dark-bg:#222;--dark-card:#333;--dark-border:#555;--light-bg:#f5f5f5;--text-color:#333;--dark-text:#eee}body{background-color:#f5f5f5;background-color:var(--light-bg);color:#333;color:var(--text-color);font-family:Work Sans,sans-serif;line-height:1.5;margin:0;transition:background-color .3s,color .3s}img{height:auto;max-width:100%}h1,h2,h3{color:#8a4cb3;color:var(--primary-color);font-family:Original Surfer,sans-serif;margin-top:0}a{color:inherit;text-decoration:none;text-shadow:2px 5px 2px #0000001a;transition:color .3s ease}.navbar{align-items:center;background-color:#8a4cb3;background-color:var(--primary-color);display:flex;flex-wrap:wrap;justify-content:space-between;padding:.8rem 2rem;position:relative}.logo{height:50px;vertical-align:middle}.navbar a{color:#fff;font-weight:700;margin:0 1.5rem;transition:color .3s}.navbar a.active,.navbar a:hover{color:#75b34c;color:var(--primary-hover)}.container{margin:2rem auto;max-width:1200px;padding:0 1rem}.recommendation-card{background-color:#fff;border:1px solid #ddd;border-left:6px solid #8a4cb3;border-left:6px solid var(--primary-color);border-radius:8px;margin-bottom:1rem;padding:1rem;transition:box-shadow .3s}.recommendation-card:hover{box-shadow:0 4px 12px #00000014}.filter-bar input,.filter-bar select{border:1px solid #ccc;border-radius:5px;margin-right:1rem;outline:none;padding:.5rem;transition:border-color .3s}.filter-bar input:focus,.filter-bar select:focus{border-color:#8a4cb3;border-color:var(--primary-color)}.home-page{padding:20px}.intro{margin-bottom:40px;text-align:center}.scroll-section h3{margin-bottom:10px;text-align:center}.scroll-controls{align-items:center;display:flex;gap:10px}.scroll-controls button{background-color:#444;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:20px;padding:10px 14px;transition:background-color .3s ease,transform .2s ease}.scroll-controls button:hover{background-color:#666;transform:scale(1.05)}.scroll-container{-ms-overflow-style:none;display:flex;gap:20px;overflow-x:auto;padding:10px 0;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.scroll-container::-webkit-scrollbar{display:none}.scroll-container>.media-card{flex:0 0 250px;height:auto;scroll-snap-align:start}.theme-toggle{background:#0000;border:none;color:#fff;cursor:pointer;font-size:24px;transition:color .3s}.theme-toggle:hover{color:gold}body.dark-theme{background-color:#222;background-color:var(--dark-bg);color:#eee;color:var(--dark-text)}body.dark-theme .recommendation-card{background-color:#333;background-color:var(--dark-card);border-color:#555;border-color:var(--dark-border)}body.dark-theme h1,body.dark-theme h2,body.dark-theme h3{color:#e9c3ff}.login-button{background-color:#8a4cb3;background-color:var(--primary-color);border:2px solid #8a4cb3;border:2px solid var(--primary-color);border-radius:20px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.5rem 1.2rem;transition:background-color .3s,color .3s}.login-button:hover{background-color:#fff;color:#8a4cb3;color:var(--primary-color)}body.dark-theme .login-button{background-color:#e9c3ff;border:2px solid #e9c3ff;color:#222}body.dark-theme .login-button:hover{background-color:initial;color:#e9c3ff}
/*# sourceMappingURL=main.7e0248f2.css.map*/