html,body{width:100%;overflow-x:hidden}html{scrollbar-gutter:stable;overflow-y:scroll}body{background-color:var(--bg);color:var(--text);background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-position:50%;background-size:32px 32px;justify-content:center;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;display:flex}:root{--bg:#0d1117;--card-bg:#161b22;--border:#30363d;--text:#c9d1d9;--text-heading:#f0f6fc;--text-muted:#8b949e;--accent:#58a6ff}:root[data-theme=light]{--bg:#f6f8fa;--card-bg:#fff;--border:#d0d7de;--text:#1f2328;--text-heading:#0969da;--text-muted:#656d76;--accent:#0969da}:root[data-theme=light] body{background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px)}*{box-sizing:border-box;margin:0;padding:0}.container{width:100%;max-width:760px}header{backdrop-filter:blur(10px);border:1px solid var(--border);z-index:50;background:#161b22d9;border-radius:9999px;align-items:center;height:54px;margin-bottom:40px;padding:8px 18px;display:flex;position:sticky;top:20px}.header-normal,.header-search{justify-content:space-between;align-items:center;width:100%;display:flex}.header-normal.hidden,.header-search.hidden{display:none!important}.header-search{gap:12px}.header-search input{min-width:0;color:var(--text-heading);background:0 0;border:none;outline:none;flex:1;padding:4px 0;font-size:16px!important}.header-search input::placeholder{color:var(--text-muted)}.logo{color:var(--text-heading);font-size:1rem;font-weight:700;text-decoration:none}.logo span{color:var(--accent)}.nav-actions{align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#0d1117;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;transition:all .2s;display:flex}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.icon-btn.active{border-color:var(--accent)!important;color:var(--accent)!important;background:#58a6ff1f!important}:root[data-theme=light] .icon-btn{background:#fff}.theme-split-btn,.lang-split-btn{position:relative;overflow:hidden}.theme-split-btn:after,.lang-split-btn:after{content:"";background:linear-gradient(135deg, transparent calc(50% - .5px), var(--border) calc(50% - .5px), var(--border) calc(50% + .5px), transparent calc(50% + .5px));pointer-events:none;opacity:.6;z-index:2;position:absolute;inset:3px}.theme-part,.flag-part{width:28px;height:28px;transition:color .25s,opacity .25s,filter .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flag-part{border-radius:50%}.sun-part,.tr-part{clip-path:polygon(0 0,90% 0,0 90%);color:var(--text-muted);opacity:.45}.moon-part,.en-part{clip-path:polygon(100% 10%,100% 100%,10% 100%);color:var(--text-muted);opacity:.45}.theme-split-btn.dark .moon-part{color:var(--accent);opacity:1}.theme-split-btn.dark .sun-part{color:var(--text-muted);opacity:.4}.theme-split-btn.light .sun-part{color:var(--accent);opacity:1}.theme-split-btn.light .moon-part{color:var(--text-muted);opacity:.4}.lang-split-btn.tr .tr-part{opacity:1;filter:grayscale(0%)}.lang-split-btn.tr .en-part{opacity:.35;filter:grayscale(60%)}.lang-split-btn.en .en-part{opacity:1;filter:grayscale(0%)}.lang-split-btn.en .tr-part{opacity:.35;filter:grayscale(60%)}.music-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;margin-bottom:40px;padding:32px}.music-title{color:var(--text-heading);margin-bottom:12px;font-size:1.5rem}.music-desc{color:var(--text-muted);margin-bottom:24px;font-size:.95rem;line-height:1.6}.music-items-list{flex-direction:column;gap:16px;display:flex}.music-item-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:16px;transition:all .2s;display:flex}.music-item-card:hover{border-color:var(--accent)}.music-item-header{justify-content:space-between;align-items:center;width:100%;display:flex}.music-item-left{align-items:center;gap:16px;display:flex}.music-item-icon{color:red;background:#e30a171a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.music-item-icon img{object-fit:cover;width:100%;height:100%}.music-item-info{flex-direction:column;display:flex}.music-item-title{color:var(--text-heading);margin-bottom:2px;font-size:1rem;font-weight:700}.music-item-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;display:-webkit-box;overflow:hidden}.music-item-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.music-item-badge{color:var(--accent);cursor:pointer;background:#58a6ff1a;border:1px solid #0000;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.music-item-badge:hover{border-color:var(--accent);background:#58a6ff2e}.tracks-panel{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:16px;padding-top:16px;display:none}.tracks-panel.open{display:flex}.player-container{border-radius:8px;width:100%;display:none;overflow:hidden}.player-container.open{display:block}.player-container iframe{border:none;border-radius:8px;width:100%;height:180px}.track-list{flex-direction:column;gap:4px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.track-list::-webkit-scrollbar{width:4px}.track-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.track-item{color:var(--text);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.85rem;transition:all .15s;display:flex}.track-item:hover{color:var(--accent);background:#58a6ff14}.track-item.playing{color:var(--accent);background:#58a6ff26;font-weight:700}.track-item-left{align-items:center;gap:10px;display:flex;overflow:hidden}.track-num{color:var(--text-muted);flex-shrink:0;width:20px;font-family:monospace;font-size:.75rem}.track-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-play-icon{opacity:0;font-size:.75rem;transition:opacity .15s}.track-item:hover .track-play-icon,.track-item.playing .track-play-icon{opacity:1}.no-music-results{color:var(--text-muted);text-align:center;padding:20px 0;display:none}@media (width<=640px){body{padding:24px 16px!important}header{padding:8px 12px!important}.logo{font-size:.85rem}.music-item-header{flex-direction:column;align-items:flex-start;gap:12px}.music-item-actions{align-self:flex-end}}