body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background .3s}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.App-header{align-items:center;background-color:#0000004d;box-shadow:0 2px 10px #0003;color:#fff;display:flex;justify-content:space-between;min-height:250px;padding:15px 20px;position:relative;text-align:center}.header-content{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.header-logo{height:220px;object-fit:contain;opacity:0;transform:scale(.8);transition:opacity .5s ease-out,transform .5s ease-out;width:220px}.header-logo.loaded{opacity:1;transform:scale(1)}.header-controls-left{align-items:center;display:flex;padding-left:20px;z-index:1}.header-controls-left .language-switcher{position:static}.mobile-logo{display:none}.subtitle{font-size:1rem;margin-top:5px;opacity:.9}.status-indicator{border-radius:20px;display:inline-block;font-size:.9rem;font-weight:500;padding:5px 15px}.status-indicator.connected{background-color:#4caf504d;color:#4caf50}.status-indicator.disconnected{background-color:#f443364d;color:#f44336}.App-main{display:flex;flex:1 1;justify-content:center;padding:20px;position:relative;width:100%}.App-content{max-width:600px;width:100%}.rules-panel{background:#fffffff2;border-radius:15px;box-shadow:0 10px 30px #0003;left:calc(75% + 150px);padding:20px;position:absolute;top:20px;transform:translateX(-50%);width:280px}.rules-panel h3{border-bottom:2px solid #667eea;color:#667eea;font-size:1.2rem;margin-bottom:15px;padding-bottom:10px;text-align:center}.rules-panel ul{list-style:none;margin:0;padding:0}.rules-panel li{border-bottom:1px solid #eee;color:#444;font-size:.9rem;line-height:1.4;padding:10px 0}.rules-panel li:last-child{border-bottom:none}.step{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;margin-bottom:20px;padding:30px}.step h2{color:#667eea}.song-selected,.step h2{margin-bottom:20px;text-align:center}.song-selected{background-color:#f5f5f5;border-radius:10px;padding:20px}.song-selected .artist{color:#666;margin-top:5px}.song-selected .duration{color:#888;font-size:.9rem;margin-top:5px}.photo-preview{margin-bottom:20px;text-align:center}.photo-preview img{border-radius:10px;box-shadow:0 4px 10px #0000001a;max-height:200px;max-width:200px}.name-input{border:2px solid #ddd;border-radius:10px;font-size:1.1rem;margin-bottom:20px;padding:15px;transition:border-color .3s,background .3s;width:100%}.name-input:focus{border-color:#667eea;outline:none}.tonation-selector{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:20px}.tonation-selector label{color:#555;font-size:1rem}.tonation-select{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:1rem;min-width:120px;padding:10px 15px;transition:background .3s,border-color .3s}.tonation-select:focus{border-color:#667eea;outline:none}.button-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.btn-primary,.btn-secondary{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;min-width:150px;padding:15px 30px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover{background:#e0e0e0}.success-message{background-color:#4caf50;font-size:1.2rem}.error-message,.success-message{animation:slideIn .3s ease-out;border-radius:10px;color:#fff;margin-bottom:20px;padding:20px;text-align:center}.error-message{background-color:#f44336}.loading{font-size:1.2rem;padding:40px}.App-footer,.loading{color:#fff;text-align:center}.App-footer{background-color:#0003;font-size:.9rem;opacity:.8;padding:15px}.header-controls-right{align-items:center;display:flex;justify-content:flex-end;padding-right:20px;z-index:1}.header-controls-right .language-switcher{position:static}.mobile-controls-bar{align-items:center;background:#0003;display:none;justify-content:space-between;min-height:160px;padding:15px 20px;position:relative}.mobile-controls-bar .language-switcher{flex-direction:column;position:static;z-index:1}.mobile-controls-bar>:first-child{z-index:1}.mobile-controls-bar .mobile-logo{display:block;height:125px;left:50%;object-fit:contain;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.8);transition:opacity .5s ease-out,transform .5s ease-out;width:125px}.mobile-controls-bar .mobile-logo.loaded{opacity:1;transform:translate(-50%,-50%) scale(1)}.mobile-only{display:none}@media (max-width:768px){.mobile-only{display:flex}.desktop-only{display:none!important}.App-header{display:none}.mobile-controls-bar{display:flex}}@media (max-width:1000px){.App-main{align-items:center;flex-direction:column}.rules-panel{left:auto;margin-top:20px;max-width:600px;position:static;transform:none;width:100%}}@media (max-width:600px){.step{padding:20px}.btn-primary,.btn-secondary{font-size:1rem;min-width:120px;padding:12px 20px}}body.dark-theme{background:linear-gradient(135deg,#1a2a7a,#8a5cb8)}.dark-theme .rules-panel{background:#1a1a24f2;box-shadow:0 10px 30px #0006}.dark-theme .rules-panel h3{border-bottom-color:#a8b4f0;color:#a8b4f0}.dark-theme .rules-panel li{border-bottom-color:#333;color:#ccc}.dark-theme .step{background:#1a1a24;box-shadow:0 10px 30px #0006;color:#e0e0e0}.dark-theme .step h2{color:#a8b4f0}.dark-theme .song-selected{background-color:#252530}.dark-theme .song-selected .artist{color:#aaa}.dark-theme .name-input{background:#252530;border-color:#444;color:#e0e0e0}.dark-theme .name-input::placeholder{color:#888}.dark-theme .tonation-selector label{color:#aaa}.dark-theme .tonation-select{background:#252530;border-color:#444;color:#e0e0e0}.dark-theme .btn-secondary{background:#2a2a3a;color:#e0e0e0}.dark-theme .btn-secondary:hover{background:#3a3a4a}.song-search{margin:0 auto;max-width:600px;width:100%}.search-box{margin-bottom:20px;position:relative}.search-input{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:18px;padding:15px 20px;transition:border-color .3s,background .3s;width:100%}.search-input:focus{border-color:#667eea;outline:none}.search-loading{color:#888;font-size:14px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.search-hint{font-size:14px;padding:10px}.no-results,.search-hint{color:#888;text-align:center}.no-results{background:#f5f5f5;border-radius:8px;font-size:16px;padding:40px 20px}.search-results{margin-top:20px}.results-count{color:#666;font-size:14px;margin-bottom:10px;padding:0 5px}.results-list{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #ddd;border-radius:8px;list-style:none;margin:0;max-height:400px;overflow-y:auto;overscroll-behavior:contain;padding:0;transition:background .3s,border-color .3s}.result-item{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:background-color .2s}.result-item:last-child{border-bottom:none}.result-item:hover{background-color:#f0f8ff}.result-item:active{background-color:#e0f0ff}.song-info{flex:1 1;text-align:left}.song-title{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:4px}.source-badge{border-radius:4px;font-size:11px;letter-spacing:.5px;padding:2px 8px}.song-artist{color:#666;font-size:14px}.song-duration{color:#888;font-size:14px;margin-left:15px;min-width:50px;text-align:right}.results-list::-webkit-scrollbar{width:8px}.results-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.results-list::-webkit-scrollbar-thumb{background:#888;border-radius:8px}.results-list::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:600px){.search-input{font-size:16px;padding:12px 15px}.song-title{font-size:15px}.song-artist{font-size:13px}.song-duration{font-size:12px}.result-item{padding:12px 15px}}.dark-theme .search-input{background:#252530;border-color:#444;color:#e0e0e0}.dark-theme .search-input::placeholder{color:#888}.dark-theme .no-results{background:#252530}.dark-theme .results-count{color:#aaa}.dark-theme .results-list{background:#1a1a24;border-color:#444}.dark-theme .result-item{border-bottom-color:#333}.dark-theme .result-item:hover{background-color:#2a2a3a}.dark-theme .result-item:active{background-color:#3a3a4a}.dark-theme .song-title{color:#e0e0e0}.dark-theme .source-badge.ising{background-color:#3a1a4c;color:#ba68c8}.dark-theme .song-artist{color:#aaa}.dark-theme .results-list::-webkit-scrollbar-track{background:#1a1a24}.dark-theme .results-list::-webkit-scrollbar-thumb{background:#555}.dark-theme .results-list::-webkit-scrollbar-thumb:hover{background:#666}.language-switcher{display:flex;gap:8px;position:absolute;right:15px;top:15px;z-index:100}.flag-btn{align-items:center;background:#fff3;border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:4px 6px;transition:all .2s ease}.flag-btn:hover{background:#ffffff4d;transform:scale(1.1)}.flag-btn.active{background:#ffffff4d;border-color:#fff;box-shadow:0 2px 8px #0003}.flag-btn svg{border-radius:2px;box-shadow:0 1px 3px #0003;display:block}@media (max-width:600px){.language-switcher{right:10px;top:10px}.flag-btn{padding:3px 5px}.flag-btn svg{height:14px;width:28px}}.theme-toggle{align-items:center;background:#fff3;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:8px 12px;transition:all .3s}.theme-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.dark-theme .theme-toggle{background:#ffffff26}.dark-theme .theme-toggle:hover{background:#ffffff40}.dj-app *,.dj-app :after,.dj-app :before{box-sizing:border-box}.dj-app{background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff;min-height:100vh;overflow-x:hidden}.dj-auth-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}.dj-auth-logo{border-radius:50%;height:150px;margin-bottom:20px;object-fit:contain;width:150px}.dj-auth-screen h1{font-size:2rem;margin:0 0 10px}.dj-auth-subtitle{font-size:1.1rem;margin:0 0 30px;opacity:.8}.dj-auth-error{background:#e74c3ce6;border-radius:8px;color:#fff;margin-top:20px;padding:10px 20px}.dj-auth-loading{font-size:1.2rem;opacity:.8}.btn-logout{background:#0000;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s}.btn-logout:hover{background:#ffffff1a;border-color:#ffffff80}.dj-header{background:#0000004d;box-shadow:0 2px 10px #0003;padding:20px 30px;position:relative;text-align:center}.dj-header h1{font-size:2rem;margin-bottom:15px}.dj-header-logo{border-radius:50%;height:80px;object-fit:contain;width:80px}.dj-header-left{align-items:center;display:flex;gap:15px;left:30px;position:absolute;top:50%;transform:translateY(-50%)}.dj-header-mobile-left{display:none}.btn-new-session-header{background:#e67e22;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s}.btn-new-session-header:hover{background:#d35400}.dj-header .desktop-only{display:flex}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:30px;text-align:center;width:100%}.modal-content h3{color:#e67e22;font-size:1.5rem;margin:0 0 15px}.modal-content p{color:#333;font-size:1rem;line-height:1.5;margin:0 0 25px}.modal-actions{display:flex;gap:15px;justify-content:center}.btn-modal-cancel,.btn-modal-confirm{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .2s}.btn-modal-cancel{background:#95a5a6;color:#fff}.btn-modal-cancel:hover{background:#7f8c8d}.btn-modal-confirm{background:#e74c3c;color:#fff}.btn-modal-confirm:hover{background:#c0392b}.desktop-only,.dj-stats{display:flex}.dj-stats{flex-wrap:wrap;gap:30px;justify-content:center}.stat{flex-direction:column}.stat,.stat-value{align-items:center;display:flex}.stat-value{background:#fff;border-radius:50%;color:#3498db;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;margin-bottom:5px;width:50px}.stat-label{font-size:.85rem;opacity:.9}.dj-search-bar{align-items:center;background:#0003;display:flex;gap:10px;padding:10px 20px}.dj-search-input{background:#fff;border:none;border-radius:8px;color:#333;flex:1 1;font-size:1rem;outline:none;padding:12px 16px}.dj-search-input:focus{box-shadow:0 0 0 3px #3498db4d}.dj-search-clear{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:background .2s;width:36px}.dj-search-clear:hover{background:#ffffff4d}.btn-dance-break{background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s}.btn-dance-break:hover{background:linear-gradient(135deg,#8e44ad,#7d3c98);transform:scale(1.02)}.btn-dance-break.resume-mode{background:linear-gradient(135deg,#1abc9c,#16a085)}.btn-dance-break.resume-mode:hover{background:linear-gradient(135deg,#16a085,#138d75)}.btn-dance-break-mobile{align-items:center;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1.3rem;height:45px;justify-content:center;transition:all .2s;width:45px}.btn-dance-break-mobile.resume-mode{background:linear-gradient(135deg,#1abc9c,#16a085)}.placeholder-row.dance_break{background:linear-gradient(135deg,#d4a5ff,#c084fc)!important;border:2px solid #9b59b6}.placeholder-row.resume_karaoke{background:linear-gradient(135deg,#a7f3d0,#6ee7b7)!important;border:2px solid #10b981}.placeholder-title{align-items:center;display:flex;font-size:1.1rem;gap:10px}.placeholder-emoji{font-size:1.4rem}.dj-content{box-sizing:border-box;overflow-x:hidden;padding:20px;width:100%}.dj-message{animation:slideIn .3s;border-radius:8px;margin-bottom:15px;padding:12px 20px;text-align:center}.dj-message.success{background:#27ae60}.dj-message.error{background:#e74c3c}.dj-actions{display:flex;gap:10px;margin-bottom:20px}.btn-generate,.btn-new-session{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.btn-generate{background:#27ae60;color:#fff;flex:1 1}.btn-generate:hover:not(:disabled){background:#229954}.btn-generate:disabled{cursor:not-allowed;opacity:.5}.btn-new-session{background:#e67e22;color:#fff}.btn-new-session:hover{background:#d35400}.dj-panels{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.dj-panel,.dj-panels{box-sizing:border-box;width:100%}.dj-panel{background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000026;color:#333;display:flex;flex-direction:column;min-height:400px;overflow:hidden;padding:20px}.dj-panel h2{color:#2c3e50;font-size:1.3rem;margin:0 0 5px}.panel-hint{color:#999;font-size:.85rem;margin:0 0 15px}.empty-panel{align-items:center;border:2px dashed #ddd;border-radius:8px;color:#999;display:flex;flex:1 1;font-size:1.1rem;justify-content:center;min-height:200px}.panel-list{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:8px;max-height:calc(100vh - 320px);overflow-x:hidden;overflow-y:auto;width:100%}.playlist-drop-zone{border:2px dashed #0000;border-radius:8px;min-height:200px;transition:all .2s}.playlist-drop-zone.drag-active{background:#3498db0d;border-color:#3498db}.drop-hint{background:#3498db1a;border-color:#3498db!important}.drop-indicator{height:4px;margin:-2px 0;position:relative;z-index:10}.drop-indicator-line{animation:pulseIndicator 1s ease-in-out infinite;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:2px;box-shadow:0 0 8px #3498db99;height:4px}@keyframes pulseIndicator{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.7;transform:scaleY(1.5)}}.panel-row{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:8px;box-sizing:border-box;cursor:grab;display:flex;gap:10px;padding:12px;transition:transform .15s ease,background .15s ease,box-shadow .15s ease,opacity .15s ease;width:100%}.panel-row:hover{background:#e9ecef}.panel-row:active{cursor:grabbing}.panel-row.dragging{background:#dfe6e9;opacity:.5;transform:scale(.98)}.panel-row.drag-over{background:#e3f2fd;border-color:#3498db;box-shadow:0 -3px 0 0 #3498db;transform:translateY(4px)}.row-arrows{display:flex;flex-direction:column;flex-shrink:0;gap:2px}.btn-arrow{align-items:center;background:#ecf0f1;border:none;border-radius:3px;color:#7f8c8d;cursor:pointer;display:flex;font-size:8px;height:18px;justify-content:center;padding:0;transition:all .15s;width:22px}.btn-arrow:hover:not(:disabled){background:#3498db;color:#fff}.btn-arrow:disabled{cursor:not-allowed;opacity:.3}.row-position{align-items:center;background:linear-gradient(135deg,#3498db,#2c3e50);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:28px;justify-content:center;width:28px}.row-drag-handle{color:#bbb;cursor:grab;flex-shrink:0;font-size:1.2rem;-webkit-user-select:none;user-select:none}.row-info{flex:1 1;min-width:0;overflow:hidden}.row-song{align-items:center;display:flex;font-size:.95rem;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-meta{color:#666;display:flex;font-size:.85rem;gap:15px;margin-top:4px}.row-singer{font-weight:500}.row-time{color:#999}.row-wait{color:#e67e22;font-weight:500}.row-duration{color:#999}.source-badge{border-radius:3px;display:inline-block;flex-shrink:0;font-size:10px;font-weight:600;padding:1px 5px;text-transform:uppercase}.source-badge.karafun{background-color:#e3f2fd;color:#1976d2}.source-badge.ising{background-color:#f3e5f5;color:#7b1fa2}.tonation-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;margin-left:5px;padding:2px 6px}.tonation-badge.positive{background-color:#e8f5e9;color:#2e7d32}.tonation-badge.negative{background-color:#ffebee;color:#c62828}.row-actions{display:flex;flex-shrink:0;gap:5px}.btn-add-playlist,.btn-back,.btn-copy,.btn-played,.btn-remove{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-played{background:#27ae60;color:#fff}.btn-played:hover{background:#229954}.btn-back{background:#f39c12;color:#fff}.btn-back:hover{background:#e67e22}.btn-remove{background:#e74c3c;color:#fff}.btn-remove:hover{background:#c0392b}.btn-copy{background:#9b59b6;color:#fff}.btn-copy:hover{background:#8e44ad}.btn-copy.singer-mode{background:#e67e22}.btn-copy.singer-mode:hover{background:#d35400}.btn-add-playlist{background:#3498db;color:#fff;font-weight:700}.btn-add-playlist:hover{background:#2980b9}.collapsible-panel{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;box-sizing:border-box;display:block;margin-top:15px;overflow:hidden;width:100%}.collapsible-header{align-items:center;background:#f8f9fa;border:none;color:#2c3e50;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;padding:15px 20px;transition:background .2s;width:100%}.collapsible-header:hover{background:#e9ecef}.collapse-arrow{display:inline-block;font-size:.8rem;transition:transform .2s}.collapse-arrow.expanded{transform:rotate(90deg)}.collapsible-content{border-top:1px solid #eee;box-sizing:border-box;padding:15px;width:100%}.empty-collapsible{color:#999;font-size:.95rem;padding:20px;text-align:center}.collapsible-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;width:100%}.collapsible-row{align-items:center;background:#f8f9fa;border-radius:8px;box-sizing:border-box;color:#333;display:flex;gap:10px;padding:10px 12px;width:100%}.collapsible-row:hover{background:#e9ecef}.collapsible-row .row-song{color:#333}.collapsible-row .row-meta{color:#666}.collapsible-row .row-singer{color:#333;font-weight:500}.collapsible-row .row-duration{color:#999}.collapsible-row .row-info{flex:1 1;min-width:0;overflow:hidden}.btn-restore,.btn-restore-playlist{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-restore{background:#17a2b8;color:#fff}.btn-restore:hover{background:#138496}.btn-restore-playlist{background:#28a745;color:#fff}.btn-restore-playlist:hover{background:#218838}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.dj-panels{grid-template-columns:1fr}.dj-panel{min-height:300px}.panel-list{max-height:350px}}@media (max-width:768px){.dj-search-bar{padding:8px 12px}.dj-search-input{font-size:.9rem;padding:10px 12px}.dj-search-clear{height:32px;width:32px}.dj-header{align-items:center;display:flex;gap:8px;padding:8px 12px;text-align:left}.dj-header .desktop-only,.dj-header-left{display:none}.dj-header-mobile-left{align-items:center;display:flex;flex-shrink:0;gap:8px}.btn-dance-break-mobile{font-size:1.1rem;height:40px;width:40px}.dj-header-logo{flex-shrink:0;height:45px;position:static;transform:none;width:45px}.btn-new-session-header{align-items:center;background:#e67e22;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.65rem;font-weight:700;height:45px;justify-content:center;padding:0;width:45px}.dj-header h1{flex:1 1;font-size:1.1rem;margin:0;text-align:center}.dj-stats{display:none}.dj-header .language-switcher{flex-shrink:0;position:static}.dj-actions{display:none}.desktop-only{display:none!important}.panel-row{cursor:default;padding:10px}.dj-content{overflow-x:hidden;overflow-y:auto;padding:10px}.dj-message{margin-bottom:10px}.dj-panels{gap:10px;min-height:calc(100vh - 81px)}.dj-panel{display:flex;flex-direction:column;height:calc(50vh - 50px);min-height:calc(50vh - 50px);overflow:hidden;padding:10px}.dj-panel h2{flex-shrink:0;font-size:1rem;margin-bottom:8px}.panel-hint{display:none}.panel-list{flex:1 1;gap:6px;max-height:none;overflow-y:auto}.empty-panel{flex:1 1;font-size:.9rem;min-height:0}.collapsible-panel{margin-top:10px}.collapsible-header{font-size:1rem;padding:12px 15px}.collapsible-content{padding:10px}.collapsible-list{max-height:200px}.btn-restore,.btn-restore-playlist{height:40px;width:40px}.btn-add-playlist,.btn-back,.btn-played,.btn-remove{font-size:1.2rem;height:44px;width:44px}.btn-arrow{font-size:12px;height:28px;width:36px}.row-arrows{gap:4px}.row-info{flex:1 1;min-width:0}.row-song{font-size:.9rem}.row-meta{font-size:.8rem;gap:10px}.row-position{font-size:.75rem;height:24px;width:24px}.row-actions{gap:6px}}@media (max-width:600px){.dj-header-logo{height:40px;width:40px}.btn-new-session-header{font-size:.6rem;height:40px;width:40px}.dj-header h1{font-size:1rem}.dj-panel{height:calc(50vh - 45px);min-height:calc(50vh - 45px)}.btn-add-playlist,.btn-back,.btn-played,.btn-remove{font-size:1.1rem;height:40px;width:40px}}.dark-theme .dj-app{background:linear-gradient(135deg,#1a2a3e,#1a3a5c)}.dark-theme .dj-panel{background:#1a1a24;box-shadow:0 8px 25px #0006;color:#e0e0e0}.dark-theme .dj-panel h2{color:#a8c8f0}.dark-theme .panel-hint{color:#888}.dark-theme .empty-panel{border-color:#444;color:#888}.dark-theme .panel-row{background:#252530}.dark-theme .panel-row:hover{background:#2a2a3a}.dark-theme .panel-row.dragging{background:#1a1a24}.dark-theme .panel-row.drag-over{background:#1a3a5c}.dark-theme .row-song{color:#e0e0e0}.dark-theme .row-meta{color:#aaa}.dark-theme .row-singer{color:#ccc}.dark-theme .row-duration,.dark-theme .row-time{color:#888}.dark-theme .btn-arrow{background:#3a3a4a;color:#aaa}.dark-theme .btn-arrow:hover:not(:disabled){background:#3498db;color:#fff}.dark-theme .source-badge.karafun{background-color:#1a3a5c;color:#64b5f6}.dark-theme .source-badge.ising{background-color:#3a1a5c;color:#ce93d8}.dark-theme .tonation-badge.positive{background-color:#1b3a1b;color:#81c784}.dark-theme .tonation-badge.negative{background-color:#3a1b1b;color:#e57373}.dark-theme .collapsible-panel{background:#1a1a24;box-shadow:0 4px 15px #0000004d}.dark-theme .collapsible-header{background:#252530;color:#a8c8f0}.dark-theme .collapsible-header:hover{background:#2a2a3a}.dark-theme .collapsible-content{border-top-color:#333}.dark-theme .collapsible-row{background:#252530;color:#e0e0e0}.dark-theme .collapsible-row:hover{background:#2a2a3a}.dark-theme .collapsible-row .row-song{color:#e0e0e0}.dark-theme .collapsible-row .row-meta{color:#aaa}.dark-theme .collapsible-row .row-singer{color:#ccc}.dark-theme .empty-collapsible{color:#888}.dark-theme .modal-content{background:#1a1a24;color:#e0e0e0}.dark-theme .modal-content h3{color:#f0a050}.dark-theme .modal-content p{color:#ccc}.dark-theme .stat-value{background:#252530;color:#64b5f6}.dark-theme .dj-search-input{background:#252530;color:#e0e0e0}.dark-theme .dj-search-input:focus{box-shadow:0 0 0 3px #64b5f64d}.dark-theme .placeholder-row.dance_break{background:linear-gradient(135deg,#6b3a9e,#5b2c8e)!important;border-color:#9b59b6}.dark-theme .placeholder-row.resume_karaoke{background:linear-gradient(135deg,#0d6650,#0a5040)!important;border-color:#10b981}.dark-theme .placeholder-title,.mc-app{color:#fff}.mc-app{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.mc-header{align-items:center;background:#0000004d;box-shadow:0 2px 10px #0003;display:flex;justify-content:center;padding:20px;position:relative}.mc-header>.theme-toggle{left:20px;position:absolute;top:50%;transform:translateY(-50%)}.mc-header>.language-switcher{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.mc-header-logo{border-radius:50%;height:150px;object-fit:contain;width:150px}@media (max-width:480px){.mc-header{padding:15px}.mc-header-logo{height:100px;width:100px}.mc-header>.theme-toggle{left:10px;top:50%;transform:translateY(-50%)}.mc-header>.language-switcher{right:10px;top:50%;transform:translateY(-50%)}}.mc-content{margin:0 auto;max-width:800px;padding:20px}.mc-playlist{background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000026;color:#333;padding:20px}.mc-playlist h2{color:#1a1a2e;font-size:1.5rem;margin:0 0 15px;text-align:center}.mc-empty{color:#999;font-size:1.1rem;padding:40px 20px;text-align:center}.mc-list{display:flex;flex-direction:column;gap:10px}.mc-row{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:15px;padding:15px}.mc-row:hover{background:#e9ecef}.mc-row-placeholder.dance_break{background:linear-gradient(135deg,#d4a5ff,#c084fc);border:2px solid #9b59b6}.mc-row-placeholder.resume_karaoke{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);border:2px solid #10b981}.mc-placeholder-title{align-items:center;display:flex;font-size:1.2rem;gap:10px}.mc-placeholder-emoji{font-size:1.4rem}.mc-position{align-items:center;background:linear-gradient(135deg,#e91e63,#9c27b0);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:36px;justify-content:center;width:36px}.mc-info{flex:1 1;min-width:0;overflow:hidden}.mc-song{font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-meta{color:#666;display:flex;font-size:.9rem;gap:15px;margin-top:5px}.mc-singer{color:#e91e63;font-weight:600}.mc-duration{color:#999}.mc-tonation{border-radius:4px;display:inline-block;font-size:.9rem;font-weight:600;margin-left:8px;padding:2px 8px}.mc-tonation.positive{background-color:#e8f5e9;color:#2e7d32}.mc-tonation.negative{background-color:#ffebee;color:#c62828}@media (max-width:600px){.mc-playlist h2{font-size:1.2rem}.mc-row{padding:12px}.mc-song{font-size:1rem}}.dark-theme .mc-app{background:linear-gradient(135deg,#1a1a2e,#16213e)}.dark-theme .mc-playlist{background:#1a1a24;color:#e0e0e0}.dark-theme .mc-playlist h2{color:#a8b4f0}.dark-theme .mc-row{background:#252530}.dark-theme .mc-row:hover{background:#2a2a3a}.dark-theme .mc-song{color:#e0e0e0}.dark-theme .mc-meta{color:#aaa}.dark-theme .mc-singer{color:#f48fb1}.dark-theme .mc-duration{color:#888}.dark-theme .mc-tonation.positive{background-color:#1b3a1b;color:#81c784}.dark-theme .mc-tonation.negative{background-color:#3a1b1b;color:#e57373}.dark-theme .mc-empty{color:#888}.dark-theme .mc-row-placeholder.dance_break{background:linear-gradient(135deg,#6b3a9e,#5b2c8e);border-color:#9b59b6}.dark-theme .mc-row-placeholder.resume_karaoke{background:linear-gradient(135deg,#0d6650,#0a5040);border-color:#10b981}.dark-theme .mc-placeholder-title{color:#fff}
/*# sourceMappingURL=main.2cbff72b.css.map*/