*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0a;color:#e0e0e0;line-height:1.6;min-height:100vh}a{color:#4da6ff;text-decoration:none;transition:color .2s}a:hover{color:#80c0ff}img{max-width:100%;height:auto;display:block}.header{background:#111;border-bottom:1px solid #222;padding:1rem 2rem}.header-inner{max-width:1200px;margin:0 auto}.logo{font-size:2rem;font-weight:900;color:#fff;letter-spacing:-.02em}.logo:hover{color:#fff}.tagline{font-size:.75rem;color:#888;margin-top:.25rem}.nav{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:1rem}.nav-link{color:#ccc;font-size:.85rem;padding:.35rem .75rem;border-radius:4px;transition:background .2s,color .2s}.nav-link:hover{background:#222;color:#fff}.social-links{display:flex;gap:1rem;margin-top:.75rem}.social-links a{color:#888;font-size:.85rem}.social-links a:hover{color:#fff}.header-search{position:relative;margin-top:.75rem}.header-search-input{width:100%;max-width:320px;padding:.4rem .75rem;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#e0e0e0;font-size:.85rem;outline:none;transition:border-color .2s}.header-search-input:focus{border-color:#4da6ff}.header-search-input::placeholder{color:#666}.header-search-dropdown{display:none;position:absolute;top:100%;left:0;width:100%;max-width:400px;background:#1a1a1a;border:1px solid #333;border-radius:0 0 8px 8px;z-index:100;box-shadow:0 8px 24px #00000080;max-height:400px;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;color:#e0e0e0;transition:background .15s}.search-result-item:hover{background:#222;color:#fff}.search-result-thumb{width:48px;height:27px;object-fit:cover;border-radius:3px;flex-shrink:0}.search-result-name{font-size:.85rem;font-weight:600}.search-result-meta{font-size:.7rem;color:#888}.search-result-viewall{display:block;padding:.6rem .75rem;text-align:center;font-size:.8rem;color:#4da6ff;border-top:1px solid #222}.search-result-viewall:hover{background:#222}.main{max-width:1200px;margin:0 auto;padding:2rem;min-height:60vh}.track-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.section-title{font-size:1.5rem;font-weight:700;color:#fff;border-left:4px solid #4da6ff;padding-left:.75rem}.track-card{background:#151515;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.track-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0006}.track-card-link,.track-card-link:hover{color:inherit}.track-card-image{position:relative;aspect-ratio:16 / 9;background:#222;overflow:hidden}.track-card-image img{width:100%;height:100%;object-fit:cover}.track-card-category{position:absolute;top:.5rem;right:.5rem;background:#000000b3;color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:3px}.track-card-info{padding:1rem}.track-card-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.5rem}.track-card-date{font-size:.8rem;color:#666}.track-detail{max-width:800px}.track-detail h1{font-size:1.5rem;color:#fff;margin-bottom:1rem}.track-meta{display:flex;gap:1.5rem;margin-bottom:1.5rem;color:#888;font-size:.9rem}.youtube-embed{position:relative;padding-bottom:56.25%;margin-bottom:2rem;background:#000;border-radius:8px;overflow:hidden}.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.track-description{color:#888;font-size:.9rem;font-style:italic;margin:1.5rem 0 0;letter-spacing:.02em}.track-description p{margin:0;line-height:1.6}.track-links{margin-top:2rem}.track-links-group{margin-bottom:1.5rem}.track-links-group h4{color:#888;font-size:.85rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.track-link{display:block;color:#4da6ff;padding:.4rem 0;font-size:.95rem}.track-link:hover{color:#80c0ff}.track-link--download{font-weight:700;font-size:1.1rem;color:#4dff88}.track-link--download:hover{color:#80ffaa}.track-lang-link{display:flex;align-items:baseline;gap:.6rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #222;text-decoration:none;color:#666;font-size:.85rem;font-style:italic;transition:color .2s}.track-lang-link:hover{color:#999}.track-lang-label{color:#555;font-style:normal;font-weight:600;font-size:.75rem;letter-spacing:.08em;flex-shrink:0}.track-lang-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-all{margin-top:1.5rem;text-align:center}.view-all-link{display:inline-block;color:#4da6ff;font-size:.95rem;padding:.5rem 1.5rem;border:1px solid #333;border-radius:4px;transition:background .2s,border-color .2s}.view-all-link:hover{background:#1a1a1a;border-color:#4da6ff}.collections-section{margin-top:3rem}.collection-description{color:#aaa;font-size:.95rem;margin-bottom:1.5rem;line-height:1.7}.collection-tracks{margin-top:3rem}.footer{border-top:1px solid #222;padding:2rem;text-align:center;color:#666;font-size:.85rem}.lang-switch{margin-bottom:1rem}.search-container{margin-top:1.5rem}.search-bar{margin-bottom:1.5rem}.search-input{width:100%;padding:.75rem 1rem;background:#151515;border:1px solid #333;border-radius:8px;color:#e0e0e0;font-size:1rem;outline:none;transition:border-color .2s}.search-input:focus{border-color:#4da6ff}.search-input::placeholder{color:#666}.search-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-bottom:1.5rem;padding:1rem;background:#151515;border:1px solid #222;border-radius:8px}.filter-group{display:flex;flex-direction:column;gap:.4rem}.filter-group-inline{flex-direction:row;align-items:center}.filter-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.filter-input-number{width:72px;padding:.4rem .5rem;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#e0e0e0;font-size:.85rem;outline:none}.filter-input-number:focus{border-color:#4da6ff}.filter-separator{color:#666;padding:0 .25rem}.filter-select{padding:.4rem .5rem;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#e0e0e0;font-size:.85rem;outline:none}.filter-select:focus{border-color:#4da6ff}.tag-chips{display:flex;flex-wrap:wrap;gap:.4rem}.tag-chip{padding:.25rem .6rem;background:#1a1a1a;border:1px solid #333;border-radius:999px;color:#aaa;font-size:.75rem;cursor:pointer;transition:all .15s}.tag-chip:hover{border-color:#4da6ff;color:#4da6ff}.tag-chip.active{background:#4da6ff21;border-color:#4da6ff;color:#4da6ff}.clear-filters-btn{padding:.4rem 1rem;background:transparent;border:1px solid #333;border-radius:4px;color:#888;font-size:.8rem;cursor:pointer;transition:all .15s}.clear-filters-btn:hover{border-color:#666;color:#ccc}.search-results-count{font-size:.8rem;color:#888;margin-bottom:.5rem}.search-no-results{text-align:center;color:#666;font-size:.95rem;padding:3rem 0}@media(max-width:768px){.header{padding:1rem}.logo{font-size:1.5rem}.main{padding:1rem}.track-grid{grid-template-columns:1fr}.search-filters{flex-direction:column}.header-search-input{max-width:100%}}