@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600&family=Space+Mono:wght@400;700&display=swap";.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.breadcrumb a{color:var(--text-secondary, #9a9690);text-decoration:none}.breadcrumb a:hover{color:var(--accent, #c8a96e)}[hidden]{display:none!important}:root{--bg-base: #0d0d0f;--bg-surface: #16161a;--bg-elevated: #1e1e24;--bg-hover: #26262e;--accent: #c8a96e;--accent-dim: #8a7148;--accent-glow: rgba(200, 169, 110, .12);--text-primary: #f5f3ef;--text-secondary: #c9c5bd;--text-muted: #9d9890;--border: #2a2a32;--border-accent: rgba(200, 169, 110, .3);--success: #4caf82;--danger: #e05a5a;--font-display: "Space Grotesk", sans-serif;--font-mono: "Space Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--transition: .18s ease}:root{cursor:default}input:not([type=button]):not([type=submit]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),textarea,[contenteditable=true],[contenteditable=""]{cursor:text}a[href],button,select,summary,label[for],[role=button],[role=tab],[role=option],[role=link],[role=menuitem],[role=switch],[role=checkbox],input[type=button],input[type=submit],input[type=reset],input[type=checkbox],input[type=radio],input[type=file],input[type=color]{cursor:pointer}[tabindex]:not([tabindex="-1"]):not(.tugas-lencana){cursor:pointer}input[type=range]{cursor:grab}input[type=range]:active{cursor:grabbing}button:disabled,select:disabled,input:disabled,textarea:disabled,[aria-disabled=true]{cursor:not-allowed}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{font-family:var(--font-display);background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;padding:0;line-height:1.6;display:flex;flex-direction:column;overflow-x:hidden;max-width:100vw}.app-shell{max-width:860px;margin:0 auto;padding:32px 24px 64px;width:100%;flex:1}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:48px}.app-header{margin-bottom:40px}.app-logo{font-size:2.6rem;font-weight:600;letter-spacing:-.03em;color:var(--text-primary);line-height:1}.app-logo span{color:var(--accent)}.app-tagline{font-size:.95rem;color:var(--text-secondary);margin-top:6px;font-weight:300;letter-spacing:.01em}.pilih-bahasa-wrap{position:relative;display:inline-block}.pilih-bahasa-tombol{display:flex;align-items:center;gap:7px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);padding:7px 12px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.8rem;font-weight:500;cursor:pointer;transition:border-color var(--transition),color var(--transition);letter-spacing:.05em}.pilih-bahasa-tombol:hover{border-color:var(--border-accent);color:var(--text-primary)}.pilih-bahasa-daftar{display:none;position:absolute;right:0;top:calc(100% + 6px);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);list-style:none;overflow:hidden;min-width:150px;z-index:100;box-shadow:0 8px 24px #0006}.pilih-bahasa-daftar.terbuka{display:block}.pilih-bahasa-daftar li{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:background var(--transition),color var(--transition)}.pilih-bahasa-daftar li:hover{background:var(--bg-hover);color:var(--text-primary)}.pilih-tools-wrap{position:relative;display:inline-block}.pilih-tools-tombol{display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);padding:9px 14px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.82rem;font-weight:500;cursor:pointer;transition:border-color var(--transition),color var(--transition)}.pilih-tools-tombol:hover{border-color:var(--border-accent);color:var(--text-primary)}.ikon-tools{width:15px;height:15px;flex-shrink:0}.ikon-chevron{width:13px;height:13px;flex-shrink:0;color:var(--text-muted);transition:transform var(--transition)}.pilih-tools-daftar.terbuka~.pilih-tools-tombol .ikon-chevron,.pilih-tools-tombol[aria-expanded=true] .ikon-chevron{transform:rotate(180deg)}.pilih-tools-daftar{display:none;position:absolute;right:0;left:auto;top:calc(100% + 6px);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);list-style:none;overflow:hidden;min-width:280px;z-index:100;box-shadow:0 8px 24px #0006}.pilih-tools-daftar.terbuka{display:block}.pilih-tools-daftar li{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;cursor:pointer;transition:background var(--transition);border-bottom:1px solid var(--border)}.pilih-tools-daftar li:last-child{border-bottom:none}.pilih-tools-daftar li:hover{background:var(--bg-hover)}.tools-item-ikon{font-size:1.1rem;line-height:1.3;flex-shrink:0;opacity:.85}.tools-item-teks{display:flex;flex-direction:column;gap:4px}.tools-item-judul{font-size:.85rem;color:var(--text-primary);font-weight:500}.tools-item-badge{font-family:var(--font-mono);font-size:.65rem;color:var(--accent-dim);text-transform:uppercase;letter-spacing:.06em;width:fit-content;padding:2px 7px;border:1px solid var(--border);border-radius:4px}.tombol-utama{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--accent-dim);color:var(--accent);padding:11px 22px;font-family:var(--font-display);font-size:.9rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition);letter-spacing:.02em}.tombol-utama:hover{background:var(--accent-glow);border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.tombol-utama:active{transform:scale(.98)}.divider{height:1px;background:var(--border);margin:32px 0}.status-bar{display:none;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:20px;font-size:.8rem;color:var(--text-secondary)}.status-bar.aktif{display:flex}.status-count{font-family:var(--font-mono);color:var(--accent);font-size:.85rem}#daftar-lagu{list-style:none;display:flex;flex-direction:column;gap:2px}#daftar-lagu li{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--bg-surface);border:1px solid transparent;border-radius:var(--radius-sm);transition:background var(--transition),border-color var(--transition);cursor:default}#daftar-lagu li:hover{background:var(--bg-elevated);border-color:var(--border)}.lagu-icon{font-size:.85rem;color:var(--accent-dim);font-family:var(--font-mono);min-width:36px;text-align:center}.lagu-nama{font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.lagu-badge-wrap{display:flex;align-items:center;gap:6px;flex-shrink:0}.lagu-hires-logo{display:inline-flex;width:30px;height:30px;flex-shrink:0;animation:hiresFadeIn .25s ease}.lagu-hires-logo svg{width:100%;height:100%}@keyframes hiresFadeIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.lagu-format{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);background:var(--bg-elevated);padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.lagu-dir{color:var(--text-muted);font-size:.8rem}.lagu-format.flac{color:var(--accent);background:#c8a96e14}.lagu-format.mp3{color:#7eb8f7;background:#7eb8f714}.lagu-format.wav{color:var(--success);background:#4caf8214}.lagu-format.aac{color:#b07ef7;background:#b07ef714}.lagu-format.m4a{color:#f07eb8;background:#f07eb814}.lagu-aksi{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition)}.lagu-aksi svg{width:16px;height:16px}#daftar-lagu li:hover .lagu-aksi{color:var(--accent);border-color:var(--border-accent);background:var(--accent-glow)}.lagu-aksi:hover{background:var(--accent-glow);border-color:var(--accent);color:var(--accent);transform:translate(2px)}.lagu-aksi:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;color:var(--text-muted);text-align:center;gap:10px}.empty-state-icon{font-size:2.4rem;opacity:.4}.empty-state p{font-size:.875rem;max-width:280px;line-height:1.6}.app-footer{text-align:center;padding:22px 24px 28px;font-size:.78rem;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.02em;border-top:1px solid var(--border)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:600px){.app-logo{font-size:2rem}.pilih-tools-tombol span:not(.ikon-tools):not(.ikon-chevron){display:none}.pilih-tools-daftar{position:fixed;left:10px;right:10px;top:auto;min-width:0;max-height:60vh;overflow-y:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}.lagu-hires-logo{animation:none}}.banner-restore{display:flex;align-items:center;gap:12px;padding:11px 16px;background:var(--bg-elevated);border:1px solid var(--border-accent);border-radius:var(--radius-md);margin-bottom:16px;flex-wrap:wrap;row-gap:8px}.banner-restore-info{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.banner-restore-ikon{font-size:1rem;flex-shrink:0}.banner-restore-teks{font-size:.85rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner-restore-teks strong{color:var(--accent);font-weight:500}.tombol-restore{background:transparent;border:1px solid var(--accent-dim);color:var(--accent);padding:6px 16px;font-family:var(--font-display);font-size:.82rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition),border-color var(--transition);white-space:nowrap;flex-shrink:0}.tombol-restore:hover{background:var(--accent-glow);border-color:var(--accent)}.tombol-restore:disabled{opacity:.5;cursor:not-allowed}.tombol-restore-ganti{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:6px 12px;font-family:var(--font-display);font-size:.82rem;border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition),color var(--transition);white-space:nowrap;flex-shrink:0}.tombol-restore-ganti:hover{border-color:var(--border-accent);color:var(--text-secondary)}.lagu-sudah-diedit{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;font-size:.62rem;font-weight:700;line-height:1;background:#5fbf7f29;color:#5fbf7f;border:1px solid rgba(95,191,127,.34);cursor:help;flex:0 0 auto}.lagu-item.lagu-sudah-diedit-baris .lagu-nama{opacity:.72}.lagu-item.lagu-sudah-diedit-baris:hover .lagu-nama{opacity:1}@media(max-width:560px){.lagu-sudah-diedit{width:15px;height:15px;font-size:.56rem}}.lagu-pilih-wrap{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;margin-left:-6px;border-radius:8px;cursor:pointer;transition:background .14s ease}.lagu-pilih-wrap:hover{background:#ffffff0f}.lagu-pilih{width:15px;height:15px;accent-color:var(--accent, #c8a96e);cursor:pointer;margin:0}.lagu-item-terpilih{box-shadow:inset 3px 0 0 var(--accent, #c8a96e);background:#c8a96e0d}.pilih-bar{display:flex;align-items:center;gap:14px;padding:7px 14px;border-radius:10px;border:1px solid var(--border-accent, rgba(200, 169, 110, .3));background:var(--accent-glow, rgba(200, 169, 110, .1))}.pilih-bar[hidden]{display:none}.pilih-bar-semua{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;color:#fff;cursor:pointer;white-space:nowrap}.pilih-bar-semua input{width:15px;height:15px;accent-color:var(--accent, #c8a96e);cursor:pointer;margin:0}.pilih-bar-jumlah{font-family:var(--font-mono, monospace);font-size:.78rem;color:var(--accent, #c8a96e);white-space:nowrap}.pilih-bar-bersih{background:none;border:none;cursor:pointer;font-family:inherit;font-size:.78rem;color:#ffffffb3;padding:4px 2px;text-decoration:underline}.pilih-bar-bersih:hover{color:#fff}@media(max-width:620px){.pilih-bar{gap:10px;padding:6px 10px;flex-wrap:wrap}.pilih-bar-semua,.pilih-bar-jumlah,.pilih-bar-bersih{font-size:.74rem}.lagu-pilih-wrap{width:30px;height:30px;margin-left:-4px}}.lagu-sampul{flex:0 0 auto;width:34px;height:34px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated, #1e1e24);font-family:var(--font-mono, monospace);font-size:.9rem;line-height:1;-webkit-user-select:none;user-select:none}.lagu-sampul img{width:100%;height:100%;object-fit:cover;display:block}.lagu-sampul-memuat{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17,#ffffff0a 75%);background-size:200% 100%;animation:laguSampulDenyut 1.4s ease-in-out infinite}@keyframes laguSampulDenyut{0%{background-position:200% 0}to{background-position:-200% 0}}.lagu-sampul-kosong{background:transparent;border:1px dashed var(--border, #2a2a32);color:#ffffff80}.lagu-item:hover .lagu-sampul-kosong{border-color:var(--border-accent, rgba(200,169,110,.35));color:var(--accent, #c8a96e)}@media(prefers-reduced-motion:reduce){.lagu-sampul-memuat{animation:none}}@media(max-width:560px){.lagu-icon{min-width:24px;font-size:.78rem}.lagu-sampul{width:30px;height:30px}}