:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.4;--bg: #0c120c;--panel: rgba(255, 255, 255, .1);--panel-2: rgba(255, 255, 255, .13);--border: rgba(255, 255, 255, .14);--text: #eef2ea;--muted: rgba(238, 242, 234, .72);--accent-hex: #4b4f2f;--accent: rgba(75, 79, 47, .95);--accent-bg: rgba(75, 79, 47, .24);--accent-2: rgba(109, 140, 76, .35);--danger: rgba(239, 68, 68, .9);--success: rgba(34, 197, 94, .9);--sidebar-w: 340px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(1000px 650px at 62% 8%,rgba(255,255,255,.06),transparent 62%),radial-gradient(1200px 700px at 18% 10%,rgba(75,79,47,.34),transparent 62%),radial-gradient(900px 600px at 85% 20%,rgba(109,140,76,.18),transparent 62%),radial-gradient(900px 700px at 40% 96%,rgba(34,197,94,.1),transparent 62%);opacity:.9}a{color:inherit;text-decoration:none}.container{max-width:1180px;margin:0 auto;padding:22px}.topbar{position:sticky;top:14px;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e0a99;border:1px solid var(--border);border-radius:16px;padding:14px 16px;box-shadow:0 10px 30px #00000040}.appShell,.appContent{min-height:100vh}.main{width:100%;padding:22px}.iconBtn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#eef2eaeb;cursor:pointer;text-decoration:none;transition:transform .12s ease,background .12s ease,border-color .12s ease,opacity .12s ease}.iconBtn:hover{transform:translateY(-1px);background:#ffffff17;border-color:#ffffff29}.iconBtn:active{transform:translateY(0)}.iconSvg{width:20px;height:20px}.mobileTopbar{position:fixed;top:0;left:0;right:0;height:56px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e0aa6;border-bottom:1px solid rgba(255,255,255,.1)}.mobileBrand{display:inline-flex;align-items:center;justify-content:center;flex:1}.mobileBrandLogo{width:34px;height:34px;border-radius:10px;background:#fffffff5;border:1px solid rgba(255,255,255,.34);padding:4px;box-shadow:0 10px 22px #00000038,0 0 0 3px #6d8c4c24}.sidebar{position:fixed;top:0;left:0;height:100vh;width:min(var(--sidebar-w),86vw);padding:14px;background:#0a0e0aeb;border-right:1px solid var(--border);box-shadow:18px 0 50px #0006;transform:translate(-105%);transition:transform .18s ease;z-index:90;display:flex;flex-direction:column;gap:12px}.sidebar.open{transform:translate(0)}.sidebarHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar .brandLogo{width:40px;height:40px}.sidebarClose{display:inline-flex}.sidebarNav{display:flex;flex-direction:column;gap:8px}.sidebarNav .nav-link{display:block;width:100%}.sidebar .nav-sep{width:100%;height:1px;margin:6px 0}.sidebarFooter{margin-top:auto}.playlistAddBar{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;display:flex;flex-direction:column;gap:8px}.searchResults{display:flex;flex-direction:column;gap:10px}.searchResult{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0000002e}.brand{display:flex;align-items:center;gap:10px}.brandLogo{width:46px;height:46px;border-radius:12px;background:#fffffff7;border:1px solid rgba(255,255,255,.34);padding:5px;box-shadow:0 12px 24px #00000038,0 0 0 3px #6d8c4c24}.searchCardHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.searchTitle{display:inline-flex;align-items:center;gap:10px}.searchForm{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.searchInput{position:relative}.searchInput input{padding-left:40px;padding-right:40px}.searchInputIcon{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:18px;height:18px;opacity:.85}.searchClearBtn{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:30px;height:30px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#eef2eaeb;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.searchModes{margin-top:10px}.chipBtn{cursor:pointer;display:inline-flex;align-items:center;gap:6px}.chipBtn.isActive{border-color:#6d8c4c99;background:#6d8c4c2e}.chipIcon{width:14px;height:14px;flex:0 0 auto}.searchSectionTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0}@media(max-width:899px){.searchForm{grid-template-columns:1fr}}.brandTitle{margin:0;font-size:18px;letter-spacing:.2px}.subtitle{color:#eef2eabd;font-size:12px;letter-spacing:.04em}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 12px 35px #0003}.cardTitle{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.songHeaderActions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:520px}.songActionBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff1a;color:#eef2eaf2;font-weight:800}.songActionBtn:hover{background:#ffffff21;border-color:#ffffff2e}.songActionBtn.primary{background:#6d8c4c38;border-color:#6d8c4c85}.songActionBtn.isActive{background:#22c55e29;border-color:#22c55e59}.songActionIcon{width:18px;height:18px;flex:0 0 auto}.songActionLabel{font-size:12px;letter-spacing:.02em}@media(max-width:899px){.songHeaderActions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}}.h3{margin:0;font-size:18px;letter-spacing:.2px}.kvs{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.kv{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px}.kv .k{font-size:12px;color:#eef2eab8;margin-bottom:6px}.kv .v{font-weight:650}.chips{display:flex;gap:8px;flex-wrap:wrap}.songFilters{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.songFilters select{margin-top:6px}.songFiltersActions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.list{display:flex;flex-direction:column;gap:10px}.listItem{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.listMain{flex:1;min-width:0}.listTitle{display:block;font-weight:850;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listSub{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listRight{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto}.pager{display:flex;justify-content:space-between;align-items:center;gap:10px}@media(max-width:899px){.songFilters{grid-template-columns:1fr}.songFiltersActions{justify-content:stretch}.songFiltersActions button{flex:1}.listItem{align-items:flex-start}.listRight{flex-wrap:wrap;gap:8px}}.chip{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#eef2eaeb;font-size:12px}.chip.accent{border-color:#4b4f2f8c;background:#4b4f2f33}.monoBlock{border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#00000038;padding:12px 14px;overflow:auto}.chordPro{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.5}.chordLine{white-space:pre;color:var(--success);font-weight:750;letter-spacing:0}.lyricsLine{white-space:pre;color:#eef2eaf2}@media(max-width:899px){.monoBlock.chordPro{overflow-x:hidden;white-space:pre;font-size:13px;line-height:1.35}.chordLine,.lyricsLine{white-space:pre;overflow-wrap:normal;word-break:normal}}.transposeBar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.transposeLeft{display:flex;flex-direction:column;gap:6px}.transposeControls{display:flex;gap:8px;flex-wrap:wrap}.btnSmall{padding:7px 10px;border-radius:12px}.selectSmall{margin-left:8px;width:auto;display:inline-block;padding:7px 10px;border-radius:12px}.row{display:flex;gap:12px;flex-wrap:wrap}.songDetail.playerMode{padding-bottom:92px}.playerBar{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#080a07eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 40px #00000073;padding:10px}.playerBarTop{display:flex;align-items:center;gap:10px}.playerTitle{flex:1;min-width:0}.playerSongTitle{font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playerSongMeta{font-size:11px;color:#eef2eab8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playerBarBottom{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.playerNav{display:inline-flex;align-items:center;gap:8px}.playerNav .playerBtn{display:inline-flex;align-items:center;gap:6px}@media(max-width:899px){.playerNav{width:100%;justify-content:space-between}.playerNav .playerBtn{flex:1;justify-content:center}}@media(min-width:900px){.songDetail.playerMode{padding-bottom:120px}.playerBar{left:calc(var(--sidebar-w) + 24px);right:24px;bottom:18px;padding:12px 14px;border-radius:18px;background:#0a0c09d1;box-shadow:0 18px 44px #00000061}.playerBarBottom{flex-wrap:nowrap}.playerSlider input[type=range]{width:200px}}.playerBtn{border-radius:12px;padding:8px 10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#eef2eaf2;cursor:pointer;font-weight:700}.playerBtn:disabled{opacity:.55;cursor:not-allowed}.playerBtn.primary{border-color:#5fa7568c;background:#5fa7562e}.playerSlider{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.playerSlider input[type=range]{width:170px;margin:0;padding:0;box-sizing:border-box;accent-color:var(--success)}.playerTranspose{display:flex;align-items:center;gap:8px;padding:0 2px}.row>*{flex:1;min-width:260px}.nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.nav-link{padding:8px 10px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:transform .12s ease,background .12s ease,border-color .12s ease}.nav-link:hover{transform:translateY(-1px);background:#ffffff14}.nav-link.active{background:var(--accent-bg);border-color:#4b4f2f8c}.nav-sep{width:1px;height:26px;background:#ffffff1f;margin:0 2px}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.muted{color:var(--muted)}.error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);padding:10px 12px;border-radius:10px}.success{background:#22c55e1f;border:1px solid rgba(34,197,94,.35);padding:10px 12px;border-radius:10px}button{cursor:pointer;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:var(--text);padding:9px 12px;border-radius:10px;transition:transform .12s ease,background .12s ease,border-color .12s ease,opacity .12s ease}button:hover{transform:translateY(-1px);background:#ffffff1a}button:disabled{opacity:.55;cursor:not-allowed;transform:none}button.primary{background:#4b4f2f47;border-color:#4b4f2f94}input,select,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#00000040;color:var(--text);outline:none;transition:border-color .12s ease,box-shadow .12s ease}input:focus,select:focus,textarea:focus{border-color:#4b4f2fa6;box-shadow:0 0 0 3px #4b4f2f33}label{display:block;font-size:12px;margin-bottom:6px;color:#e8edf7cc}table{width:100%;border-collapse:collapse}tbody tr:hover{background:#ffffff0a}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.08)}th{font-size:12px;color:#e8edf7cc;text-transform:uppercase;letter-spacing:.08em}pre{white-space:pre-wrap;word-break:break-word}details{border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0000002e;padding:10px 12px}summary{cursor:pointer;color:#e8edf7e0;font-weight:600}@media(max-width:720px){.main{padding:72px 14px 14px}.row>*{min-width:100%}.kvs{grid-template-columns:1fr}}@media(max-width:899px){.main{padding-top:72px}}@media(min-width:900px){.mobileTopbar{display:none}.sidebar{top:14px;left:14px;height:calc(100vh - 28px);border:1px solid var(--border);border-radius:16px;background:#ffffff0a;transform:none}.appShell.menuOpen .appContent{padding-left:calc(var(--sidebar-w) + 22px)}.main{padding-left:22px;padding-right:22px}}