.gain-hint[data-v-4b3198e5]{display:block;font-size:10px;opacity:.55;margin-top:2px;font-weight:400}.effects-header[data-v-eb4a5173]{display:flex;align-items:center;justify-content:flex-end;padding:4px 8px 2px;gap:8px}.effects-title[data-v-eb4a5173]{font-size:12px;opacity:.5;margin-right:auto}.help-btn[data-v-eb4a5173]{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:transparent;color:#ffffff8c;font-size:13px;font-weight:700;cursor:pointer;line-height:1;flex-shrink:0;transition:background .15s,color .15s}.help-btn[data-v-eb4a5173]:hover{background:#ffffff1f;color:#fff}.help-overlay[data-v-eb4a5173]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:1000;display:flex;align-items:center;justify-content:center}.help-modal[data-v-eb4a5173]{background:#1e1e3a;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:20px 24px 18px;max-width:360px;width:90%;position:relative;color:#dde;font-size:13px;line-height:1.6}.help-modal h3[data-v-eb4a5173]{margin:0 0 14px;font-size:15px;color:#fff}.help-modal h4[data-v-eb4a5173]{margin:14px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#9ac}.help-modal ul[data-v-eb4a5173]{margin:4px 0 0;padding-left:18px}.help-modal li[data-v-eb4a5173]{margin-bottom:2px}.help-tip[data-v-eb4a5173]{margin:6px 0 0;font-size:12px;opacity:.6;font-style:italic}.help-highlight[data-v-eb4a5173]{margin-top:16px;padding:10px 12px;background:#50c8501a;border-left:3px solid #4c4;border-radius:4px;font-size:13px}.help-close[data-v-eb4a5173]{position:absolute;top:12px;right:14px;background:none;border:none;color:#ffffff59;font-size:18px;cursor:pointer;line-height:1;padding:0}.help-close[data-v-eb4a5173]:hover{color:#fff}.vol-mode-hint[data-v-8d346338]{font-size:10px;opacity:.5;min-width:36px;text-align:center}*{box-sizing:border-box;margin:0;padding:0}body{font-family:sans-serif;background:#1a1a2e;color:#eee;-webkit-tap-highlight-color:transparent}button,a,input,select,textarea{touch-action:manipulation}.app{max-width:800px;margin:0 auto;padding:16px}header{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #333;margin-bottom:12px;flex-wrap:wrap}header h1{font-size:1.6rem}.venue-label{font-size:.8rem;color:#888;flex:1}.logout-btn{padding:6px 14px;border-radius:8px;border:1px solid #555;background:transparent;color:#aaa;cursor:pointer}.settings-btn{padding:6px 10px;border-radius:8px;border:1px solid #555;background:transparent;color:#aaa;cursor:pointer;font-size:1rem}.settings-btn:hover{color:#eee;border-color:#888}.setting-row--push{margin-top:16px;border-top:1px solid #333;padding-top:16px;display:flex;flex-direction:column;gap:6px}.push-subscribe-btn{align-self:flex-start;padding:8px 14px;border-radius:8px;border:1px solid #555;background:transparent;color:#ccc;cursor:pointer;font-size:.9rem}.push-subscribe-btn:hover{border-color:#888;color:#eee}.push-subscribe-btn.granted{border-color:#4caf50;color:#4caf50;cursor:default}.controls{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #333;margin-bottom:4px;flex-wrap:wrap}.controls button{padding:8px 14px;border-radius:8px;border:none;background:#0f3460;color:#eee;cursor:pointer;font-size:1rem}.controls button:hover:not(:disabled){background:#1a4a80}.controls button:disabled{opacity:.35;cursor:default}.time{font-size:.85rem;color:#888;white-space:nowrap}.seek-slider{flex:1;min-width:80px;accent-color:#0f3460;cursor:pointer}.seek-slider:disabled{opacity:.3;cursor:default}.audio-mode-btn{padding:6px 12px;border-radius:8px;border:none;background:#1a4a2e;color:#7fc97f;cursor:pointer;font-size:.85rem;white-space:nowrap}.audio-mode-btn:hover:not(:disabled){background:#255a3a}.audio-mode-btn:disabled{opacity:.35;cursor:default}.highlight-btn{padding:6px 12px;border-radius:8px;border:none;background:#4a3d00;color:gold;cursor:pointer;font-size:.85rem;white-space:nowrap}.highlight-btn:hover:not(:disabled){background:#6a5a10}.highlight-btn:disabled{opacity:.35;cursor:default}.autoplay-label{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#aaa;cursor:pointer;margin-left:auto}.autoplay-label input{cursor:pointer}.playback-settings-btn{padding:6px 12px;border-radius:8px;border:1px solid #0f3460;background:#0f3460;color:#eee;cursor:pointer;font-size:.85rem;white-space:nowrap}.playback-settings-btn:hover:not(:disabled){background:#1a4a80}.playback-settings-btn:disabled{opacity:.35;cursor:default}.pb-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #222;flex-wrap:wrap}.pb-row:last-child{border-bottom:none}.pb-row>label{font-size:.9rem;color:#ccc;flex:0 0 auto}.pb-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pb-controls button{padding:6px 12px;border-radius:6px;border:none;background:#0f3460;color:#eee;cursor:pointer;font-size:.9rem}.pb-controls button:hover:not(:disabled){background:#1a4a80}.pb-controls button:disabled{opacity:.35;cursor:default}.pb-controls button.dm-active{background:#1a6a30;border:1px solid #2a8a40}.pitch-tempo{display:flex;align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid #333;flex-wrap:wrap}.pitch-tempo button{padding:5px 10px;border-radius:6px;border:none;background:#0f3460;color:#eee;cursor:pointer}.pitch-tempo button:hover:not(:disabled){background:#1a4a80}.pitch-tempo button:disabled{opacity:.35;cursor:default}.pt-label{font-size:.82rem;color:#888}.pt-val{font-size:.9rem;min-width:32px;text-align:center;color:#ffc107}.pt-val.neutral{color:#666}.pt-sep{flex:0 0 12px}.pitch-tempo button.dm-active{background:#1a6a30;border:1px solid #2a8a40}.vocal-range{width:80px;accent-color:#4fc3f7;cursor:pointer}.now-playing{padding:6px 0 10px;font-size:.9rem;color:#7ec8e3}.now-artist{color:#888}.tabs{display:flex;gap:8px;margin-bottom:16px}.tabs button{padding:8px 20px;border-radius:8px;border:1px solid #333;background:transparent;color:#aaa;cursor:pointer;font-size:.95rem}.tabs button.active{background:#0f3460;border-color:#0f3460;color:#eee}.badge{background:#e53935;color:#fff;border-radius:10px;padding:1px 7px;font-size:.75rem;margin-left:6px}.queue-item{display:flex;align-items:center;gap:12px;background:#16213e;border-radius:8px;padding:10px 14px;margin-bottom:8px;transition:transform .3s ease,opacity .3s ease}.queue-list-move{transition:transform .3s ease}.queue-list-enter-active,.queue-list-leave-active{transition:opacity .3s ease,transform .3s ease}.queue-list-enter-from{opacity:0;transform:translate(-20px)}.queue-list-leave-to{opacity:0;transform:translate(20px)}.queue-order{width:24px;text-align:center;color:#666;font-size:.85rem;flex-shrink:0}.queue-info{flex:1;min-width:0}.queue-title{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-artist{display:block;font-size:.85rem;color:#aaa}.queue-actions{display:flex;gap:6px;flex-shrink:0}.icon-btn{width:30px;height:30px;border-radius:6px;border:1px solid #333;background:#1a1a2e;color:#ccc;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center}.icon-btn:hover:not(:disabled){background:#0f3460;border-color:#0f3460;color:#fff}.icon-btn:disabled{opacity:.3;cursor:default}.play-now-btn:hover:not(:disabled){background:#0d4a1e!important;border-color:#0d4a1e!important;color:#4caf50!important}.remove-btn:hover:not(:disabled){background:#7c1a1a!important;border-color:#7c1a1a!important;color:#f88!important}.search-wrap{margin-bottom:10px}.catalog-placeholder{color:#888;font-size:.9rem;margin-bottom:12px}.search-input{width:100%;padding:10px 14px;border-radius:8px;border:1px solid #333;background:#16213e;color:#eee;font-size:16px;outline:none}.search-input:focus{border-color:#0f3460}.lyrics-textarea{width:100%;resize:vertical;min-height:60px;max-height:200px;font-size:.85rem;font-family:inherit}.catalog-count{font-size:.8rem;color:#666;margin-bottom:10px}.catalog-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #222}.catalog-item:hover{background:#16213e;border-radius:8px}.catalog-info{flex:1;min-width:0}.catalog-title{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-artist{display:block;font-size:.85rem;color:#aaa}.catalog-bpm{color:#888}.add-btn{padding:6px 14px;border-radius:6px;border:none;background:#0f3460;color:#eee;cursor:pointer;font-size:.85rem;white-space:nowrap;flex-shrink:0}.add-btn:hover{background:#1a4a80}.beta-badge-inline{background:#e53935;color:#fff;border-radius:4px;padding:1px 6px;font-size:.7rem;margin-left:6px;vertical-align:middle}.video-badge-inline{background:#4a2c6e;color:#ce93d8;border-radius:4px;padding:1px 6px;font-size:.7rem;margin-left:6px;vertical-align:middle}.quality-badge{margin-left:6px;padding:1px 6px;border-radius:4px;font-size:.7rem;font-weight:600;vertical-align:middle}.q-10,.q-9,.q-8{background:#2e7d32;color:#fff}.q-7,.q-6{background:#f9a825;color:#1a1a2e}.q-5,.q-4{background:#e65100;color:#fff}.q-3,.q-2,.q-1{background:#c62828;color:#fff}.quality-warn{margin-left:6px;font-size:.9rem;cursor:help;vertical-align:middle}.empty{color:#666;padding:32px;text-align:center}.guest-link-row{display:flex;align-items:center;gap:8px;background:#16213e;border-radius:8px;padding:10px 14px;margin-bottom:16px;flex-wrap:wrap}.guest-link-label{font-size:.82rem;color:#888;flex-shrink:0}.guest-link-url{flex:1;min-width:0;background:#0d0d1a;border:1px solid #333;border-radius:6px;padding:5px 10px;font-size:.8rem;color:#7ec8e3;word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-header h3{font-size:.95rem;color:#aaa}.clear-btn{padding:5px 12px;border-radius:6px;border:1px solid #555;background:transparent;color:#aaa;cursor:pointer;font-size:.82rem}.clear-btn:hover{background:#3d0d0d;color:#f88;border-color:#f44}.guest-card{display:flex;align-items:center;gap:12px;background:#16213e;border-radius:8px;padding:12px 14px;margin-bottom:8px}.guest-card.pending{border-left:3px solid #ffc107}.guest-card.joined{border-left:3px solid #4caf50}.guest-info{flex:1;min-width:0}.guest-name{font-weight:600}.guest-seat{font-size:.82rem;color:#aaa;margin-top:2px}.guest-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.table-input{width:70px;padding:5px 8px;border-radius:6px;border:1px solid #333;background:#1a1a2e;color:#eee;font-size:16px}.approve-btn{padding:5px 12px;border-radius:6px;border:none;background:#0d4a1e;color:#4caf50;cursor:pointer;font-size:.85rem}.approve-btn:hover{background:#1a6030}.remove-btn2{width:28px;height:28px;border-radius:6px;border:1px solid #333;background:transparent;color:#888;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center}.remove-btn2:hover{background:#7c1a1a;border-color:#f44;color:#f88}.sreq-card{display:flex;align-items:flex-start;gap:12px;background:#16213e;border-radius:8px;padding:12px 14px;margin-bottom:8px;flex-wrap:wrap}.sreq-card.queued{opacity:.6}.sreq-card.rejected{opacity:.5}.sreq-info{flex:1;min-width:150px}.sreq-title{font-weight:600}.sreq-artist{font-size:.85rem;color:#aaa;margin-top:2px}.sreq-guest{font-size:.8rem;color:#777;margin-top:4px}.sreq-status-label{display:flex;align-items:center}.s-badge{padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.s-badge.pending{background:#5a4000;color:#ffc107}.s-badge.queued{background:#0d3d1e;color:#4caf50}.s-badge.rejected{background:#3d0d0d;color:#f44336}.s-processing{background:#2a3a00;color:#aeea00;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.yt-import-badge{display:inline-block;background:#3d0d0d;color:#ef9a9a;border-radius:4px;padding:1px 5px;font-size:.68rem;font-weight:700;margin-left:5px;vertical-align:middle}.sreq-processing-note{font-size:.78rem;color:#888;align-self:center}.sreq-actions{display:flex;gap:6px;flex-wrap:wrap}.q-btn{padding:5px 10px;border-radius:6px;border:none;background:#0f3460;color:#eee;cursor:pointer;font-size:.82rem}.q-btn:hover{background:#1a4a80}.next-btn{padding:5px 10px;border-radius:6px;border:none;background:#2a5500;color:#afe;cursor:pointer;font-size:.82rem}.next-btn:hover{background:#3a7000}.rej-btn{padding:5px 10px;border-radius:6px;border:none;background:#3d0d0d;color:#f88;cursor:pointer;font-size:.82rem}.rej-btn:hover{background:#7c1a1a}.login-wrap{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-box{background:#16213e;padding:32px;border-radius:12px;display:flex;flex-direction:column;gap:16px;min-width:300px}.login-box h1{text-align:center}.login-box form{display:flex;flex-direction:column;gap:10px}.login-box input{padding:10px;border-radius:8px;border:1px solid #333;background:#1a1a2e;color:#eee;font-size:16px}.login-box button{padding:10px;border-radius:8px;border:none;background:#0f3460;color:#eee;cursor:pointer;font-size:1rem}.error{color:#f88;font-size:.9rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#16213e;border-radius:12px;padding:0;min-width:340px;max-width:640px;width:90%;max-height:90vh;display:flex;flex-direction:column}.qr-modal{padding:24px;text-align:center;min-width:auto;width:auto}.qr-modal h3{margin:0 0 16px}.qr-modal canvas{border-radius:8px;display:block;margin:0 auto 12px}.qr-hint{color:#888;font-size:.85rem;margin:0 0 16px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #333;flex-shrink:0}.modal-header h2{font-size:1.1rem}.close-btn{background:transparent;border:none;color:#aaa;font-size:1.2rem;cursor:pointer;padding:4px 8px}.close-btn:hover{color:#eee}.modal-body{padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.cmd-block{display:flex;flex-direction:column;gap:6px}.cmd-label{font-size:.8rem;color:#888;font-weight:600;text-transform:uppercase}.cmd-row{display:flex;align-items:stretch;gap:8px}.cmd-code{flex:1;background:#0d0d1a;border:1px solid #333;border-radius:6px;padding:8px 12px;font-size:.82rem;color:#7ec8e3;word-break:break-all;white-space:pre-wrap}.copy-btn{padding:6px 12px;border-radius:6px;border:1px solid #333;background:#1a1a2e;color:#aaa;cursor:pointer;font-size:.82rem;white-space:nowrap;flex-shrink:0}.copy-btn:hover{background:#0f3460;color:#eee;border-color:#0f3460}.cmd-hint{font-size:.82rem;color:#666}.setting-row{display:flex;flex-direction:column;gap:6px}.setting-row label{font-size:.85rem;color:#aaa}.setting-row input{padding:8px 12px;border-radius:8px;border:1px solid #333;background:#0d0d1a;color:#eee;font-size:16px;outline:none}.setting-row input:focus{border-color:#0f3460}.save-btn{padding:10px;border-radius:8px;border:none;background:#0f3460;color:#eee;cursor:pointer;font-size:1rem}.save-btn:hover{background:#1a4a80}.setting-row.disabled{opacity:.45}.setting-hint{font-size:.75rem;color:#777;line-height:1.3}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:.95rem;color:#eee;cursor:pointer}.checkbox-label input{width:auto;margin:0}.score-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:4px}.score-chip{padding:6px 0;border-radius:6px;border:1px solid #333;background:#0d0d1a;color:#bbb;font-size:.85rem;cursor:pointer;text-align:center}.score-chip.active{background:gold;color:#1a1a2e;border-color:gold;font-weight:600}.score-chip:disabled{cursor:default}.catalog-section-header{font-size:.8rem;color:#666;margin-bottom:10px;display:flex;align-items:center;gap:8px}.yt-fresh-btn{margin-left:auto;padding:4px 10px;font-size:.75rem;border-radius:6px;border:1px solid #ff3333;background:transparent;color:#f55;cursor:pointer}.yt-fresh-btn:hover{background:#ff33331a}.catalog-section-count{background:#2a2a4e;color:#888;border-radius:10px;padding:1px 7px;font-size:.72rem}.empty-section{color:#555;font-size:.85rem;padding:10px 0 4px}.catalog-item-import{background:#0d1a2e}.catalog-item-import:hover{background:#102040}.lyrics-indicator{display:inline-block;font-size:.72rem;border-radius:4px;padding:1px 7px;margin-top:4px}.lyrics-ok{background:#0d3d1e;color:#4caf50}.lyrics-missing{background:#4a3a00;color:#ffc107}.import-btn{padding:6px 14px;border-radius:6px;border:1px solid #0f3460;background:transparent;color:#7ec8e3;cursor:pointer;font-size:.85rem;white-space:nowrap;flex-shrink:0}.import-btn:hover{background:#0f3460;color:#fff}.import-meta{background:#0d0d1a;border-radius:8px;padding:12px 16px}.import-title{font-weight:600;font-size:1rem;margin-bottom:4px}.import-artist{font-size:.85rem;color:#aaa}.import-url{margin-top:6px;font-size:.8rem}.import-url a{color:#7ec8e3;text-decoration:none}.import-url a:hover{text-decoration:underline}.lyrics-source-label{font-size:.8rem;color:#888;font-weight:400}.import-warning{background:#4a3a00;color:#ffc107;border-radius:6px;padding:8px 12px;font-size:.85rem}.lyrics-textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #333;background:#0d0d1a;color:#eee;font-size:.85rem;font-family:monospace;resize:vertical;outline:none;line-height:1.5}.lyrics-textarea:focus{border-color:#0f3460}.backend-radios{display:flex;gap:20px;flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#ccc;cursor:pointer}.radio-label input{cursor:pointer}.import-error{background:#3d0d0d;color:#f88;border-radius:6px;padding:8px 12px;font-size:.85rem}.catalog-item--processing{opacity:.6}.coming-soon-badge{background:#4a3a00;color:#ffc107;padding:1px 6px;border-radius:4px;font-size:.7rem;margin-left:6px;font-weight:600;vertical-align:middle}.processing-label{color:#888;font-size:.8rem;font-style:italic;white-space:nowrap;flex-shrink:0}.import-video-badge{background:#4a2c6e;color:#ce93d8;border-radius:6px;padding:6px 12px;font-size:.85rem;margin-bottom:10px;display:inline-block}.import-actions{display:flex;gap:10px}.cancel-btn{padding:10px 20px;border-radius:8px;border:1px solid #333;background:transparent;color:#aaa;cursor:pointer;font-size:1rem}.cancel-btn:hover:not(:disabled){background:#2a2a2a;color:#eee}.cancel-btn:disabled{opacity:.5;cursor:default}.save-btn:disabled{opacity:.5;cursor:default}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#0d3d1e;color:#4caf50;border:1px solid #1a6030;border-radius:8px;padding:12px 24px;font-size:.95rem;z-index:200;white-space:nowrap;box-shadow:0 4px 12px #0006}@media (max-width: 480px){.app{padding:10px}header{flex-direction:column;align-items:stretch;gap:8px}header h1{width:100%;font-size:1.3rem}.venue-label{flex:none}.logout-btn{padding:6px 10px}.controls{gap:6px}.controls button{padding:8px 10px;font-size:.95rem}.seek-slider{width:100%;flex:none;order:10}.autoplay-label{width:100%;margin-left:0;order:11;padding-top:4px}.pitch-tempo{gap:4px}.pt-label{font-size:.75rem}.pt-sep{flex:0 0 6px}.tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px}.tabs::-webkit-scrollbar{display:none}.tabs button{padding:8px 14px;font-size:.85rem;flex-shrink:0}.icon-btn{width:36px;height:36px}.queue-actions,.guest-card{flex-wrap:wrap}.guest-actions{width:100%;flex-wrap:wrap}.table-input{width:80px}.sreq-actions{width:100%}.sreq-actions button{flex:1;text-align:center}.catalog-item{flex-wrap:wrap}.add-btn,.import-btn{width:100%;text-align:center;margin-top:6px}.import-actions{flex-direction:column}.backend-radios{gap:12px}.modal{width:95%;min-width:auto}.login-box{min-width:auto;width:calc(100vw - 32px);padding:24px 16px}}@media (min-width: 481px) and (max-width: 768px){header{flex-wrap:wrap}.tabs button{font-size:.88rem;padding:8px 14px}}@media (min-width: 1024px){.app{padding:24px}}.live-search-spinner{display:flex;align-items:center;gap:14px;background:#0d1a2e;border:1px solid #1a3a5e;border-radius:8px;padding:16px 20px;margin:8px 0}.spinner-icon{font-size:1.8rem;color:#7ec8e3;animation:spin 1.2s linear infinite;display:inline-block;line-height:1;flex-shrink:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-text{display:flex;flex-direction:column;gap:4px}.spinner-text span{font-size:.95rem;color:#7ec8e3}.spinner-hint{font-size:.8rem!important;color:#556!important}.mic-effects-tab{padding:4px 0 24px}.effects-empty{padding:32px 16px;text-align:center;color:#aaa}.effects-empty .hint{font-size:.85rem;color:#778;margin-top:6px}.mic-effects-grid{display:grid;gap:4px 8px;align-items:center;padding:8px 0 16px;overflow-x:auto}.grid-head-mic{display:flex;align-items:center;gap:6px;padding:6px 8px;font-weight:600;border-bottom:1px solid #333}.mic-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.mic-name{font-size:.95rem}.effect-row-label{padding:8px 6px;font-size:.92rem;color:#ccc;border-bottom:1px solid #202030}.effect-cell{display:flex;align-items:center;gap:6px;padding:6px;border-bottom:1px solid #202030}.fx-cell,.vol-cell{justify-content:flex-start}.toggle-btn{min-width:44px;padding:5px 10px;border-radius:6px;border:1px solid #444;background:#2a2a3a;color:#888;font-size:.82rem;font-weight:700;cursor:pointer}.toggle-btn.active{background:#0f3460;border-color:#2778c4;color:#7ec8e3}.gear-btn{padding:5px 8px;border-radius:6px;border:1px solid #444;background:#2a2a3a;color:#ccc;cursor:pointer;font-size:.95rem}.gear-btn:hover{background:#39394a}.mute-btn{padding:4px 8px;border-radius:6px;border:1px solid #444;background:#2a2a3a;color:#ccc;cursor:pointer;font-size:1rem}.mute-btn.muted{background:#5a1a1a;border-color:#a33;color:#ffb4b4}.h-slider{flex:1;min-width:60px}.vol-slider.vol-green{accent-color:#3ac07a}.vol-slider.vol-yellow{accent-color:#f4c430}.vol-slider.vol-red{accent-color:#e04848}.vol-label{min-width:44px;text-align:right;font-variant-numeric:tabular-nums;font-size:.85rem;color:#bbb}.eq-modal{min-width:320px;max-width:min(720px,92vw)}.eq-bands{display:grid;grid-template-columns:repeat(var(--eq-band-count, 12),1fr);gap:6px;padding:12px 6px 6px}.eq-band{display:flex;flex-direction:column;align-items:center;gap:4px}.eq-slider.vertical{writing-mode:vertical-lr;direction:rtl;height:160px;width:28px;accent-color:#2778c4}.eq-freq{font-size:.72rem;color:#888}.eq-gain{font-size:.72rem;color:#aaa;font-variant-numeric:tabular-nums;min-height:14px}.eq-gain.pos{color:#3ac07a}.eq-gain.neg{color:#e06060}.effect-modal{min-width:320px;max-width:min(520px,92vw)}.effect-presets{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:12px;margin-bottom:8px;border-bottom:1px solid #222232}.preset-btn{display:inline-flex;align-items:center;gap:4px;background:#2a2a3a;border:1px solid #444;color:#ccc;padding:6px 10px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background-color .12s,border-color .12s,color .12s}.preset-btn:hover{background:#39394a}.preset-btn.active{background:#0f3460;border-color:#2778c4;color:#7ec8e3;font-weight:500}.preset-check{font-size:.8rem;color:#7ec8e3}.toggle-row .toggle-btn{min-width:56px}.field-hint{font-size:.75rem;color:#888;margin-top:2px}.choice-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.choice-btn{background:#2a2a3a;border:1px solid #444;color:#ccc;padding:5px 10px;border-radius:5px;font-size:.85rem;cursor:pointer;min-width:42px;font-variant-numeric:tabular-nums;transition:background-color .12s,border-color .12s,color .12s}.choice-btn:hover{background:#39394a}.choice-btn.active{background:#0f3460;border-color:#2778c4;color:#7ec8e3;font-weight:500}.slider-row{padding:8px 2px;border-bottom:1px solid #222232}.slider-row:last-child{border-bottom:none}.slider-head{display:flex;justify-content:space-between;align-items:baseline;font-size:.9rem;color:#ccc;margin-bottom:4px}.slider-value{color:#7ec8e3;font-variant-numeric:tabular-nums}.slider-range{display:flex;justify-content:space-between;font-size:.7rem;color:#666}.preset-controls{margin-top:16px;padding:12px;background:#16213e;border-radius:8px}.preset-controls h3{margin-bottom:10px;font-size:1.05rem}.preset-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px}.preset-row label{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#bbb}.preset-row select{padding:6px 8px;border-radius:6px;border:1px solid #444;background:#2a2a3a;color:#eee;min-width:160px}.preset-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-danger{padding:6px 14px;border-radius:6px;border:1px solid transparent;font-size:.9rem;cursor:pointer}.btn-primary{background:#0f3460;border-color:#2778c4;color:#fff}.btn-primary:disabled{background:#2a2a3a;border-color:#333;color:#666;cursor:not-allowed}.btn-secondary{background:#2a2a3a;border-color:#444;color:#ccc}.btn-secondary:disabled{color:#666;cursor:not-allowed}.btn-danger{background:#5a1a1a;border-color:#a33;color:#ffb4b4}.btn-danger:disabled{background:#2a2a3a;border-color:#333;color:#666;cursor:not-allowed}.save-modal .modal-body input{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #444;background:#2a2a3a;color:#eee;font-size:1rem;margin-top:8px}.save-modal .hint{color:#e06060;font-size:.8rem;margin-top:6px}.output-tab{padding:12px 4px 32px}.output-section{margin-bottom:20px}.section-label{display:block;font-size:.95rem;color:#ccc;margin-bottom:8px}.vol-row{display:flex;align-items:center;gap:8px}.eq-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.modal-body{padding:12px 16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #333}.bottom-nav{display:none}@media (max-width: 768px){.tabs{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#0d0d1a;border-top:1px solid #222;padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav-btn{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 2px;font-size:.6rem;color:#666;background:none;border:none;cursor:pointer;min-height:56px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden}.bottom-nav-btn.active{color:#7ec8e3}.bottom-nav-btn svg{width:22px;height:22px;flex-shrink:0}.bottom-nav-badge{position:absolute;top:4px;right:calc(50% - 18px);background:#e53935;color:#fff;border-radius:10px;font-size:.6rem;padding:1px 5px;min-width:16px;text-align:center;line-height:1.4}.app{padding-bottom:64px}.controls{flex-wrap:wrap;gap:8px}.queue-actions button{min-height:40px;min-width:36px;padding:4px 6px}.modal-overlay{align-items:flex-end}.modal{width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:90dvh;overflow-y:auto}}@media (max-width: 480px){.bottom-nav-btn{font-size:.55rem}.bottom-nav-btn svg{width:20px;height:20px}}