:root{--primary: #ff0000;--primary-hover: #e60000;--background-light: #f8f5f5;--background-dark: #0f0f0f;--surface-light: #ffffff;--surface-dark: #1a1a1a;--text-light: #0f172a;--text-dark: #f1f5f9;--border-light: #e2e8f0;--border-dark: #1e293b;--gray-medium: #64748b;font-family:Spline Sans,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-dark);background-color:var(--background-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--background-dark);color:var(--text-dark)}#root{display:flex;flex-direction:column;min-height:100vh}.app-container{display:flex;flex-direction:column;flex-grow:1;width:100%;overflow-x:hidden}.header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-dark);background-color:#1a1a1af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.75rem 2rem}@media(max-width:768px){.header{padding:.75rem 1rem}}.header-logo{display:flex;align-items:center;gap:.75rem;color:var(--primary);text-decoration:none}.header-logo h2{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:-.015em}.header-actions{display:flex;gap:.75rem;align-items:center}.icon-button{display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;cursor:pointer;transition:all .2s;border:none}.icon-button.primary{background-color:var(--primary);color:#fff}.icon-button.primary:hover{background-color:var(--primary-hover)}.icon-button.ghost{background-color:var(--surface-dark);color:#fff}.icon-button.ghost:hover{background-color:#2a2a2a}.search-container{display:flex;position:relative;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:40px;overflow:hidden}.search-container.active{width:250px;margin-right:.75rem}@media(max-width:640px){.search-container.active{width:180px}}.search-input{width:100%;height:2.5rem;background-color:var(--surface-dark);border:1px solid var(--border-dark);border-radius:.5rem;padding:0 2.5rem 0 1rem;color:#fff;font-size:.875rem;outline:none;opacity:0;transition:opacity .3s;pointer-events:none}.search-container.active .search-input{opacity:1;pointer-events:auto}.search-input:focus{border-color:var(--primary);background-color:#2a2a2a}.search-icon-btn{position:absolute;right:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--primary);color:#fff;border-radius:.5rem;cursor:pointer;z-index:2;border:none;transition:all .3s}.search-container.active .search-icon-btn{background-color:transparent;color:var(--gray-medium)}.search-icon{font-size:24px!important}.search-container.active .search-icon{font-size:20px!important}.category-filter-bar{width:100%;border-bottom:1px solid var(--border-dark);background-color:var(--background-dark)}.category-filter-inner{max-width:1600px;margin:0 auto}.category-filter-container{display:flex;gap:.75rem;padding:1rem;overflow-x:auto;align-items:center;-ms-overflow-style:none;scrollbar-width:none}.category-filter-container::-webkit-scrollbar{display:none}.category-pill{display:flex;height:2.25rem;flex-shrink:0;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;padding:0 1.25rem 0 .75rem;background-color:var(--surface-dark);color:var(--text-dark);font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;text-transform:uppercase}.category-pill:hover{background-color:#2a2a2a}.category-pill.active{background-color:var(--primary);color:#fff;font-weight:700;transform:scale(1.05)}.category-pill.active .material-symbols-outlined{color:#fff}.category-pill .material-symbols-outlined{font-size:20px;color:var(--gray-medium)}.category-pill:hover .material-symbols-outlined{color:var(--primary)}.category-pill.active:hover .material-symbols-outlined{color:#fff}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:1.5rem 2rem;max-width:1600px;margin:0 auto;width:100%}@media(max-width:768px){.main-content{padding:1.5rem 1rem}}.content-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:1.5rem}.content-header h1{font-size:1.75rem;font-weight:700;color:#fff}@media(max-width:640px){.content-header h1{font-size:1.5rem}}.view-controls{display:flex;gap:.25rem;background-color:var(--surface-dark);padding:.25rem;border-radius:.75rem}.view-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;color:var(--gray-medium);background:none;border:none;cursor:pointer;transition:all .2s}.view-btn:hover{color:#fff;background-color:#ffffff0d}.view-btn.active{color:var(--primary);background-color:#ff00001a}.video-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;width:100%}.video-grid.list-view{display:flex;flex-direction:column;gap:1.25rem}@media(min-width:640px){.video-grid:not(.list-view){grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.video-grid:not(.list-view){grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.video-grid:not(.list-view){grid-template-columns:repeat(4,1fr)}}.video-card{display:flex;flex-direction:column;gap:.75rem;cursor:pointer;transition:all .3s;width:100%}.video-grid.list-view .video-card{flex-direction:row;align-items:flex-start;gap:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-dark)}.thumbnail-container{position:relative;aspect-ratio:16 / 9;border-radius:.75rem;overflow:hidden;background-color:var(--surface-dark);flex-shrink:0}.video-grid.list-view .thumbnail-container{width:240px}@media(max-width:640px){.video-grid.list-view .thumbnail-container{width:160px}.video-grid.list-view .video-card{gap:.75rem}}.video-card:hover .video-title{color:var(--primary)}.thumbnail-container{position:relative;aspect-ratio:16 / 9;border-radius:.75rem;overflow:hidden;background-color:var(--surface-dark)}.thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s}.video-card:hover .thumbnail{transform:scale(1.05)}.play-overlay{position:absolute;inset:0;background-color:#0003;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s}.video-card:hover .play-overlay{opacity:1;background-color:#0006}.duration-badge{position:absolute;bottom:.5rem;right:.5rem;background-color:#000c;color:#fff;font-size:.75rem;font-weight:700;padding:.125rem .375rem;border-radius:.25rem}.video-info{display:flex;gap:.75rem}.channel-avatar{width:2.5rem;height:2.5rem;border-radius:9999px;background-color:#334155;flex-shrink:0;overflow:hidden}.channel-avatar img{width:100%;height:100%;object-fit:cover}.video-text{display:flex;flex-direction:column;gap:.25rem;min-width:0}.video-title{font-size:1rem;font-weight:700;line-height:1.25;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;transition:color .2s}.video-metadata{display:flex;flex-direction:column;font-size:.875rem;color:var(--gray-medium)}.channel-name:hover{color:#fff}.views-time{display:flex;align-items:center;gap:.25rem}.dot-separator{font-size:10px}.load-more-container{width:100%;display:flex;justify-content:center;padding:3rem 0}.load-more-btn{padding:.75rem 2rem;background-color:var(--surface-dark);border:1px solid var(--border-dark);border-radius:9999px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s}.load-more-btn:hover{background-color:#2a2a2a;border-color:var(--primary)}.footer{display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem 1.25rem;text-align:center;border-top:1px solid var(--border-dark);background-color:var(--surface-dark);margin-top:auto}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.footer-link{color:var(--gray-medium);text-decoration:none;font-size:.875rem;transition:color .2s}.footer-link:hover{color:var(--primary)}.footer-socials{display:flex;justify-content:center;gap:1.5rem}.social-link{color:#94a3b8;transition:color .2s}.social-link:hover{color:var(--primary)}.copyright{color:#475569;font-size:.875rem}.modal-overlay{position:fixed;inset:0;background-color:#000000e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:center;align-items:center;padding:2rem}.modal-content{position:relative;width:100%;max-width:1000px;background-color:#000;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.close-button{position:absolute;top:1rem;right:1.5rem;background:none;border:none;color:#fff;font-size:2.5rem;cursor:pointer;z-index:10;opacity:1}.video-responsive{position:relative;padding-bottom:56.25%;height:0}.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.legal-modal{max-width:600px;max-height:80vh;padding:2.5rem;background-color:var(--surface-dark);color:#fff;border:1px solid var(--border-dark)}.modal-inner-scroll{overflow-y:auto;max-height:calc(80vh - 5rem);padding-right:.5rem}.legal-content h2{font-size:1.5rem;color:var(--primary);margin-bottom:.5rem}.effective-date{font-size:.875rem;color:var(--gray-medium);margin-bottom:2rem}.legal-content section{margin-bottom:1.5rem}.legal-content h3{font-size:1.1rem;margin-bottom:.5rem;color:#fff}.legal-content p{font-size:.9375rem;line-height:1.6;color:#cbd5e1}.legal-content a{color:var(--primary);text-decoration:underline}.footer-link-btn{background:none;border:none;color:var(--gray-medium);font-size:.875rem;font-family:inherit;cursor:pointer;transition:color .2s;padding:0}.footer-link-btn:hover{color:var(--primary)}.advertise-form{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#cbd5e1}.form-group input,.form-group select,.form-group textarea{width:100%;background-color:#0f172a;border:1px solid var(--border-dark);border-radius:.5rem;padding:.75rem 1rem;color:#fff;font-size:.9375rem;outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary)}.submit-btn{background-color:var(--primary);color:#fff;border:none;border-radius:.5rem;padding:.875rem;font-weight:700;cursor:pointer;transition:background-color .2s;margin-top:.5rem}.submit-btn:hover{background-color:var(--primary-hover)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.form-status{text-align:center;font-size:.875rem;margin-top:1rem}.form-status.success{color:#10b981}.status-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;gap:1.5rem;color:var(--gray-medium)}.loader{width:48px;height:48px;border:5px solid rgba(255,255,255,.1);border-bottom-color:var(--primary);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.md-hidden{display:flex!important}@media(min-width:768px){.md-hidden{display:none!important}}.hidden-sm{display:none!important}@media(min-width:640px){.hidden-sm{display:flex!important}}.location-switcher{display:flex;align-items:center}.select-wrapper{position:relative;min-width:140px}.location-select-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.location-button{display:flex;align-items:center;justify-content:space-between;background-color:var(--surface-dark);color:#fff;height:2.5rem;padding:0 1rem;border-radius:.5rem;font-size:.875rem;font-weight:700;transition:background-color .2s;pointer-events:none}.location-select-hidden:hover+.location-button{background-color:#2a2a2a}.location-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:.5rem}@media(max-width:640px){.select-wrapper{min-width:40px}.location-name{display:none}.location-button{padding:0 .5rem;justify-content:center}.location-button .material-symbols-outlined{margin:0}}