@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}}