.result{background:var(--header-bg);border-radius:12px;overflow:hidden;transition:all .2s;box-shadow:0 1px 3px var(--shadow-color)}.result:hover{transform:translateY(-4px);box-shadow:0 4px 12px var(--shadow-color)}.icon-wrapper{position:relative;padding-top:100%;background:var(--filter-bg);overflow:hidden}.icon{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;color:transparent}.info{padding:1rem}.icon-trackName{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-artistName{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-platform{display:inline-block;font-size:.75rem;color:var(--text-secondary);background:var(--filter-bg);padding:4px 8px;border-radius:4px}a.icon-info{text-decoration:none;color:inherit;display:block}a.icon-info:hover{color:var(--text-color)}.icon-null{width:80%;height:80%;top:10%;left:10%;position:absolute;background-color:var(--bg-diff-color);mask:url(../placeholder.svg) center/contain no-repeat;-webkit-mask:url(../placeholder.svg) center/contain no-repeat}@media (max-width: 480px){.result{margin:0}}:root{--bg-color: #fafafa;--bg-diff-color: #1a1a1a;--header-bg: #fff;--text-color: #000;--text-secondary: #666;--border-color: #eee;--filter-bg: #f5f5f5;--filter-hover: #eee;--shadow-color: rgba(0, 0, 0, .05)}[data-theme=dark]{--bg-color: #1a1a1a;--bg-diff-color: #fafafa;--header-bg: #242424;--text-color: #fff;--text-secondary: #999;--border-color: #333;--filter-bg: #2a2a2a;--filter-hover: #333;--shadow-color: rgba(0, 0, 0, .2)}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-color)}.center{max-width:1400px;margin:0 auto;width:100%;padding:0 1rem}header{padding:2rem;background:var(--header-bg);box-shadow:0 1px 2px var(--shadow-color);position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.header-right{display:flex;align-items:center;gap:1rem}.branding{text-align:left}.logo{font-size:1.8rem;font-weight:800;color:var(--text-color);margin-bottom:.5rem}.description{color:var(--text-secondary);font-size:.9rem}.header-controls{display:flex;align-items:center;gap:1rem}.theme-toggle,.lang-toggle{display:flex;gap:.5rem;padding:4px;height:44px;background:var(--filter-bg);border-radius:8px;width:180px;box-sizing:border-box}.theme-btn{height:36px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:all .2s;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;white-space:nowrap}.theme-btn:hover{background:var(--filter-hover)}.theme-btn.active{background:var(--text-color);color:var(--header-bg)}.search{width:368px;position:relative;-webkit-tap-highlight-color:transparent}.search-input{width:100%;height:44px;padding:0 40px 0 16px;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;transition:all .2s;background:var(--filter-bg);color:var(--text-color)}.search-input::selection{background-color:var(--text-color);color:var(--bg-color)}.search-input:focus{border-color:var(--text-color);outline:none}.search-button{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;background:var(--text-color);border-radius:6px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s}.search-button:hover{background:var(--text-secondary)}.search-icon{width:16px;height:16px;background-color:var(--bg-color);mask:url(../search.svg) center/contain no-repeat;-webkit-mask:url(../search.svg) center/contain no-repeat}.filters-container{position:relative}.filters-toggle{display:flex;width:100%;padding:.8rem 1rem;background:var(--filter-bg);border:none;border-radius:8px;font-size:.9rem;color:var(--text-secondary);cursor:pointer;margin-bottom:1rem;text-align:left;transition:all .2s;position:relative;align-items:center;-webkit-tap-highlight-color:transparent;height:44px}.filters-toggle:hover{background:var(--filter-hover)}.filters-toggle:after{content:"";position:absolute;right:1rem;top:50%;width:10px;height:10px;border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);transform:translateY(-50%) rotate(45deg);transition:transform .2s}.filters-toggle.active:after{transform:translateY(-25%) rotate(-135deg)}.filters{overflow:hidden;max-height:0;padding:0 15px;background:var(--filter-bg);border-radius:8px;margin-top:10px;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.filters.show{max-height:500px;padding:15px;opacity:1}.filter-group{display:flex;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.filter-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.filter-group-title{min-width:80px;width:80px;flex-shrink:0;color:var(--text-secondary);margin-right:10px}.filter-options{display:flex;flex-wrap:wrap;gap:10px;flex:1;padding-top:2px}.filter-group input[type=checkbox]{display:none}.filter-group label{font-size:.85rem;padding:6px 12px;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary);background:var(--filter-bg);transition:all .2s;white-space:nowrap}.filter-group label:hover{background:var(--filter-hover)}.filter-group input[type=checkbox]:checked+label{background:var(--text-color);color:var(--bg-color)}.results{padding:2rem 1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;max-width:1400px;margin:0 auto;width:100%}footer{padding:1.5rem;background:var(--header-bg);color:var(--text-secondary);font-size:.9rem;border-top:1px solid var(--border-color);margin-top:auto}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.copyright{color:var(--text-secondary)}.copyright a{color:var(--text-color);text-decoration:none;transition:opacity .2s}.copyright a:hover{opacity:.7}.github-link{height:32px;padding:0 12px;border-radius:6px;background:var(--filter-bg);color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:all .2s;display:flex;align-items:center}.github-link:hover{background:var(--filter-hover)}@media (max-width: 1200px){.header-content{position:relative;padding-top:45px}.header-controls{position:absolute;top:0;right:0;transform-origin:top right;background:transparent;padding:0;z-index:101;gap:.5rem}.theme-btn{background:transparent}}@media (max-width: 768px){header{padding:1rem}.header-controls{display:flex;gap:.5rem;transform:scale(.72)}.lang-toggle,.theme-toggle{display:flex;opacity:0;transform:translate(20px);visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-controls.show .lang-toggle,.header-controls.show .theme-toggle{opacity:1;transform:translate(0);visibility:visible}.header-controls .expand-controls{display:flex}.header-content{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1rem;position:relative;padding-top:20px}.branding{text-align:center;padding-top:20px}.header-right{width:100%;flex-direction:column;gap:1rem}.search{width:100%}.footer-content{flex-direction:row;justify-content:space-between;align-items:center;text-align:left;gap:1rem}.copyright{font-size:.85rem}.github-link{width:auto;white-space:nowrap}}@media (max-width: 480px){.results{grid-template-columns:repeat(2,1fr);gap:.75rem}.footer-content{gap:.5rem}.copyright{font-size:.8rem}.github-link{font-size:.8rem;padding:0 10px}}.expand-controls{display:none;width:44px;height:44px;border:none;background:var(--filter-bg);border-radius:8px;cursor:pointer;padding:0;justify-content:center;align-items:center;position:relative;-webkit-tap-highlight-color:transparent}.expand-controls:before,.expand-controls:after{content:"";position:absolute;width:12px;height:2px;background:var(--text-color);transition:transform .3s cubic-bezier(.4,0,.2,1)}.expand-controls:before{transform:rotate(90deg)}.expand-controls.active:before{transform:rotate(0)}body,html{min-height:100vh;margin:0;padding:0}body{font-family:MiSans VF,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f8f9fa;color:#1f2937;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}