.audio-controls{display:flex;flex-direction:column;gap:5px;padding:8px 14px 10px;background:var(--bg-secondary);border-top:1px solid var(--border);flex-shrink:0}.ctrl-row1{display:flex;align-items:center;gap:8px}.ctrl-track{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.ctrl-cover{width:38px;height:38px;object-fit:cover;border-radius:4px;flex-shrink:0}.ctrl-cover-ph{width:38px;height:38px;background:var(--bg-card);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;color:var(--text-muted)}.ctrl-info{flex:1;min-width:0;display:flex;flex-direction:column}.ctrl-title{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctrl-artist{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctrl-transport{display:flex;align-items:center;gap:2px;flex-shrink:0}.ctrl-btn{background:none;border:none;color:var(--text-secondary);font-size:18px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:color .15s,background .15s}.ctrl-btn:active{background:#ffffff14}.ctrl-btn:disabled{opacity:.3;cursor:default}.ctrl-playbtn{font-size:22px;color:var(--accent);min-width:46px;min-height:46px}.ctrl-stopbtn,.ctrl-volume{display:none}.ctrl-row2{display:flex;align-items:center;gap:6px}.ctrl-time{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:32px;text-align:center;flex-shrink:0}.ctrl-seekbar{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--border);border-radius:2px;cursor:pointer;outline:none}.ctrl-seekbar::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer}.ctrl-seekbar::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border-radius:50%;border:none;cursor:pointer}.ctrl-sync{display:none}@media (min-width: 900px){.audio-controls{flex-direction:row;align-items:center;gap:16px;padding:0 20px;height:90px}.ctrl-row1{width:230px;flex-shrink:0}.ctrl-stopbtn{display:flex}.ctrl-volume{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:4px}.ctrl-vol-icon{font-size:14px}.ctrl-volbar{width:72px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:var(--border);border-radius:2px;cursor:pointer;outline:none}.ctrl-volbar::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:var(--accent-light);border-radius:50%;cursor:pointer}.ctrl-row2{flex:1;min-width:0}.ctrl-sync{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:8px}.ctrl-sync-label{font-size:11px;color:var(--text-muted);margin-right:2px}.ctrl-sync-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:10px;padding:2px 5px;border-radius:3px;cursor:pointer;transition:border-color .15s,color .15s}.ctrl-sync-btn:hover{border-color:var(--accent);color:var(--accent)}.ctrl-sync-val{font-size:11px;color:var(--accent);font-variant-numeric:tabular-nums;min-width:52px;text-align:center}.ctrl-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff12}}.lyrics-widget{height:100%;display:flex;flex-direction:column;overflow:hidden}.lyrics-widget.empty{align-items:center;justify-content:center}.lyrics-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text-muted)}.lyrics-logo{font-size:36px;font-weight:700;color:var(--accent);letter-spacing:.05em}.lyrics-toolbar{display:flex;align-items:center;gap:8px;justify-content:flex-end;padding:5px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.lyrics-trans-btn{background:none;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);font-size:12px;padding:3px 12px;cursor:pointer;transition:all .15s;white-space:nowrap}.lyrics-trans-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.lyrics-trans-btn.active{border-color:var(--accent);color:var(--accent);background:#00d4ff14}.lyrics-trans-btn:disabled{opacity:.6;cursor:default}.lyrics-trans-error{font-size:11px;color:var(--danger)}.lyrics-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:24px 16px;gap:2px;scroll-behavior:smooth}.lyrics-translation-bar{flex-shrink:0;padding:9px 20px;text-align:center;font-size:14px;font-style:italic;color:var(--text-secondary);background:#00d4ff0a;border-top:1px solid var(--border);min-height:42px;line-height:1.4}@media (min-width: 600px){.lyrics-scroll{padding:40px 24px;gap:4px}}.lyrics-line{width:100%;text-align:center;padding:6px 12px;border-radius:6px;transition:all .3s ease;cursor:default;line-height:1.4}.lyrics-past{font-size:14px;color:var(--text-muted);opacity:.5}.lyrics-active{font-size:20px;font-weight:700;color:var(--accent);text-shadow:0 0 20px rgba(0,212,255,.4);background:#00d4ff0f;padding:8px 16px}@media (min-width: 600px){.lyrics-active{font-size:26px;padding:10px 24px}}.lyrics-future{font-size:16px;color:var(--text-secondary);opacity:.75}.btn-accent{padding:10px 24px;background:var(--accent);color:#000;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-accent:hover{opacity:.85}.btn-accent:disabled{opacity:.4;cursor:default}.tag-editor{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-bottom:16px}.tag-editor.empty{align-items:center;justify-content:center;color:var(--text-muted);font-size:13px}.tag-header{padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border);flex-shrink:0}.tag-cover-area{display:flex;justify-content:center;padding:16px}.tag-cover{width:140px;height:140px;object-fit:cover;border-radius:6px;box-shadow:0 4px 16px #0006}.tag-cover-placeholder{width:140px;height:140px;background:var(--bg-card);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--text-muted)}.tag-fields{display:flex;flex-direction:column;gap:8px;padding:0 12px}.tag-fields label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--text-muted)}.tag-fields input,.tag-fields select{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:5px 8px;font-size:13px;outline:none;transition:border-color .15s}.tag-fields input:focus,.tag-fields select:focus{border-color:var(--accent)}.tag-fields select option{background:var(--bg-secondary)}.tag-row{display:flex;gap:10px}.tag-row label{flex:1}.tag-actions{display:flex;flex-direction:column;gap:6px;padding:12px 12px 8px}.tag-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:7px 10px;border-radius:5px;font-size:12px;cursor:pointer;text-align:left;transition:border-color .15s,color .15s}.tag-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.tag-btn:disabled{opacity:.4;cursor:default}.tag-status{margin:0 12px;padding:6px 10px;border-radius:4px;font-size:12px;text-align:center}.tag-status-ok,.tag-status-lyrics-ok{background:#66bb6a26;color:#66bb6a}.tag-status-error{background:#ef535026;color:#ef5350}.tag-status-saving{background:#00d4ff1a;color:var(--accent)}.tag-status-lyrics-none{background:#ff98001a;color:#ff9800}.mb-results{margin:0 12px 8px;border:1px solid var(--border);border-radius:6px;overflow:hidden}.mb-results-header{padding:6px 10px;font-size:11px;font-weight:600;background:var(--bg-card);color:var(--text-muted);border-bottom:1px solid var(--border)}.mb-result-item{display:flex;flex-direction:column;width:100%;background:none;border:none;border-bottom:1px solid var(--border);padding:7px 10px;cursor:pointer;text-align:left;transition:background .15s}.mb-result-item:last-child{border-bottom:none}.mb-result-item:hover{background:#ffffff0d}.mb-result-title{font-size:12px;color:var(--text-primary)}.mb-result-artist{font-size:11px;color:var(--text-muted)}.tag-status-audd-ok{background:#66bb6a26;color:#66bb6a}.tag-status-audd-none{background:#ff98001a;color:#ff9800}.tag-btn-audd{border-color:#00d4ff4d;color:var(--accent)}.tag-btn-audd:hover:not(:disabled){border-color:var(--accent);background:#00d4ff14}.tag-btn-acoustid{border-color:#7c4dff4d;color:#b39dff}.tag-btn-acoustid:hover:not(:disabled){border-color:#7c4dff;background:#7c4dff14}.tag-status-acoustid-ok{background:#4caf501a;color:#4caf50}.tag-status-acoustid-none{background:#ff98001a;color:#ff9800}.tag-btn-shazam{border-color:#0078ff4d;color:#6ab0ff}.tag-btn-shazam:hover:not(:disabled){border-color:#0078ff;background:#0078ff14}.tag-status-shazam-ok{background:#4caf501a;color:#4caf50}.tag-status-shazam-none{background:#ff98001a;color:#ff9800}.audd-key-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:999;padding:16px}.audd-key-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:20px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:10px}.audd-key-title{font-size:15px;font-weight:600;color:var(--accent)}.audd-key-desc{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.5}.audd-key-desc a{color:var(--accent)}.audd-key-hint{color:var(--text-muted)}.audd-key-input{background:var(--bg-card);border:1px solid var(--border);border-radius:5px;color:var(--text-primary);padding:8px 10px;font-size:13px;outline:none;transition:border-color .15s}.audd-key-input:focus{border-color:var(--accent)}.audd-key-actions{display:flex;gap:8px;justify-content:flex-end}.audd-key-btn{padding:7px 16px;border-radius:5px;font-size:13px;cursor:pointer;border:1px solid var(--border)}.audd-key-cancel{background:none;color:var(--text-muted)}.audd-key-confirm{background:var(--accent);border-color:var(--accent);color:#000;font-weight:600}.tag-lyrics-area{padding:0 12px;margin-top:4px}.tag-lyrics-area label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-muted)}.tag-lyrics-area textarea{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);padding:6px 8px;font-size:12px;font-family:monospace;resize:vertical;outline:none;transition:border-color .15s;line-height:1.5}.tag-lyrics-area textarea:focus{border-color:var(--accent)}.playlist-widget{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.playlist-header{padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border);flex-shrink:0}.playlist-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:13px}.playlist-list{list-style:none;overflow-y:auto;flex:1}.playlist-item{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.03);transition:background .15s}.playlist-item:hover{background:#ffffff0d}.playlist-item.active{background:#00d4ff1f;border-left:3px solid var(--accent)}.playlist-num{font-size:11px;color:var(--text-muted);width:18px;flex-shrink:0;text-align:right}.playlist-info{flex:1;min-width:0;display:flex;flex-direction:column}.playlist-title{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-artist{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:2px 4px;border-radius:3px;opacity:0;transition:opacity .15s,color .15s}.playlist-item:hover .playlist-remove{opacity:1}.playlist-remove:hover{color:var(--danger)}.file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;min-height:80px;border:2px dashed var(--border);border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s;-webkit-user-select:none;user-select:none}.file-drop:hover,.file-drop.dragging{border-color:var(--accent);background:#00d4ff0d}.file-drop-icon{font-size:28px}.file-drop-text{font-size:12px;color:var(--text-muted);text-align:center;line-height:1.5}.info-panel{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-bottom:16px}.info-panel.empty{align-items:center;justify-content:center;color:var(--text-muted);font-size:13px}.info-header{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:8px;justify-content:space-between}.info-title-text{font-size:13px;font-weight:600;color:var(--text);line-height:1.4}.info-artist{color:var(--text-muted);font-weight:400}.info-refresh-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;flex-shrink:0;padding:0 2px;line-height:1}.info-refresh-btn:hover{color:var(--accent)}.info-artist-img-wrap{padding:12px 14px 0}.info-artist-img{width:100%;max-height:160px;object-fit:cover;border-radius:8px}.info-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:32px 20px;gap:12px}.info-hint{text-align:center;font-size:13px;color:var(--text-muted);line-height:1.5;margin:0}.info-load-btn{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:8px;color:var(--accent);cursor:pointer;font-size:14px;padding:12px 20px;transition:all .15s}.info-load-btn:hover{background:#00d4ff2e;border-color:var(--accent)}.info-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:32px;gap:12px;color:var(--text-muted);font-size:13px}.info-spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.info-sections{display:flex;flex-direction:column;padding:8px 0}.info-section{border-bottom:1px solid var(--border)}.info-section-header{width:100%;background:none;border:none;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-size:13px;font-weight:600;text-align:left;transition:background .1s}.info-section-header:hover{background:#ffffff0a}.info-chevron{font-size:10px;color:var(--text-muted)}.info-section-body{padding:4px 14px 14px;display:flex;flex-direction:column;gap:10px}.info-field-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:3px}.info-field-value{font-size:13px;color:var(--text);line-height:1.55}.info-source-hint{font-size:10px;color:var(--text-muted);text-align:center;padding:8px 14px 0;margin:0;opacity:.6}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.settings-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;width:100%;max-width:480px;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.settings-title{font-size:15px;font-weight:600;color:var(--text-primary)}.settings-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:0 4px}.settings-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.settings-hint{font-size:12px;color:var(--text-muted);line-height:1.5;margin:0}.settings-hint a{color:var(--accent);text-decoration:none}.settings-label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-muted)}.settings-input{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;padding:8px 10px;outline:none;width:100%;box-sizing:border-box}.settings-input:focus{border-color:var(--accent)}.settings-models-row{display:flex;gap:8px;align-items:flex-end}.settings-refresh-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--accent);cursor:pointer;font-size:18px;padding:6px 12px;flex-shrink:0;height:36px;display:flex;align-items:center;justify-content:center;margin-bottom:0}.settings-refresh-btn:hover:not(:disabled){border-color:var(--accent);background:#00d4ff1a}.settings-refresh-btn:disabled{opacity:.5}.settings-error{font-size:12px;color:#f44336;margin:0}.settings-footer{display:flex;gap:8px;padding:16px 20px;border-top:1px solid var(--border);justify-content:flex-end}.settings-btn{padding:8px 20px;border-radius:6px;font-size:13px;cursor:pointer;border:1px solid var(--border);transition:all .15s}.settings-btn-cancel{background:transparent;color:var(--text-muted)}.settings-btn-cancel:hover{color:var(--text)}.settings-btn-save{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.settings-btn-save:disabled{opacity:.4;cursor:not-allowed}.settings-btn-save.saved{background:#4caf50;border-color:#4caf50}:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #0f1f3d;--accent: #00d4ff;--accent-light: #4fc3f7;--text-primary: #ffffff;--text-secondary: #cfd8dc;--text-muted: #78909c;--border: #1e3a5f;--danger: #ef5350;--success: #66bb6a;--header-h: 44px;--controls-h: 82px;--tabs-h: 54px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent}.app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.app-header{display:flex;align-items:center;gap:12px;padding:0 16px;height:var(--header-h);background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.app-logo{font-size:16px;font-weight:700;color:var(--accent);letter-spacing:.04em;flex-shrink:0}.app-now-playing{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.app-settings-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;flex-shrink:0;line-height:1;opacity:.7;transition:opacity .15s}.app-settings-btn:hover{opacity:1}.app-main{flex:1;min-height:0;overflow:hidden;position:relative}.app-left,.app-center,.app-right,.app-info{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;overflow:hidden}.app-left.tab-active,.app-center.tab-active,.app-right.tab-active,.app-info.tab-active{display:flex}.app-info{background:var(--bg-secondary)}.app-left{padding:12px;gap:12px;background:var(--bg-secondary)}.app-center{background:var(--bg-primary)}.app-right{background:var(--bg-secondary)}.app-tabs{display:flex;height:var(--tabs-h);background:var(--bg-secondary);border-top:1px solid var(--border);flex-shrink:0}.app-tab-btn{flex:1;background:none;border:none;border-top:2px solid transparent;color:var(--text-muted);font-size:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:color .15s,border-color .15s;padding-top:2px}.app-tab-btn .tab-icon{font-size:21px;line-height:1}.app-tab-btn.active{color:var(--accent);border-top-color:var(--accent)}@media (min-width: 900px){.app-main{display:grid;grid-template-columns:280px 1fr 300px 300px;position:static}.app-left,.app-center,.app-right,.app-info{position:static;display:flex}.app-left{border-right:1px solid var(--border)}.app-right,.app-info{border-left:1px solid var(--border)}.app-tabs{display:none}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}