:root{--background:240 10% 4%;--foreground:0 0% 98%;--primary:174 45% 45%;--primary-foreground:0 0% 100%;--secondary:205 90% 60%;--secondary-foreground:240 10% 4%;--accent:174 45% 45%;--accent-foreground:0 0% 100%;--muted:240 4% 16%;--muted-foreground:240 5% 65%;--card:240 10% 6%;--card-foreground:0 0% 98%;--border:240 4% 16%;--mobile:320px;--mobile-lg:481px;--tablet:769px;--desktop:1025px}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden;width:100%;margin-right:0;padding-right:0;font-size:14px;padding-top:env(safe-area-inset-top,0);position:relative;max-width:100vw}@media (max-width:767px){body{padding-bottom:calc(92px + env(safe-area-inset-bottom, 0px))}}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;letter-spacing:-.02em}div:not(.btn),h1,h2,h3,h4,h5,h6,p,span:not(.btn-text){word-break:break-word}button{white-space:nowrap}.gradient-text{background:linear-gradient(to right,hsl(var(--primary)),hsl(var(--secondary)));-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;transition:all .3s ease;cursor:pointer;text-decoration:none;border:none;font-size:.875rem;white-space:nowrap;flex-shrink:0;min-height:44px}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 4px 14px 0 rgba(63,166,156,.4)}.btn-primary:hover{background:hsl(174 45% 40%);transform:translateY(-2px);box-shadow:0 6px 20px 0 rgba(63,166,156,.6)}.btn-secondary{background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--foreground))}.btn-secondary:hover{background:hsl(var(--muted))}.btn-youtube{background:#FF0000;color:white;box-shadow:0 4px 14px 0 rgba(255,0,0,.4)}.btn-youtube:hover{background:#CC0000;transform:translateY(-2px);box-shadow:0 6px 20px 0 rgba(255,0,0,.6)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width:768px){.container{padding:0 2rem}}.navbar{position:fixed;top:0;width:100%;z-index:50;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navbar-container{display:flex;min-height:4rem;height:auto;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:calc(.5rem + env(safe-area-inset-top, 0px)) 1rem .5rem;flex-wrap:nowrap;gap:.5rem}@media (min-width:768px){.navbar-container{padding:0 2rem;height:4rem;flex-wrap:nowrap;gap:0}}.logo{font-size:1.125rem;font-weight:700;letter-spacing:-.05em;text-decoration:none}.logo span:first-child{color:white}.logo span:last-child{color:hsl(var(--primary))}.nav-links{display:flex;gap:.75rem;align-items:center;order:3;width:100%;justify-content:center;border-top:1px solid rgba(255,255,255,.05);padding-top:.5rem}@media (min-width:768px){.nav-links{order:unset;width:auto;border-top:none;padding-top:0;gap:1.5rem}}.nav-links a{font-size:.75rem;font-weight:500;color:#d1d5db;text-decoration:none;transition:color .2s}.nav-links a:hover{color:white}.features-section{padding:6rem 0;background:rgba(0,0,0,.2)}.features-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media (min-width:768px){.features-grid{grid-template-columns:repeat(3,1fr)}}.glass-card{background:rgba(255,255,255,.03);border-radius:1rem;padding:2rem;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,border-color .3s ease}.glass-card:hover{transform:translateY(-5px);border-color:rgba(63,166,156,.3)}.animate-spin,.loading-spinner{animation:spin 1s linear infinite}.loading-spinner{border:3px solid rgba(255,255,255,.1)}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hover-lift:hover{transform:translateY(-4px)}.media-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:1.5rem;gap:1.5rem;padding:2rem 0}@media (min-width:1024px){.media-grid{grid-template-columns:repeat(3,1fr)}}.media-card{background:hsl(var(--card));border-radius:.75rem;overflow:hidden;border:1px solid hsl(var(--border));transition:all .3s ease;cursor:pointer}.media-card:hover{transform:translateY(-4px);border-color:hsl(var(--primary));box-shadow:0 8px 24px rgba(63,166,156,.2)}.media-card-thumbnail{width:100%;aspect-ratio:16/9;overflow:hidden;position:relative;background:linear-gradient(135deg,hsl(var(--primary)) 0,hsl(var(--secondary)) 100%)}.media-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.media-card:hover .media-card-thumbnail img{transform:scale(1.05)}.media-card-content{padding:1rem}.media-card-title{font-size:.9rem;font-weight:600;margin-bottom:.25rem;color:hsl(var(--foreground))}.media-card-artist,.media-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-card-artist{font-size:.8rem;color:hsl(var(--muted-foreground))}.media-list-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:1rem;display:flex;gap:1.25rem;align-items:center;transition:all .2s ease}.media-list-item:hover{background:rgba(255,255,255,.06);border-color:rgba(63,166,156,.3);transform:translateX(4px)}.hover-text-primary{transition:color .2s ease}.hover-text-primary:hover{color:hsl(var(--primary))!important}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.responsive-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;width:100%}@media (min-width:768px){.responsive-grid.cols-2{grid-template-columns:repeat(2,1fr)}.responsive-grid.cols-3{grid-template-columns:repeat(3,1fr)}}.content-layout{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media (min-width:1024px){.content-layout{grid-template-columns:320px 1fr}}iframe,img,video{max-width:100%;height:auto;object-fit:cover}html{scroll-behavior:smooth}.page-header{padding:2rem 0 3rem;text-align:center;background:radial-gradient(circle at center,rgba(63,166,156,.1) 0,transparent 70%)}.page-title{font-size:2.25rem}.page-description{font-size:.95rem;margin:0 auto}.search-input{border-radius:.5rem;outline:none;transition:all .2s}.search-input:focus{border-color:hsl(var(--primary))}.forum-content{line-height:1.8;color:rgba(255,255,255,.9)}.forum-content p{margin-bottom:1.25rem}.forum-content h1,.forum-content h2,.forum-content h3{color:white;font-weight:700;margin-top:2rem;margin-bottom:1rem}.forum-content h1{font-size:1.75rem}.forum-content h2{font-size:1.5rem}.forum-content h3{font-size:1.25rem}.forum-content blockquote{border-left:4px solid hsl(var(--primary));background:rgba(63,166,156,.05);padding:1rem 1.5rem;margin:1.5rem 0;border-radius:0 .5rem .5rem 0;font-style:italic;color:rgba(255,255,255,.8)}.forum-content img{max-width:100%;height:auto;border-radius:.75rem;margin:.5rem 0;border:1px solid rgba(255,255,255,.1)}a{color:#2dd4bf;font-weight:600;text-shadow:0 0 8px rgba(45,212,191,.2);transition:all .2s ease}a,a:hover{text-decoration:none}a:hover{color:#5eead4;text-shadow:0 0 12px rgba(45,212,191,.4)}.forum-content a{color:#2dd4bf;text-decoration:none;font-weight:700;text-shadow:0 0 8px rgba(45,212,191,.2);position:relative}.forum-content a:hover{color:#5eead4;text-shadow:0 0 15px rgba(45,212,191,.5)}.mr-2{margin-right:.5rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.fill-current{fill:currentColor}.text-primary{color:hsl(var(--primary))}.text-secondary{color:hsl(var(--secondary))}.text-muted{color:hsl(var(--muted-foreground))}.relative{position:relative}.z-10{z-index:10}.feature-icon-wrapper{height:3rem;width:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.feature-title{font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.feature-desc,.forum-attachment{color:hsl(var(--muted-foreground));font-size:.875rem}.forum-attachment{background:rgba(255,255,255,.05);border:1px dashed rgba(255,255,255,.1);padding:.75rem 1rem;border-radius:.5rem;margin:1rem 0;display:inline-flex;align-items:center;gap:.5rem;transition:background .2s ease,border-color .2s ease}.forum-attachment:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}.forum-attachment a{color:hsl(var(--primary));text-decoration:none;font-weight:600}.forum-attachment a:hover{text-decoration:underline}.forum-image-attachment{margin:.5rem 0;max-width:100%;overflow:hidden}.forum-embedded-image{max-width:100%;height:auto;border-radius:.75rem;box-shadow:0 4px 20px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);display:block;transition:opacity .3s ease;background:rgba(255,255,255,.02)}.forum-embedded-image[src]{min-height:60px}.forum-image-fallback{min-height:120px}.main-content{min-height:100vh;display:flex;flex-direction:column}.hero{padding:4rem 0 2rem;text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at top,rgba(63,166,156,.1),transparent 70%)}@media (min-width:768px){.hero{padding:7rem 0 4rem}}.hero:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:url(https://www.transparenttextures.com/patterns/cubes.png);opacity:.03;pointer-events:none}.hero-badge{display:inline-block;padding:.5rem 1.25rem;background:rgba(63,166,156,.1);border:1px solid rgba(63,166,156,.2);border-radius:9999px;color:hsl(var(--primary));font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2rem}.hero h1{font-size:clamp(1.75rem,8vw,4rem);font-weight:900;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.04em}.hero p{font-size:1rem;color:hsl(var(--muted-foreground));max-width:600px;margin:0 auto 2.5rem;line-height:1.6}@media (min-width:768px){.hero p{font-size:1.25rem;margin-bottom:3rem}}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width:768px){.hero-actions{flex-direction:row;justify-content:center;gap:1.5rem}}.footer{margin-top:auto;padding:3rem 0;border-top:1px solid hsl(var(--border));text-align:center;color:hsl(var(--muted-foreground));font-size:.875rem}.page-header{padding:2rem 0 4rem;background:linear-gradient(180deg,rgba(63,166,156,.1),transparent)}.page-title{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;margin-bottom:1rem;letter-spacing:-.03em}.page-description{font-size:1.125rem;color:hsl(var(--muted-foreground));max-width:600px;line-height:1.6}.filters-bar{margin:2rem 0;display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;-ms-overflow-style:none;scrollbar-width:none}.filters-bar::-webkit-scrollbar{display:none}@media (min-width:768px){.filters-bar{flex-wrap:wrap;overflow-x:visible;padding-bottom:0}}.search-input{width:100%;max-width:400px;padding:.75rem 1.25rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:9999px;color:white;font-size:.875rem;transition:all .3s ease}.search-input:focus{outline:none;background:rgba(255,255,255,.08);border-color:rgba(63,166,156,.5);box-shadow:0 0 20px rgba(63,166,156,.1)}.filter-btn{padding:.5rem 1.25rem;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:transparent;color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.filter-btn:hover{background:rgba(255,255,255,.05);color:white}.filter-btn.active{background:hsl(var(--primary));border-color:hsl(var(--primary));color:white}.loading-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(63,166,156,.1);border-top:3px solid hsl(var(--primary));animation:spin 1s ease-in-out infinite;margin:0 auto}@keyframes spin{to{transform:rotate(1turn)}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.media-player-container{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden;border-radius:inherit}.media-player{position:absolute;top:0;left:0;width:100%;height:100%}.media-element{width:100%;height:100%;object-fit:contain;background:black}.audio-thumbnail{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:#09090b}.audio-thumbnail img{width:100%;height:100%;object-fit:cover;opacity:.8}.media-info-overlay{position:absolute;top:0;left:0;right:0;padding:2rem;background:linear-gradient(180deg,rgba(0,0,0,.8) 0,transparent);pointer-events:none;z-index:10}.media-controls{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem 1.5rem;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,transparent);z-index:20;display:flex;flex-direction:column;gap:1rem}.progress-container{width:100%;display:flex;flex-direction:column;gap:.5rem}.progress-bar{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:rgba(255,255,255,.2);border-radius:2px;outline:none;cursor:pointer}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:hsl(var(--primary));cursor:pointer;box-shadow:0 0 10px rgba(63,166,156,.5);-webkit-transition:transform .2s;transition:transform .2s}.progress-bar::-webkit-slider-thumb:hover{transform:scale(1.2)}.time-display{display:flex;justify-content:space-between;font-size:.75rem;color:rgba(255,255,255,.7);font-family:monospace;font-weight:500}.ad-overlay{position:absolute;inset:0;z-index:50;background:black;display:flex;flex-direction:column}.ad-video{width:100%;height:100%;object-fit:contain}.ad-controls{position:absolute;bottom:0;right:0;left:0;padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-end;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent)}.ad-label{background:rgba(255,255,0,.2);color:#fbbf24;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase}.skip-ad-btn{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;color:white;border-radius:2rem;font-weight:600;font-size:.875rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s}.skip-ad-btn:hover{background:rgba(255,255,255,.3)}.ad-timer{color:rgba(255,255,255,.7);font-size:.875rem}.charts-module-header{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}@media (min-width:768px){.charts-module-header{flex-direction:row;align-items:center;margin-bottom:3rem}}.charts-module-grid{display:flex;flex-direction:column;gap:3rem}@media (min-width:900px){.charts-module-grid{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:4rem;gap:4rem;align-items:stretch}}.music-track-header,.music-track-item{display:grid;grid-template-columns:50px minmax(0,1.5fr) minmax(0,1fr) 100px 80px;grid-gap:1rem;gap:1rem;align-items:center;width:100%;padding:1rem}.music-track-header{border-bottom:1px solid rgba(255,255,255,.05);color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.music-track-item{border-radius:.5rem;position:relative;padding-top:.75rem;padding-bottom:.75rem;transition:background-color .2s}.music-track-item:hover{background-color:rgba(255,255,255,.06)}.music-track-item:nth-child(2n){background-color:rgba(255,255,255,.02)}.music-col-center{text-align:center}.music-col-right{text-align:right}.music-col-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@media (max-width:768px){.music-track-header,.music-track-item{grid-template-columns:40px minmax(0,2fr) minmax(0,1fr) 60px 0;gap:.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.85rem}.music-track-header>div:last-child,.music-track-item>div:last-child{display:none}.music-track-header{font-size:.7rem}}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes animate-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:animate-spin 1s linear infinite}.page-transition-enter{opacity:0;transform:translateY(10px)}.page-transition-active{opacity:1;transform:translateY(0);transition:opacity .4s ease-out,transform .4s ease-out}.page-slide-in{animation:pageSlideIn .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#18181b 25%,#27272a 50%,#18181b 75%);background-size:1000px 100%;animation:shimmer 2s linear infinite;border-radius:.5rem}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#27272a;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#3f3f46}@media (max-width:768px){body{padding-bottom:calc(90px + env(safe-area-inset-bottom, 20px))!important;-webkit-overflow-scrolling:touch}.container{padding-left:1.25rem!important;padding-right:1.25rem!important}}@media (max-width:375px){.container{padding-left:1rem!important;padding-right:1rem!important}h1{font-size:1.75rem!important}}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:1.25rem;gap:1.25rem;width:100%}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;width:100%}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:1rem;gap:1rem;width:100%}@media (max-width:768px){.media-grid{grid-template-columns:repeat(2,1fr);gap:.875rem}.video-grid{grid-template-columns:1fr;gap:1.25rem}.category-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (min-width:481px) and (max-width:768px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (min-width:769px){.media-grid{gap:1.5rem}.video-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}