@font-face{font-family:JustDance-Bold;src:url(/lib/JustDance-Bold.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}:root{--color-primary: #bb86fc;--color-primary-dark: #9c6bfc;--color-bg-primary: #0a0a0a;--color-bg-secondary: #1a1a1a;--color-bg-card: #2a2a2a;--color-bg-card-hover: #3a3a3a;--color-border: #4a4a4a;--color-text-primary: #e0e0e0;--color-text-secondary: #d0d0d0;--color-text-muted: #888;--color-success: #4caf50;--color-error: #ff6b6b;--color-controls-bg: rgba(0, 0, 0, .8);--color-controls-hover: rgba(255, 255, 255, .1);--color-progress-bg: rgba(255, 255, 255, .3);--color-progress-hover: rgba(255, 255, 255, .5);--color-section-intro: #ff9800;--color-section-verse: #2196f3;--color-section-bridge: #9c27b0;--color-section-chorus: #f44336;--color-section-solo: #ff5722;--color-section-outro: #795548;--color-section-theme-a: #607d8b;--color-section-pre-chorus: #e91e63;--color-section-theme-b: #009688;--color-section-theme-c: #4caf50;--color-section-theme-d: #ffeb3b;--color-section-transition: #cddc39;--color-section-development: #3f51b5;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition-fast: .2s;--transition-normal: .3s;--transition-slow: .5s;--ease: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);color:var(--color-text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;width:100vw;overflow:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin:0;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}@media(prefers-contrast:high){:root{--color-border: #666;--color-bg-card: #1a1a1a;--color-bg-card-hover: #2a2a2a}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;padding:20px;position:relative;box-sizing:border-box;overflow:hidden}body.loaded{padding-bottom:2.5rem}.site-footer{position:fixed;bottom:0;left:0;width:100%;color:var(--color-error);text-align:center;font-size:.8rem;z-index:1000}.dual-input-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100;width:95%;max-width:1000px;display:flex;gap:var(--spacing-md);align-items:flex-start}.video-container{position:relative;width:95%;max-width:1200px;background:#000;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 12px 40px #0009;margin-top:150px;border:3px solid var(--color-bg-card);aspect-ratio:16/9;max-height:70vh;transition:all var(--transition-normal) ease}video{width:100%;height:100%;display:block;object-fit:cover;border-radius:13px}.video-controls-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 70%,transparent 100%);opacity:0;transition:opacity var(--transition-normal) ease;padding:12px 16px 16px;z-index:10}@media(hover:hover)and (pointer:fine){.video-container:hover .video-controls-overlay{opacity:1}}.video-container.show-controls .video-controls-overlay,.video-controls-overlay.force-visible{opacity:1}@media(hover:none)and (pointer:coarse){.video-controls-overlay{opacity:0;pointer-events:auto}.video-controls-overlay.force-visible{opacity:1}}.seek-bar-container{margin-bottom:12px;position:relative;height:6px;cursor:pointer}.seek-bar{width:100%;height:4px;background:var(--color-progress-bg);border-radius:2px;position:relative;transition:height var(--transition-fast) ease}@media(hover:hover)and (pointer:fine){.seek-bar:hover{height:6px}.seek-bar:hover .seek-bar-handle,.seek-bar:focus .seek-bar-handle{opacity:1}}@media(hover:none)and (pointer:coarse){.seek-bar{height:6px}.seek-bar-handle{opacity:0}.seek-bar.dragging .seek-bar-handle{opacity:1}}.seek-bar-progress{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:2px;position:relative;transition:width .1s ease}.seek-bar-handle{position:absolute;top:50%;right:-6px;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:50%;opacity:0;transition:opacity var(--transition-fast) ease;box-shadow:0 2px 6px #0000004d}.seek-bar-hover-preview{position:absolute;bottom:100%;margin-bottom:8px;padding:4px 8px;background:#000c;color:#fff;font-size:12px;border-radius:4px;opacity:0;transition:opacity var(--transition-fast) ease;pointer-events:none;transform:translate(-50%)}.control-bar{display:flex;align-items:center;justify-content:space-between;height:40px}.control-group{display:flex;align-items:center;gap:8px}.control-group-left{flex:1}.control-group-right{flex-shrink:0}.video-container.fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;z-index:9999!important;border-radius:0!important;border:none!important;margin:0!important;aspect-ratio:unset!important;transition:none!important}.video-container.fullscreen video{border-radius:0!important;object-fit:contain}.video-container.fullscreen .video-controls-overlay{padding:20px 24px 24px}.controls{margin-top:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%;max-width:800px;flex-shrink:0}.secondary-controls{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:nowrap;justify-content:center;width:100%}.map-status{position:fixed;top:90px;left:50%;transform:translate(-50%);text-align:center;font-size:.9rem;min-height:1.2rem;z-index:99}.section-display{position:fixed;top:135px;left:50%;transform:translate(-50%);text-align:center;font-size:.9rem;min-height:1.2rem;z-index:98;opacity:0;transition:opacity var(--transition-normal) ease;cursor:pointer}.section-display.show{opacity:1}.loading-progress-container{position:fixed;top:165px;left:50%;transform:translate(-50%);width:90%;max-width:400px;z-index:97;display:none}.loading-progress-container.show{display:block}.lyrics-container{position:absolute;bottom:25px;left:46px;z-index:10;pointer-events:none;font-family:JustDance-Bold,sans-serif;user-select:none;transform-origin:bottom left}.lyrics-line{position:relative;font-size:1.215vw;line-height:1;margin-bottom:.3rem;white-space:nowrap;display:block;transform:translateY(0);transition:none}.lyrics-line.scroll-up{animation:slideUp .15s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideUp{0%{transform:translateY(0)}to{transform:translateY(-1.5rem)}}.lyrics-line-top.scroll-up{animation:slideUpAndFade .15s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideUpAndFade{0%{transform:translateY(0);opacity:1}to{transform:translateY(-1.5rem);opacity:0}}.lyrics-line-middle.scroll-up{animation:slideUp .15s cubic-bezier(.4,0,.2,1) forwards}.lyrics-line-bottom.scroll-up{animation:slideUpAndFadeIn .15s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideUpAndFadeIn{0%{transform:translateY(0);opacity:0}to{transform:translateY(-1.5rem);opacity:.6}}.lyrics-line-top{opacity:1}.lyrics-line-middle{opacity:.85}.lyrics-line-bottom{display:none}.lyrics-line-bottom.show{display:block;opacity:0}.lyrics-text{position:relative;color:#fff;text-shadow:-.5px -.5px 0 #000,.5px -.5px 0 #000,-.5px .5px 0 #000,.5px .5px 0 #000,0 0 0px rgba(0,0,0,.8);display:inline-block}.lyrics-highlight{position:absolute;left:0;top:0;overflow:hidden;width:0;transition:width .05s linear}.video-controls-overlay.visible~.lyrics-container{opacity:0;transition:opacity .3s ease}.pictos-container{position:absolute;bottom:25px;right:0;left:auto;width:900px;height:120px;pointer-events:none;z-index:8;overflow:visible;transition:width .3s ease}.video-container.fullscreen .pictos-container{width:1400px}.picto-item{position:absolute;bottom:10px;width:auto;height:auto;display:flex;align-items:center;justify-content:center;will-change:left,opacity,transform;transition:none;pointer-events:none;overflow:visible}.picto-item img{max-width:none;max-height:none;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));display:block}.pictobar-line{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff4d;pointer-events:none;z-index:1}.pictobar-beat-indicator{position:absolute;bottom:-3px;left:0;width:180px;height:9px;background:#fffc;pointer-events:none;z-index:2;transform-origin:center center;transition:transform .15s cubic-bezier(.4,0,.2,1),width .3s ease,height .3s ease;border-radius:5px}.pictobar-beat-indicator.pulse{animation:beatPunch .15s cubic-bezier(.4,0,.2,1)}@keyframes beatPunch{0%{transform:scaleX(1.4)}to{transform:scale(1)}}.video-controls-overlay.visible~.pictos-container{opacity:0;transition:opacity .3s ease}.goldmoves-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden}.goldmove-overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;display:none}.goldmove-overlay.goldmove-aspiration{z-index:1}.goldmove-overlay.goldmove-explode{z-index:2}.video-controls-overlay.visible~.goldmoves-container{opacity:0;transition:opacity .3s ease}@media(max-width:768px){.lyrics-container{left:20px;bottom:50px}.lyrics-line{font-size:1.2rem}.pictos-container{bottom:50px;right:20px;height:100px;width:100%;max-width:600px}}@media(max-width:480px)and (orientation:portrait){.lyrics-container{position:fixed!important;left:50%!important;transform:translate(-50%)!important;bottom:auto;top:150px;width:90%;max-width:90%;display:flex!important;flex-direction:column;align-items:center;z-index:15}.lyrics-line{font-size:.95rem;text-align:left!important;white-space:nowrap;display:block!important;margin-bottom:.2rem}.lyrics-text{display:inline-block!important;position:relative!important}.lyrics-highlight{display:inline-block!important;position:absolute!important;left:0!important;top:0!important;overflow:hidden!important;opacity:1!important;pointer-events:none!important}#lyricsLineTop,#lyricsLineMiddle,#lyricsLineBottom{display:block!important;opacity:1!important}.lyrics-line.scroll-up{animation:none!important;transform:none!important}@keyframes scrollUp{0%{transform:none;opacity:.5}to{transform:none;opacity:1}}.video-container{overflow:visible!important}.pictos-container,#pictosContainer{position:absolute!important;display:block!important;bottom:-120px!important;left:0!important;width:100%!important;height:110px!important;z-index:14!important}.video-container.fullscreen .pictos-container,.video-container.fullscreen #pictosContainer{position:fixed!important;bottom:50px!important;left:0!important;right:0!important;width:100vw!important;height:160px!important;z-index:9999!important;background:#00ff004d!important}.video-container.fullscreen .picto-item{height:120px!important;bottom:20px!important}.video-container.fullscreen .picto-item img{height:120px!important}}@media(max-width:896px)and (max-height:500px)and (orientation:landscape){.lyrics-container{left:10px;bottom:30px;right:10px;max-width:calc(100% - 20px)}.lyrics-line{font-size:.8rem;text-align:left!important;white-space:nowrap;display:block!important;margin-bottom:.2rem;position:relative!important}.lyrics-text{display:inline-block!important;position:relative!important}.lyrics-highlight{position:absolute!important;left:0!important;top:0!important;overflow:hidden!important;width:0;transition:width .1s linear;opacity:1!important;pointer-events:none!important}.pictos-container{bottom:35px;right:10px;height:70px;width:100%;max-width:100%}}.search-input-wrapper{flex:1;position:relative;min-width:300px}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-card-hover) 100%);color:var(--color-text-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:all var(--transition-normal) var(--ease);box-shadow:0 4px 12px #0000004d;font-family:inherit}.search-input::placeholder{color:var(--color-text-muted);font-style:italic}.search-input:focus{border-color:var(--color-primary);box-shadow:0 4px 16px #bb86fc4d;background:linear-gradient(135deg,var(--color-bg-card-hover) 0%,var(--color-border) 100%)}.map-input-wrapper{display:flex;gap:var(--spacing-sm);align-items:center;min-width:350px}.map-input{flex:1;padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-card-hover) 100%);color:var(--color-text-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:all var(--transition-normal) var(--ease);box-shadow:0 4px 12px #0000004d;font-family:inherit}.map-input::placeholder{color:var(--color-text-muted);font-style:italic}.map-input:focus{border-color:var(--color-primary);box-shadow:0 4px 16px #bb86fc4d;background:linear-gradient(135deg,var(--color-bg-card-hover) 0%,var(--color-border) 100%)}.map-input:disabled{opacity:.6;cursor:not-allowed}button{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#000;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal) var(--ease);box-shadow:0 4px 16px #bb86fc4d;min-width:120px;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #bb86fc66}button:hover:not(:disabled):before{left:100%}button:active:not(:disabled){transform:translateY(-1px)}button:disabled{background:linear-gradient(135deg,var(--color-bg-card-hover) 0%,var(--color-bg-card) 100%);color:#666;cursor:not-allowed;transform:none;box-shadow:none}.load-map-btn{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#000;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal) var(--ease);box-shadow:0 4px 16px #bb86fc4d;min-width:80px;position:relative;overflow:hidden;white-space:nowrap}.map-clear-btn{background:#ff6b6b33;border:1px solid var(--color-error);color:var(--color-error);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;transition:all var(--transition-normal) ease;backdrop-filter:blur(10px);min-width:80px}.map-clear-btn:hover{background:var(--color-error);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.map-clear-btn:active{transform:translateY(0)}.control-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:all var(--transition-fast) ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.control-btn:hover{background:var(--color-controls-hover);transform:scale(1.1)}.control-btn:active{transform:scale(.95)}.btn-icon{font-size:18px;display:block}.play-pause-btn .btn-icon{font-size:20px}.loop-btn{position:relative;min-width:64px;height:40px;padding:4px}.loop-toggle{display:flex;align-items:center;gap:6px;width:100%;height:100%}.loop-toggle-track{width:32px;height:16px;background:#ffffff4d;border-radius:8px;position:relative;transition:all var(--transition-normal) ease;cursor:pointer}.loop-toggle.active .loop-toggle-track{background:var(--color-success);box-shadow:0 0 10px #4caf5066}.loop-toggle-thumb{width:12px;height:12px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:all var(--transition-normal) ease;box-shadow:0 2px 4px #0000004d}.loop-toggle.active .loop-toggle-thumb{transform:translate(16px);box-shadow:0 2px 6px #0006}.loop-toggle-icon{font-size:14px;opacity:.7;transition:all var(--transition-normal) ease}.loop-toggle.active .loop-toggle-icon{opacity:1;color:var(--color-success);transform:scale(1.1)}.loop-btn:hover .loop-toggle-track{background:#fff6}.loop-btn:hover .loop-toggle.active .loop-toggle-track{background:#66bb6a}.loop-btn:hover .loop-toggle-icon{opacity:1;transform:scale(1.1)}.volume-control-group{display:flex;align-items:center;gap:8px}.volume-slider-container{width:0;overflow:hidden;transition:width var(--transition-normal) ease}.volume-control-group:hover .volume-slider-container{width:100px}.volume-slider{width:100px;height:4px;background:var(--color-progress-bg);border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.volume-slider::-webkit-slider-track{background:var(--color-progress-bg);border-radius:2px;height:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0000004d}.volume-slider::-moz-range-track{background:var(--color-progress-bg);border-radius:2px;height:4px;border:none}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0000004d;-moz-appearance:none;appearance:none}.lyrics-toggle-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:all var(--transition-fast) ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.lyrics-toggle-btn:hover{background:var(--color-controls-hover);transform:scale(1.1)}.lyrics-toggle-btn:active{transform:scale(.95)}.lyrics-toggle-btn.lyrics-hidden{opacity:.5}.pictos-toggle-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:all var(--transition-fast) ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.pictos-toggle-btn:hover{background:var(--color-controls-hover);transform:scale(1.1)}.pictos-toggle-btn:active{transform:scale(.95)}.pictos-toggle-btn.pictos-hidden{opacity:.5}.goldmoves-toggle-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:all var(--transition-fast) ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.goldmoves-toggle-btn:hover{background:var(--color-controls-hover);transform:scale(1.1)}.goldmoves-toggle-btn:active{transform:scale(.95)}.goldmoves-toggle-btn.goldmoves-hidden{opacity:.5}.seek-bar-gold-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:4px;height:12px;background:linear-gradient(180deg,gold,orange);border-radius:2px;box-shadow:0 0 8px #ffd700cc,0 0 4px #ffd70099;z-index:3;pointer-events:none;animation:goldPulse 2s ease-in-out infinite}@keyframes goldPulse{0%,to{box-shadow:0 0 8px #ffd700cc,0 0 4px #ffd70099;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 12px gold,0 0 6px #ffd700cc;transform:translate(-50%,-50%) scale(1.2)}}.seek-bar{position:relative;z-index:2}.seek-bar.dragging{cursor:grabbing!important}.seek-bar.dragging .seek-bar-handle{opacity:1!important;transform:translateY(-50%) scale(1.3)}.seek-bar-handle{cursor:grab;z-index:5;transition:transform .1s ease,opacity .2s ease}.seek-bar-hover-preview{z-index:10;white-space:nowrap;font-weight:600;padding:6px 10px;background:#000000e6;border:1px solid rgba(255,215,0,.3)}.seek-bar-progress{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);position:relative}.seek-bar.dragging .seek-bar-gold-marker{animation:goldPulseIntense .5s ease-in-out infinite}@keyframes goldPulseIntense{0%,to{box-shadow:0 0 12px gold,0 0 6px #ffd700cc;transform:translate(-50%,-50%) scale(1.2)}50%{box-shadow:0 0 20px gold,0 0 10px gold,0 0 4px #ffffff80;transform:translate(-50%,-50%) scale(1.5)}}.seek-bar:hover .seek-bar-gold-marker{height:16px;width:5px;transition:all .2s ease}@media(hover:none)and (pointer:coarse){.seek-bar-gold-marker{width:6px;height:16px}.seek-bar-container{padding:8px 0}.seek-bar{height:6px!important}}.time-display{color:#fff;font-size:14px;font-weight:500;margin-left:12px;margin-right:12px;min-width:80px}.time-separator{margin:0 4px;opacity:.7}.loading-text{color:var(--color-text-muted);font-style:italic}.success-text{color:var(--color-success);font-weight:500}.error-text{color:var(--color-error);font-weight:500}.now-playing-text{color:var(--color-primary);font-weight:500}.loading-progress-bar{width:100%;height:4px;background:var(--color-bg-card);border-radius:2px;overflow:hidden;box-shadow:0 2px 8px #0000004d}.loading-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);width:0%;transition:width var(--transition-fast) ease;box-shadow:0 0 10px #bb86fc80}.loading-progress-text{text-align:center;font-size:.8rem;color:var(--color-text-muted);margin-top:var(--spacing-xs);font-style:italic}.checkbox-control{display:flex;align-items:center;gap:var(--spacing-md);background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-card-hover) 100%);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border:2px solid var(--color-border);transition:all var(--transition-normal) ease;cursor:pointer;box-shadow:0 4px 12px #0000004d}.checkbox-control:hover{border-color:var(--color-primary);box-shadow:0 6px 16px #bb86fc33}.checkbox-control input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer;border-radius:4px}.checkbox-control label{cursor:pointer;font-size:.95rem;color:var(--color-text-secondary);font-weight:500}.checkbox-control:hover label{color:var(--color-primary)}.playlist-controls{display:flex;gap:var(--spacing-sm);align-items:center}.playlist-btn,.playlist-toggle-btn,.share-btn{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-card-hover) 100%);color:var(--color-primary);border:2px solid var(--color-border);padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;transition:all var(--transition-normal) ease;min-width:auto}.feedback-btn{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-card-hover) 100%);color:var(--color-primary);border:2px solid var(--color-border);padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:700;transition:all var(--transition-normal) ease;min-width:auto;text-decoration:none;display:inline-flex;align-items:center}.playlist-btn:hover,.playlist-toggle-btn:hover,.share-btn:hover,.feedback-btn:hover{background:linear-gradient(135deg,var(--color-bg-card-hover) 0%,var(--color-border) 100%);border-color:var(--color-primary);transform:translateY(-2px)}.share-control,.feedback-control{display:inline-flex;align-items:center}.search-input:focus,.map-input:focus,.load-map-btn:focus,button:focus,.control-btn:focus,.playlist-btn:focus,.playlist-toggle-btn:focus,.share-btn:focus,.feedback-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.beat-indicator{position:absolute;top:10px;right:10px;padding:8px 16px;background-color:#000000b3;border-radius:4px;font-size:14px;color:#4a9eff;z-index:10;font-family:monospace}.debug-info{position:absolute;top:10px;left:10px;padding:8px 16px;background-color:#000000b3;border-radius:4px;font-size:12px;color:#888;z-index:10;max-width:300px;font-family:monospace;line-height:1.4}.debug-info strong{color:#4a9eff;display:block;margin-top:8px;margin-bottom:2px}.section-text{color:var(--color-text-secondary);font-weight:600;padding:var(--spacing-md) var(--spacing-xl);background:#000c;border-radius:var(--radius-lg);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);box-shadow:0 6px 16px #00000080;transition:all var(--transition-normal) ease;font-family:Segoe UI,sans-serif;letter-spacing:.5px;min-width:120px;user-select:none;position:relative;overflow:hidden}.section-text:before{content:"\25bc";position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);opacity:.6;font-size:.7rem;transition:all var(--transition-fast) ease}.section-display.dropdown-open .section-text:before{transform:translateY(-50%) rotate(180deg);opacity:1}.section-display:hover .section-text{transform:scale(1.05);box-shadow:0 6px 20px #0009}.section-text.section-selected{background:linear-gradient(135deg,#bb86fc33,#9c6bfc33);border-color:var(--color-primary);box-shadow:0 6px 16px #00000080,0 0 20px #bb86fc66,inset 0 1px #ffffff1a;animation:sectionGlow 2s ease-in-out infinite alternate}@keyframes sectionGlow{0%{box-shadow:0 6px 16px #00000080,0 0 20px #bb86fc66,inset 0 1px #ffffff1a}to{box-shadow:0 6px 16px #00000080,0 0 30px #bb86fc99,inset 0 1px #fff3}}.section-text.section-looping{background:linear-gradient(135deg,#4caf5033,#388e3c33);border-color:var(--color-success);color:var(--color-success);animation:loopPulse 1.5s ease-in-out infinite alternate}@keyframes loopPulse{0%{box-shadow:0 6px 16px #00000080,0 0 20px #4caf5066}to{box-shadow:0 6px 16px #00000080,0 0 35px #4caf50b3}}.section-text.section-intro{color:var(--color-section-intro);border-color:var(--color-section-intro);box-shadow:0 2px 8px #ff98004d}.section-text.section-verse{color:var(--color-section-verse);border-color:var(--color-section-verse);box-shadow:0 2px 8px #2196f34d}.section-text.section-bridge{color:var(--color-section-bridge);border-color:var(--color-section-bridge);box-shadow:0 2px 8px #9c27b04d}.section-text.section-chorus{color:var(--color-section-chorus);border-color:var(--color-section-chorus);box-shadow:0 2px 8px #f443364d}.section-text.section-solo{color:var(--color-section-solo);border-color:var(--color-section-solo);box-shadow:0 2px 8px #ff57224d}.section-text.section-outro{color:var(--color-section-outro);border-color:var(--color-section-outro);box-shadow:0 2px 8px #7955484d}.section-text.section-theme-a{color:var(--color-section-theme-a);border-color:var(--color-section-theme-a);box-shadow:0 2px 8px #607d8b4d}.section-text.section-pre-chorus{color:var(--color-section-pre-chorus);border-color:var(--color-section-pre-chorus);box-shadow:0 2px 8px #e91e634d}.section-text.section-theme-b{color:var(--color-section-theme-b);border-color:var(--color-section-theme-b);box-shadow:0 2px 8px #0096884d}.section-text.section-theme-c{color:var(--color-section-theme-c);border-color:var(--color-section-theme-c);box-shadow:0 2px 8px #4caf504d}.section-text.section-theme-d{color:var(--color-section-theme-d);border-color:var(--color-section-theme-d);box-shadow:0 2px 8px #ffeb3b4d}.section-text.section-transition{color:var(--color-section-transition);border-color:var(--color-section-transition);box-shadow:0 2px 8px #cddc394d}.section-text.section-development{color:var(--color-section-development);border-color:var(--color-section-development);box-shadow:0 2px 8px #3f51b54d}.section-dropdown{background:linear-gradient(145deg,var(--color-bg-card) 0%,var(--color-bg-card-hover) 100%);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #000c;min-width:350px;max-width:450px;max-height:70vh;overflow:hidden;z-index:1000;backdrop-filter:blur(20px);animation:dropdownSlideIn .3s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.section-dropdown-header{padding:var(--spacing-lg);border-bottom:2px solid var(--color-border);background:var(--color-bg-card-hover);display:flex;justify-content:space-between;align-items:center}.section-dropdown-header h3{margin:0;color:var(--color-primary);font-size:1.1rem;font-weight:600}.section-controls{display:flex;gap:var(--spacing-sm)}.section-control-btn{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-card-hover) 100%);color:var(--color-primary);border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:500;transition:all var(--transition-fast) ease;min-width:auto;white-space:nowrap}.section-control-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-bg-card-hover) 0%,var(--color-border) 100%);border-color:var(--color-primary);transform:translateY(-1px)}.section-control-btn:disabled{opacity:.5;cursor:not-allowed}.section-control-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.section-instructions{padding:var(--spacing-md) var(--spacing-lg);font-size:.85rem;color:var(--color-text-muted);font-style:italic;text-align:center;border-bottom:1px solid rgba(255,255,255,.05)}.section-list{max-height:400px;overflow-y:auto;padding:var(--spacing-sm) 0}.section-list::-webkit-scrollbar{width:8px}.section-list::-webkit-scrollbar-track{background:var(--color-bg-card)}.section-list::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}.section-list::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary)}.section-item{margin:0 var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast) ease;position:relative;overflow:hidden}.section-item:hover:not(.disabled){background:#ffffff08}.section-item.selected{background:linear-gradient(135deg,#bb86fc1a,#9c6bfc0d);border:1px solid rgba(187,134,252,.3);box-shadow:0 2px 8px #0000004d,inset 0 0 20px #bb86fc1a}.section-item.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);box-shadow:0 0 10px #bb86fc80}.section-item.disabled{opacity:.4;cursor:not-allowed}.section-item.auto-filled{background:linear-gradient(135deg,#bb86fc0d,#9c6bfc05);border-left:3px solid rgba(187,134,252,.3)}.section-item.auto-filled:hover{background:linear-gradient(135deg,#bb86fc1a,#9c6bfc0d)}.section-checkbox-label{display:flex;align-items:center;padding:var(--spacing-md);cursor:pointer;gap:var(--spacing-md);width:100%;transition:all var(--transition-fast) ease}.section-checkbox-label.disabled{cursor:not-allowed}.section-checkbox-label input[type=checkbox]{display:none}.section-checkbox-custom{width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-card);position:relative;transition:all var(--transition-fast) ease;flex-shrink:0}.section-checkbox-custom.auto-filled{background:linear-gradient(135deg,#bb86fc99,#9c6bfc99);border-color:#bb86fccc}.section-checkbox-custom.auto-filled:after{content:"\25cf";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffffe6;font-weight:700;font-size:10px}.section-checkbox-label:hover:not(.disabled) .section-checkbox-custom{border-color:var(--color-primary);box-shadow:0 0 10px #bb86fc4d}.section-checkbox-label:hover:not(.disabled) .section-checkbox-custom.auto-filled{box-shadow:0 0 10px #bb86fc66,0 0 20px #bb86fc33}.section-checkbox-label input[type=checkbox]:checked+.section-checkbox-custom{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-color:var(--color-primary);box-shadow:0 0 15px #bb86fc80,inset 0 1px #fff3}.section-checkbox-label input[type=checkbox]:checked+.section-checkbox-custom:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-weight:700;font-size:12px}.section-checkbox-label:focus-within .section-checkbox-custom{outline:2px solid var(--color-primary);outline-offset:2px}.section-info{flex:1;min-width:0}.section-name{font-weight:600;color:var(--color-text-primary);font-size:.95rem;margin-bottom:2px}.section-time{font-size:.8rem;color:var(--color-text-muted);opacity:.8}.section-item.selected .section-name{color:var(--color-primary)}.section-item.selected .section-time{color:var(--color-primary);opacity:.8}.auto-fill-indicator{font-size:.75rem;color:var(--color-primary);opacity:.7;font-style:italic}.section-text.background-audio-mode{color:orange!important;text-shadow:0 0 8px rgba(255,165,0,.3);animation:audioModeGlow 2s ease-in-out infinite alternate}@keyframes audioModeGlow{0%{text-shadow:0 0 8px rgba(255,165,0,.3)}to{text-shadow:0 0 12px rgba(255,165,0,.6)}}#currentTime[style*=color]{font-weight:700;text-shadow:0 0 4px rgba(255,165,0,.5)}.section-looping.background-audio-mode{border-color:orange;background:linear-gradient(135deg,#ffa5001a,#ffa5000d)}@keyframes pulse{0%{box-shadow:0 0 #ffa500b3}70%{box-shadow:0 0 0 10px #ffa50000}to{box-shadow:0 0 #ffa50000}}.section-text.section-looping.background-audio-mode{border-left:3px solid #ffa500;padding-left:8px}.section-text[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;margin-bottom:4px}.section-text[title]:hover:before{content:"";position:absolute;bottom:calc(100% - 4px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000000e6;z-index:1001}.search-results{list-style-type:none;position:absolute;width:100%;max-height:350px;overflow-y:auto;background-color:var(--color-bg-card);border:2px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);margin:0;padding:0;box-shadow:0 8px 24px #00000080;z-index:999;scrollbar-width:thin;scrollbar-color:#666 var(--color-bg-card);display:none}.search-results:not(:empty){display:block}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:var(--color-bg-card);border-radius:0 0 var(--radius-md) 0}.search-results::-webkit-scrollbar-thumb{background-color:#666;border-radius:4px}.search-results li{padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:all var(--transition-normal) ease;border-bottom:1px solid var(--color-bg-card-hover);color:var(--color-text-primary);font-size:.95rem}.search-results li:hover,.search-results li:focus{background-color:var(--color-bg-card-hover);color:var(--color-primary);outline:none}.search-results li:last-child{border-bottom:none}.search-results li strong{color:var(--color-primary);font-weight:600}.recent-songs-dropdown{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:101}.recent-songs-btn{background:#bb86fc33;border:1px solid var(--color-primary);color:var(--color-primary);padding:var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;transition:all var(--transition-fast) ease;backdrop-filter:blur(10px);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.recent-songs-btn:hover{background:#bb86fc4d;transform:scale(1.05)}.recent-songs-list{position:absolute;top:100%;right:0;margin-top:var(--spacing-sm);background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000080;min-width:250px;max-height:300px;overflow-y:auto;list-style:none;padding:0;margin:0;display:none;z-index:1000}.recent-songs-list.show{display:block}.recent-songs-list li{padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast) ease;border-bottom:1px solid var(--color-bg-card-hover);font-size:.9rem}.recent-songs-list li:hover{background:var(--color-bg-card-hover);color:var(--color-primary)}.recent-songs-list li:last-child{border-bottom:none}.playlist-panel{position:fixed;right:20px;top:50%;transform:translateY(-50%);width:300px;max-height:60vh;background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-card-hover) 100%);border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 40px #0009;z-index:1000;display:none;overflow:hidden}.playlist-panel.show{display:block}.playlist-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid var(--color-border);background:var(--color-bg-card-hover)}.playlist-header h3{margin:0;color:var(--color-primary);font-size:1.1rem}.playlist-clear-btn{background:transparent;color:var(--color-error);border:1px solid var(--color-error);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;transition:all var(--transition-fast) ease;min-width:auto}.playlist-clear-btn:hover{background:var(--color-error);color:#fff}.playlist-items{list-style:none;padding:0;margin:0;max-height:calc(60vh - 80px);overflow-y:auto}.playlist-item{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-bg-card-hover);cursor:pointer;transition:all var(--transition-fast) ease;display:flex;justify-content:space-between;align-items:center}.playlist-item:hover{background:var(--color-bg-card-hover)}.playlist-item-info{flex:1;min-width:0}.playlist-item-title{font-size:.9rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item-remove{background:transparent;color:var(--color-error);border:none;padding:var(--spacing-xs);cursor:pointer;font-size:.8rem;transition:all var(--transition-fast) ease;min-width:auto;margin-left:var(--spacing-sm)}.playlist-item-remove:hover{color:#fff;background:var(--color-error);border-radius:var(--radius-sm)}.keyboard-help{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(10px);z-index:10000;display:none;align-items:center;justify-content:center}.keyboard-help.show{display:flex}.keyboard-help-content{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-card-hover) 100%);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:500px;width:90%;box-shadow:0 20px 60px #000c}.keyboard-help-content h3{margin:0 0 var(--spacing-lg) 0;color:var(--color-primary);text-align:center;font-size:1.3rem}.shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.shortcut{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.shortcut span{background:var(--color-primary);color:#000;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:600;font-size:.8rem;min-width:60px;text-align:center}.settings-menu{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:#1c1c1cf2;border-radius:8px;min-width:200px;box-shadow:0 8px 24px #00000080;opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-normal) ease;backdrop-filter:blur(10px);z-index:20}.settings-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.settings-section{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.settings-section:last-child{border-bottom:none}.settings-header{color:#fff;font-size:14px;font-weight:600;padding:0 16px 8px;opacity:.9}.settings-options{display:flex;flex-direction:column}.speed-option,.quality-option{padding:8px 16px;color:#fff;cursor:pointer;transition:background-color var(--transition-fast) ease;font-size:14px}.speed-option:hover,.quality-option:hover{background:#ffffff1a}.speed-option.active,.quality-option.active{background:var(--color-primary);color:#000;font-weight:600}.quality-option.loading{background:#ffffff1a;animation:pulse 1s infinite;pointer-events:none}.quality-option.disabled{pointer-events:none;opacity:.3}.quality-option .spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:6px;vertical-align:middle}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.speed-slider-section{margin-top:12px;padding:8px 16px 4px;display:flex;align-items:center;gap:12px;background:#ffffff0d;border-radius:6px}.speed-slider-fine{flex:1;height:4px;background:var(--color-progress-bg);border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.speed-slider-fine::-webkit-slider-track{background:var(--color-progress-bg);border-radius:2px;height:4px}.speed-slider-fine::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d;transition:transform var(--transition-fast) ease}.speed-slider-fine::-webkit-slider-thumb:hover{transform:scale(1.2)}.speed-slider-fine::-moz-range-track{background:var(--color-progress-bg);border-radius:2px;height:4px;border:none}.speed-slider-fine::-moz-range-thumb{width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d;-moz-appearance:none;appearance:none}.speed-slider-display{color:var(--color-primary);font-size:13px;font-weight:600;min-width:45px;text-align:center}.debug-info{position:fixed;top:195px;left:20px;background:linear-gradient(135deg,#000000e6,#141414e6);color:var(--color-primary);padding:var(--spacing-md);border-radius:var(--radius-sm);font-size:.8rem;font-family:Courier New,monospace;max-width:300px;display:none;z-index:50;border:1px solid var(--color-border);backdrop-filter:blur(10px)}.debug-info.show{display:block}.error{color:var(--color-error);text-align:center;padding:var(--spacing-xl);background:linear-gradient(135deg,#ff6b6b1a,#ff6b6b0d);border-radius:var(--radius-md);border:2px solid rgba(255,107,107,.3)}@media(max-width:1100px){.dual-input-container{flex-direction:column;gap:var(--spacing-md);width:95%}.search-input-wrapper,.map-input-wrapper{min-width:auto;width:100%}.map-input-wrapper{flex-direction:column;gap:var(--spacing-sm)}.map-input,.load-map-btn,.map-clear-btn{width:100%}.video-container{margin-top:210px}.video-container:not(.fullscreen){margin-top:210px!important}.map-status{top:110px}.section-display{top:155px}.loading-progress-container{top:185px}.playlist-panel{right:10px;width:280px}.debug-info{top:215px}}@media(max-width:768px){.container{padding:10px}.dual-input-container{width:95%;top:10px}.search-input,.map-input{padding:.8rem var(--spacing-md);font-size:.9rem}.load-map-btn,.map-clear-btn{padding:.8rem var(--spacing-lg);font-size:.9rem}.video-container{width:100%;margin-top:230px;border-radius:var(--radius-md);max-height:60vh}.video-container:not(.fullscreen){margin-top:230px!important}.map-status{top:130px}.section-display{top:175px}.loading-progress-container{top:205px}.controls{margin-top:var(--spacing-lg);gap:var(--spacing-md)}.secondary-controls{flex-direction:column;gap:var(--spacing-md);width:100%}.checkbox-control,.share-control{width:100%;justify-content:center;padding:.8rem var(--spacing-md)}.playlist-controls{width:100%;justify-content:center}button{padding:.8rem var(--spacing-lg);font-size:.9rem;min-width:100px;width:100%}.playlist-btn,.playlist-toggle-btn,.share-btn{width:auto;min-width:120px}.debug-info{left:10px;right:10px;max-width:none;top:235px}.search-results{max-height:250px}.search-results li{padding:.8rem var(--spacing-md);font-size:.9rem}.playlist-panel{position:fixed;top:230px;right:10px;left:10px;width:auto;max-height:50vh;transform:none}.shortcuts-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.recent-songs-btn{width:28px;height:28px;font-size:.9rem}.recent-songs-list{min-width:200px}.map-clear-btn{font-size:.9rem;padding:.8rem var(--spacing-md);min-width:60px}.video-controls-overlay{padding:8px 12px 12px}.control-bar{height:36px}.control-btn{min-width:36px;height:36px;padding:6px}.btn-icon{font-size:16px}.time-display{font-size:12px;min-width:70px;margin-left:8px;margin-right:8px}.settings-menu{min-width:180px;right:-20px}.section-dropdown{min-width:300px;max-width:90vw;left:5vw!important;right:5vw;transform:none!important}.section-dropdown-header{padding:var(--spacing-md);flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.section-controls{justify-content:center}.section-control-btn{flex:1;text-align:center}.section-text{padding:var(--spacing-sm) var(--spacing-lg);font-size:.85rem}.section-list{max-height:300px}.section-checkbox-label{padding:var(--spacing-sm) var(--spacing-md)}.section-info{margin-left:var(--spacing-sm)}}@media(max-width:480px)and (orientation:portrait){.container{padding:0;overflow-y:auto}.dual-input-container{top:5px;width:98%;gap:4px;flex-direction:column}.search-input-wrapper,.map-input-wrapper{width:100%}.map-input-wrapper{flex-direction:row;gap:4px}.search-input,.map-input{font-size:.75rem;padding:.5rem .6rem}.load-map-btn,.map-clear-btn{font-size:.7rem;padding:.5rem .8rem;min-width:60px}.video-container{width:100%;max-width:100%;margin-top:140px;border-radius:var(--radius-sm);max-height:40vh;aspect-ratio:16/9}.video-container:not(.fullscreen){margin-top:140px!important}.map-status{top:90px;width:95%;font-size:.75rem;padding:.3rem .6rem}.section-display{top:120px}.section-text{font-size:.75rem;padding:.4rem .8rem}.loading-progress-container{top:130px;width:95%}.secondary-controls{gap:.5rem;flex-wrap:wrap;justify-content:center}button,.map-clear-btn{padding:.5rem .8rem;font-size:.7rem}.playlist-btn,.playlist-toggle-btn,.share-btn{font-size:.7rem;padding:.5rem .7rem}.debug-info{top:145px;font-size:.6rem}.video-controls-overlay{padding:6px 8px 8px}.control-bar{height:32px;gap:2px}.control-group{gap:2px}.control-btn{min-width:32px;height:32px;padding:4px}.btn-icon{font-size:14px}.time-display{font-size:.65rem;min-width:55px;margin-left:3px;margin-right:3px}.volume-slider-container{display:none!important}.control-btn[title*=fullscreen],.control-btn[title*=Fullscreen],#fullscreenBtn{display:flex!important;min-width:32px;height:32px}.settings-menu{min-width:160px;right:0;font-size:.75rem}.section-dropdown{min-width:280px;max-width:95vw;left:2.5vw!important;transform:none!important}.section-dropdown-header{padding:var(--spacing-sm);flex-direction:column;gap:var(--spacing-xs)}.section-control-btn{font-size:.7rem;padding:.4rem .6rem}.section-checkbox-custom{width:18px;height:18px}.section-name{font-size:.85rem}.section-time{font-size:.7rem}}@media(max-width:896px)and (max-height:500px)and (orientation:landscape){.container{padding:0;overflow:hidden}.dual-input-container{top:3px;flex-direction:row;gap:3px;max-width:98%;width:98%}.search-input-wrapper,.map-input-wrapper{min-width:auto;flex:1}.map-input-wrapper{flex-direction:row;gap:3px;min-width:auto}.search-input,.map-input{font-size:.7rem;padding:.4rem .5rem}.load-map-btn,.map-clear-btn{font-size:.7rem;padding:.4rem .6rem;min-width:50px}.video-container{width:100%;max-width:100%;margin-top:50px;max-height:calc(100vh - 55px);border-radius:0}.video-container:not(.fullscreen){margin-top:50px!important}.map-status{top:30px;font-size:.7rem;padding:.3rem .5rem}.section-display{top:30px;left:50%;transform:translate(-50%)}.section-text{font-size:.7rem;padding:.3rem .6rem}.loading-progress-container{top:40px;width:90%}.video-controls-overlay{padding:4px 8px 6px}.seek-bar-container{margin-bottom:6px}.control-bar{height:28px;gap:3px}.control-btn{min-width:28px;height:28px;padding:3px}.btn-icon{font-size:13px}.time-display{font-size:.65rem;min-width:60px;margin:0 3px}.settings-btn,.volume-control-group{display:none!important}#fullscreenBtn{display:flex!important}.pictos-container{bottom:35px;right:10px;height:70px}.lyrics-container{left:10px;bottom:30px;right:10px;max-width:calc(100% - 20px)}.lyrics-line{font-size:.8rem}.lyrics-line.scroll-up{animation:none!important;transform:none!important}@keyframes scrollUp{0%{transform:none;opacity:.5}to{transform:none;opacity:1}}.load-map-btn,.map-clear-btn{font-size:.8rem;padding:.6rem var(--spacing-md);min-width:60px}.video-container{margin-top:110px;width:100%;max-height:80vh;aspect-ratio:unset}.video-container:not(.fullscreen){margin-top:110px!important}.map-status{top:55px;font-size:.8rem}.section-display{top:85px;font-size:.85rem}.loading-progress-container{top:95px}.controls{margin-top:var(--spacing-md);gap:.8rem}.secondary-controls{flex-direction:row;gap:var(--spacing-md);flex-wrap:wrap}.checkbox-control,.share-control{width:auto;padding:.6rem var(--spacing-md)}button,.map-clear-btn{padding:.6rem var(--spacing-md);font-size:.8rem;width:auto}.search-results{max-height:200px}.playlist-panel{top:110px;right:5px;left:auto;width:250px;transform:none;max-height:40vh}.debug-info{top:115px}}@media(max-width:360px){.dual-input-container{width:98%}.search-input,.map-input{padding:.7rem var(--spacing-sm);font-size:.85rem}.load-map-btn,.map-clear-btn{padding:.7rem var(--spacing-md);font-size:.85rem;min-width:50px}.section-text{padding:var(--spacing-xs) var(--spacing-md);font-size:.75rem;min-width:100px}.recent-songs-btn{width:24px;height:24px;font-size:.8rem}.recent-songs-list{min-width:180px}.section-dropdown{min-width:260px}.control-btn{min-width:32px;height:32px;padding:4px}.btn-icon{font-size:14px}.time-display{font-size:10px;min-width:50px;margin-left:2px;margin-right:2px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.section-text,.control-btn,.search-input,.map-input{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media print{.video-container,.controls,.dual-input-container,.video-controls-overlay,.section-dropdown,.playlist-panel,.keyboard-help,.settings-menu{display:none!important}.map-status,.section-display{position:static;text-align:center;font-size:1rem;margin:1rem 0}body{background:#fff!important;color:#000!important}}@media(hover:none)and (pointer:coarse){.control-btn{min-width:44px;height:44px;padding:8px}.section-checkbox-custom{width:24px;height:24px}.recent-songs-btn{width:36px;height:36px}.playlist-item-remove{padding:var(--spacing-sm);font-size:1rem}.control-btn:hover,.section-item:hover,.search-results li:hover,.recent-songs-list li:hover,.playlist-item:hover{transform:none;background:var(--color-bg-card-hover)}.seek-bar{height:8px;padding:4px 0}.volume-slider{height:6px}.seek-bar-handle{width:16px;height:16px}.seek-bar,.seek-bar *,.control-btn,.video-controls-overlay{pointer-events:auto!important}.seek-bar-hover-preview{display:none!important}}@media(max-width:320px){.control-btn{min-width:40px;height:40px}.section-checkbox-custom{min-width:20px;min-height:20px}button,.load-map-btn,.map-clear-btn{min-height:44px}}@media(prefers-reduced-motion:reduce){.section-dropdown,.section-text.section-selected,.section-text.section-looping{animation:none}.section-text:before{transition:none}.video-controls-overlay,.control-btn,.search-input,.map-input{transition:none}}