.player-container{padding:24px;border-radius:12px;box-shadow:0 4px 16px #00000014;width:100%;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb}.song-title{color:#1a202c;text-align:center;margin-top:0;margin-bottom:8px;font-size:1.9em;font-weight:600;letter-spacing:-.02em}.artist-name{color:#64748b;font-size:1.05em;font-weight:400;margin-bottom:24px;opacity:.8}.timeline-ui-wrapper{position:relative;width:calc(100% - 30px);margin-bottom:20px;background:#f8fafc;border-radius:14px;margin-top:15px;padding:15px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000f}.timeline-track{height:100%;position:relative;background-image:linear-gradient(90deg,#94a3b814 1px,transparent 1px),linear-gradient(180deg,#94a3b80a 1px,transparent 1px);background-size:50px 20px;overflow:visible}.segment{position:absolute;top:3px;bottom:3px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#334155;background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);border:2px solid #94a3b8;border-radius:6px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;z-index:1}.segment:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.lyrics-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0003}.lyrics-text{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.lyrics-text::after{content:' • ';color:#10b981;font-weight:700;margin:0 8px}.segment.active{background:#10b981;color:#fff;border-color:#059669;box-shadow:0 2px 8px #10b9814d;z-index:5}.segment.very-narrow{font-size:0;padding:0}.playhead{position:absolute;left:100px;top:5px;height:75px;width:15px;background-color:#d9534f;border-radius:7.5px;z-index:15;pointer-events:none;box-shadow:0 0 8px #d9534f}.current-chord-display{text-align:center;margin-bottom:15px;font-size:20px;font-weight:600;color:#3a4149;min-height:28px}.audio-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:15px}.audio-controls button{background-color:#10b981;color:#fff;border:none;padding:12px 20px;font-size:15px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500;box-shadow:0 2px 4px #10b98133}.audio-controls button:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.main-play-control{display:flex;align-items:center}.main-play-btn{background:linear-gradient(135deg,#3b82f6 0%,#1e88e5 100%);color:#fff;border-radius:50%;cursor:pointer;transition:all .3s ease;width:40px;height:40px;padding-top:4px;display:flex;align-items:center;justify-content:center}.main-play-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important;transform:translateY(-2px) scale(1.05)!important;box-shadow:0 6px 20px #3b82f666!important}.time-display{font-size:14px;color:#64748b;padding:10px 14px;background-color:#f1f5f9;border-radius:8px;min-width:90px;text-align:center;font-weight:500;border:1px solid #e2e8f0}audio{width:100%;margin-top:10px}#arrow-right{left:105px}.ukulele-frd2{display:grid;grid-template-rows:repeat(5,1fr);grid-template-columns:5px repeat(4,1fr);gap:0;width:100%;height:100px;position:relative}.ukulele-frd2 .fret{border-top:1px dashed #bbb;border-right:1px solid #000;background-color:transparent;position:relative}.ukulele-frd2 .fret:nth-child(5n+2){border-top:0}.ukulele-frd2 .note{width:11px;height:11px;background-color:#000;border-radius:50%;position:absolute;top:50%;left:77%;transform:translate(0%,-50%)}.ukulele-frd2 .fret-number{display:flex;align-items:center;justify-content:end;font-size:12px;font-weight:700;color:#333}.ukulele-frd2 .mute{position:absolute;left:12.5px;top:-9px}.ukulele-frd2 .o-s{position:absolute;top:-10px;left:16.5px}.diagram-tab{cursor:pointer;color:#333;user-select:none;position:relative;z-index:20}.diagram-tab:hover{color:#6b7280}.diagram-tab.active{color:#374151;font-weight:700}.diagram-tabs{position:relative;z-index:20}.responsive-container{transition:all .3s ease}.lyrics-viewport{height:80px;background:#fafafa;border-radius:12px;box-sizing:border-box;position:relative;border:2px solid #e8e8e8;margin-bottom:15px;overflow:hidden;box-shadow:0 2px 6px #00000014}.song-info-panel{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #dee2e6;border-radius:8px;padding:15px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.song-details{display:flex;align-items:center;gap:20px;font-size:13px;color:#495057}.info-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.info-item:hover{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.info-item span{font-weight:500;color:#374151;font-size:14px}.info-item #bpmDisplay,#currentTime,#totalTime{border-radius:6px;font-weight:600;font-size:13px;min-width:50px;text-align:center}.audio-controls{display:flex;align-items:center;gap:10px;margin-top:10px}.timeline-scroll-wrapper{overflow-x:auto;overflow-y:hidden;width:100%;height:360px;max-width:100%}.timeline-viewport{height:60px}.timeline-diagram-row{display:flex;flex-direction:row;align-items:flex-start;height:180px;overflow-x:auto;overflow-y:hidden;max-width:100%}.video-lyrics-section{display:flex;gap:20px;margin-top:20px}.lyrics-section{flex:1;background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #e9ecef}.lyrics-content{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.8;color:#333}.youtube-embed{border-radius:8px;overflow:hidden;padding:10px 10px 2px;box-shadow:0 4px 12px #0000001a}.youtube-embed #ytplayer{width:100%;height:100%}.diagram-tabs{position:absolute;top:10px;left:60%;transform:translateX(-50%);font-size:10px;z-index:9999;pointer-events:auto;width:90px;padding:2px 8px;border-radius:4px}.diagram-tab{cursor:pointer;margin-right:6px;font-weight:700;color:#374151;pointer-events:auto}.diagram-tab:last-child{margin-left:6px;margin-right:0}#fpo{position:relative;width:120px;height:120px;background:#f9f9f9;border:1px solid #ccc;padding:10px}.guitar-diagram{display:block}.frd2{display:grid;grid-template-rows:repeat(5,1fr);grid-template-columns:5px repeat(6,1fr);gap:0;width:100%;height:100px;position:relative}.ukulele-diagram{display:none}.ukulele-frd2{display:grid;grid-template-rows:repeat(5,1fr);grid-template-columns:5px repeat(4,1fr);gap:0;width:100%;height:100px;position:relative}.siar{display:block}.siar#arrow-left{display:block}.siar#arrow-right{display:block}.error-message{font-size:24px;color:#888}.diagram-error{font-size:10px;color:#888}.lyrics-separator{color:#3b82f6;font-weight:700;margin:0 8px}.cd5-slider{display:inline-block;margin:0;padding:0;border:none;border-radius:8px;background:transparent;cursor:pointer;transition:all .2s ease;width:90px;height:90px}.cd5-slider:hover{background:#f9fafb}.cd5-slider.active-diagram{border:none;background:#f0f9ff;width:120px;height:120px;z-index:10}.cd5-slider .cd5-container{transition:all .2s ease}.timeline-diagram-row{height:250px;border-radius:8px;padding:15px;margin:4px 0;overflow:visible}.cd5-slider{margin:0}.cd5-container{transition:all .2s ease;height:auto!important;max-height:none!important;overflow:visible!important}@media (max-width:1380px){.player-container{padding:12px;margin:8px}.song-info-panel{flex-direction:column;gap:12px;padding:12px}.song-details{flex-direction:column;gap:8px;align-items:center}.main-play-control{width:100%;justify-content:center}.info-item{justify-content:center;gap:8px;font-size:14px;padding:6px 10px}.info-item span{font-size:13px}.info-item #bpmDisplay,#currentTime,#totalTime{padding:4px 8px;font-size:12px;min-width:40px}.timeline-ui-wrapper{width:calc(100% - 16px);padding:8px}.segment{font-size:11px;padding:4px 8px}.video-lyrics-section{flex-direction:column;gap:16px}}