.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: #e8e6e1;--text-secondary: #9a9690;--text-muted: #5a5854;--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}*,*: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)}@media(max-width:1024px){.app-shell{padding:32px 20px 56px}.detail-konten{flex-direction:column;gap:24px}.detail-cover-wrap{max-width:280px;margin:0 auto}.player-shell{flex-direction:column;padding:20px}.player-left{max-width:100%}.player-right{max-width:100%;margin-top:24px}}@media(max-width:768px){.app-shell{padding:32px 16px 48px}.topbar{padding:12px 16px;gap:12px;flex-wrap:wrap}.topbar-kanan{gap:8px}.pilih-bahasa-tombol,.bg-switcher-tombol{font-size:13px}.akun-wrap .akun-tombol{padding:6px 12px;font-size:13px}.app-header{padding:40px 16px 32px}.app-logo{font-size:36px}.app-tagline{font-size:14px}.tombol-utama{padding:12px 20px;font-size:15px}.status-bar{padding:12px 16px;font-size:13px}.lagu-item{padding:10px 12px;gap:10px}.lagu-icon{width:32px;height:32px;font-size:12px}.lagu-nama{font-size:13px}.lagu-dir{display:block;margin-bottom:2px}.lagu-format{font-size:10px;padding:2px 6px}.lagu-hires-logo{font-size:9px;padding:2px 5px}.detail-cover{width:180px;height:180px}.detail-judul{font-size:22px}.detail-artis{font-size:15px}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-field-wide{grid-column:1}.detail-aksi-row{flex-direction:column;gap:10px}.detail-aksi-row button{width:100%}.detail-section{padding:20px 16px}.detail-section-judul{font-size:18px}.deteksi-hasil{padding:16px}.kanvas-spektrum{height:200px}.kanvas-spectrogram-penuh{height:240px}.player-shell{padding:16px}.player-cover{width:200px;height:200px}.player-title{font-size:20px}.player-artist{font-size:14px}.player-controls-main{gap:16px}.player-btn-play{width:56px;height:56px}.player-btn-prev,.player-btn-next{width:44px;height:44px}.player-lyrics-scroll{max-height:250px}.auth-kartu{padding:32px 24px;margin:0 16px}.auth-judul{font-size:24px}.auth-subjudul{font-size:14px}.shortcuts-modal{width:95%;max-height:85vh}.bg-panel{position:fixed;top:62px;left:10px;right:10px;width:auto;min-width:0;max-width:none;max-height:calc(100vh - 80px);overflow-y:auto}.nav-menu-panel{width:280px}.empty-state{padding:60px 20px}.empty-state-icon{font-size:48px}}@media(max-width:480px){.app-shell{padding:32px 12px 40px}.app-header{padding:32px 12px 24px}.app-logo{font-size:32px}.app-tagline{font-size:13px}.topbar{padding:10px 12px}.lagu-item{padding:8px 10px}.lagu-icon{width:28px;height:28px;font-size:11px}.lagu-nama{font-size:12px}.lagu-aksi{display:none}.detail-cover{width:150px;height:150px}.detail-judul{font-size:20px}.detail-artis{font-size:14px}.detail-label,.detail-value{font-size:13px}.player-cover{width:180px;height:180px}.player-title{font-size:18px}.player-btn-play{width:52px;height:52px}.player-btn-prev,.player-btn-next{width:40px;height:40px}.auth-kartu{padding:24px 20px;margin:0 12px}.auth-judul{font-size:22px}.search-filter-bar{padding:12px}.filter-btn{font-size:11px;padding:4px 8px}.shortcuts-modal{width:98%;max-height:90vh}.shortcuts-header{padding:16px}.shortcuts-title{font-size:18px}.shortcuts-content{padding:16px}}@media(max-height:500px)and (orientation:landscape){.app-header{padding:20px 16px 16px}.app-logo{font-size:28px}.app-tagline{display:none}.player-shell{padding:12px}.player-cover{width:120px;height:120px}.player-lyrics-scroll{max-height:180px}.shortcuts-modal,.auth-kartu{max-height:95vh;overflow-y:auto}}@media(hover:none)and (pointer:coarse){.lagu-item{min-height:56px}button,.tombol-utama,.filter-btn{min-height:44px}.player-btn-play{min-width:56px;min-height:56px}.lagu-item:hover{background:#ffffff08}button:hover{transform:none}}@media print{.topbar,.app-footer-floating,.tombol-utama,.detail-aksi-row,.player-controls,.shortcuts-overlay,.shortcuts-modal,.toast-container,.loading-overlay{display:none!important}body{background:#fff;color:#000}.detail-konten,.lagu-item{page-break-inside:avoid}}