.player-container{display:flex;height:100vh;margin:0 auto;max-width:1400px;overflow:hidden;padding:0 20px;width:100%}.player-layout{display:flex;height:100%;width:100%}.player-sidebar{background-color:#f9f9f9;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;flex-shrink:0;height:100%;width:400px}.sidebar-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:16px}.sidebar-title{font-size:16px;font-weight:500}.auto-scroll-toggle,.sidebar-controls{align-items:center;display:flex}.auto-scroll-toggle{cursor:pointer;font-size:14px}.auto-scroll-toggle input{margin-left:8px}.sidebar-content{flex:1;overflow:hidden}.verse-list{background-color:#f9f9f9}.verse-item{align-items:flex-start;border-bottom:1px solid #e5e5e5;box-sizing:border-box;color:#0a0a0a;cursor:pointer;display:flex;height:80px;overflow:hidden;padding:12px 16px;position:relative;text-decoration:none}.verse-item:hover{background-color:#f0f0f0;text-decoration:none}.verse-item.active{background-color:#e9e9e9}.verse-content-wrapper{display:flex;flex-direction:column;max-height:100%;overflow:hidden;width:100%}.verse-reference{color:#606060;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verse-text-truncated{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;line-height:1.3;overflow:hidden;text-overflow:ellipsis}.verse-text-truncated:hover{text-decoration:none}.verse-item:hover .verse-text-truncated{-webkit-line-clamp:2;background-color:#f0f0f0;text-decoration:none}.button-play{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;height:24px;justify-content:center;width:24px}.active-verse{background-color:red}.inactive-verse{background-color:#ccc}.player-main-content{display:flex;flex:1;flex-direction:column;overflow:hidden;width:100%}.player-breadcrumb{background-color:#fff;border-bottom:1px solid #e5e5e5;padding:12px 24px}.breadcrumb{display:flex;font-size:14px;list-style:none;margin:0;padding:0}.breadcrumb-item{align-items:center;display:flex}.breadcrumb-item:not(:last-child):after{color:#606060;content:"›";margin:0 8px}.breadcrumb-item a{color:#606060;text-decoration:none}.breadcrumb-item.active{color:#0a0a0a}.verse-player-container{flex:1;overflow:auto}.verse-player,.verse-player-container{display:flex;flex-direction:column;padding:24px}.verse-player{background-position:50%;background-size:cover;border-radius:8px;color:#fff;height:calc(100vh - 300px);justify-content:center;margin-bottom:16px;min-height:400px;position:relative;text-shadow:0 1px 3px rgba(0,0,0,.6)}.verse-player.fullscreen{align-items:center;border-radius:0;bottom:0;display:flex;height:100vh;justify-content:center;left:0;padding:48px;position:fixed;right:0;top:0;width:100vw;z-index:1000}.verse-player.fullscreen .verse-text{font-size:min(48px,7vw)!important;line-height:1.4;max-width:min(800px,90vw)}.verse-player.fullscreen .player-verse-reference{font-size:min(24px,4vw)!important}.fullscreen-text{font-size:min(48px,7vw)!important}.fullscreen-reference{font-size:min(24px,4vw)!important}.verse-controls{bottom:0;display:flex;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.verse-player:hover .verse-controls{opacity:1}.next-control,.play-control,.prev-control{flex:1;height:100%}.verse-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;position:relative;text-align:center;z-index:1}.verse-text{font-size:min(28px,5vw);font-weight:500;line-height:1.5;margin-bottom:16px;max-width:min(800px,90vw);padding:20px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.player-verse-reference{background-color:rgba(0,0,0,.4);border-radius:20px;display:inline-block;font-size:16px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;padding:8px 16px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.audio-error-icon{color:#ff5252;margin-left:16px;margin-top:16px}.fullscreen-button{align-items:center;background-color:rgba(0,0,0,.1);border:none;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.3);color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;opacity:1;padding:10px;position:absolute;right:16px;top:16px;transition:opacity .2s;width:40px;z-index:20}.fullscreen-button:hover{background-color:rgba(0,0,0,.7)}.custom-audio-controls{align-items:center;bottom:0;display:flex;height:100px;justify-content:center;left:0;opacity:0;padding-bottom:20px;pointer-events:none;position:absolute;right:0;transition:opacity .5s;z-index:30}.custom-audio-controls.visible{opacity:1;pointer-events:auto}.audio-controls-bar{pointer-events:auto}.audio-controls-overlay{background:linear-gradient(0deg,rgba(0,0,0,.5) 0,transparent);bottom:0;height:100px;left:0;position:absolute;right:0;z-index:-1}.audio-controls-bar{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.4);border-radius:30px;display:flex;gap:16px;margin-top:auto;padding:8px 16px}.audio-control-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:background-color .2s;width:36px}.audio-control-button:hover,.play-button{background-color:hsla(0,0%,100%,.2)}.play-button{font-size:18px;height:44px;width:44px}@media (max-width:768px){.player-layout{flex-direction:column}.player-sidebar{border-bottom:1px solid #e5e5e5;border-right:none;height:300px;width:100%}.verse-text{font-size:min(18px,4.5vw);padding:10px}.verse-player.fullscreen{padding:24px}.verse-player.fullscreen .verse-text{padding:10px}}.audio-error-message{background-color:rgba(255,82,82,.1);border-radius:4px;color:#ff5252;font-size:14px;margin-top:8px;padding:8px;text-align:center}.verse-transition-indicator{animation:pulse 1.5s infinite;background-color:rgba(0,0,0,.6);border-radius:20px;bottom:20px;color:#fff;font-size:14px;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%);z-index:10}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width:480px){.verse-player.fullscreen .verse-text{font-size:min(32px,6vw)!important}.verse-player.fullscreen .player-verse-reference{font-size:min(18px,3.5vw)!important}.audio-controls-bar{gap:12px;padding:6px 12px}.audio-control-button{font-size:14px;height:32px;width:32px}.play-button{height:38px;width:38px}}.share-button{align-items:center;background-color:rgba(0,0,0,.2);border:none;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.3);color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;opacity:1;padding:10px;position:absolute;right:70px;top:16px;transition:opacity .2s;width:40px;z-index:20}.share-button:hover{background-color:rgba(0,0,0,.9)}.share-button:disabled{cursor:not-allowed;opacity:.5}.share-loader{animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:20px;position:absolute;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.verse-player.sharing .custom-audio-controls,.verse-player.sharing .fullscreen-button,.verse-player.sharing .share-button,.verse-player.sharing .verse-controls{opacity:0!important;visibility:hidden!important}.verse-player.sharing:after{bottom:10px;content:"Bible Buddy";font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;opacity:.5;position:absolute;right:10px}