.clock-container{padding:0}.clock-container,.clock-display{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;width:100%}.clock-display{color:#fff;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.5)}.clock-content{align-items:center;display:flex;flex-direction:row;gap:60px;height:100%;justify-content:center;margin:0 auto;max-width:1400px;padding:40px;width:100%}.clock-time-container{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;min-width:300px}.clock-time{font-size:min(120px,12vw);font-weight:700;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.5)}.clock-ampm,.clock-time{font-family:Montserrat,sans-serif}.clock-ampm{font-size:min(40px,4vw);font-weight:600;margin-top:10px;opacity:.9}.clock-verse{display:flex;flex:1;flex-direction:column;max-width:800px;padding:30px;text-align:left}.clock-verse-reference{background-color:rgba(0,0,0,.2);border-radius:20px;display:inline-block;font-family:Montserrat,sans-serif;font-size:min(24px,3vw);font-weight:600;letter-spacing:.5px;margin-bottom:20px;padding:8px 16px;text-shadow:0 1px 2px rgba(0,0,0,.4);width:-moz-fit-content;width:fit-content}.clock-verse-text{flex:1;font-family:Merriweather,serif;font-size:min(28px,3.5vw);font-weight:500;line-height:1.5;margin-bottom:30px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.clock-audio{bottom:20px;display:flex;justify-content:center;left:0;padding-bottom:20px;position:absolute;right:0;z-index:30}.clock-audio audio{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.4);border-radius:30px;max-width:500px;width:80%}@media (max-width:1024px){.clock-content{flex-direction:column;gap:40px;padding:30px;text-align:center}.clock-time-container{align-items:center}.clock-verse{max-width:100%;text-align:center;width:100%}.clock-verse-reference{margin:0 auto 20px}.clock-time{font-size:min(100px,12vw)}.clock-ampm{font-size:min(35px,4vw)}.clock-verse-reference{font-size:min(22px,3vw)}.clock-verse-text{font-size:min(26px,3.5vw)}}@media (max-width:768px){.clock-time{font-size:min(80px,12vw)}.clock-ampm{font-size:min(30px,4vw)}.clock-verse{padding:20px}.clock-verse-reference{font-size:min(20px,3vw)}.clock-verse-text{font-size:min(24px,3.5vw)}.clock-audio{bottom:10px}.clock-audio audio{width:90%}}.clock-fullscreen-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:none;font-size:16px;height:40px;justify-content:center;opacity:0;padding:10px;position:absolute;right:16px;top:16px;transition:opacity .2s;width:40px;z-index:20}.clock-fullscreen-button:hover{background-color:rgba(0,0,0,.9)}.clock-display.fullscreen{background-color:var(--background-color);border-radius:0;bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:1000}.clock-display.fullscreen .clock-content{height:100%;max-width:100%;padding:40px}.clock-display.fullscreen .clock-time{font-size:clamp(80px,10vw,140px)}.clock-display.fullscreen .clock-ampm{font-size:clamp(30px,3vw,45px)}.clock-display.fullscreen .clock-verse-reference{font-size:clamp(20px,2.5vw,28px)}.clock-display.fullscreen .clock-verse-text{font-size:clamp(24px,3vw,32px)}.clock-display.fullscreen.landscape .clock-content{align-items:center;flex-direction:row;gap:60px;justify-content:center}.clock-display.fullscreen.landscape .clock-time-container{min-width:400px}.clock-display.fullscreen.landscape .clock-verse{max-width:800px}.clock-display.fullscreen.landscape .clock-time{font-size:clamp(90px,8vw,120px)}.clock-display.fullscreen.landscape .clock-ampm{font-size:clamp(25px,2.5vw,35px)}.clock-display.fullscreen.landscape .clock-verse-reference{font-size:clamp(18px,2vw,24px)}.clock-display.fullscreen.landscape .clock-verse-text{font-size:clamp(22px,2.5vw,28px)}.clock-display.fullscreen.portrait .clock-content{align-items:center;flex-direction:column;gap:40px;justify-content:center}.clock-display.fullscreen.portrait .clock-time-container{text-align:center}.clock-display.fullscreen.portrait .clock-verse{max-width:800px;text-align:center}.clock-display.fullscreen.portrait .clock-time{font-size:clamp(100px,12vw,140px)}.clock-display.fullscreen.portrait .clock-ampm{font-size:clamp(35px,3.5vw,45px)}.clock-display.fullscreen.portrait .clock-verse-reference{font-size:clamp(22px,3vw,28px)}.clock-display.fullscreen.portrait .clock-verse-text{font-size:clamp(26px,3.5vw,32px)}.clock-display.modal{background-color:var(--background-color);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.3);height:90vh;left:50%;max-height:800px;max-width:1200px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:1000}.clock-display.modal .clock-content{height:100%;padding:30px}.clock-display.modal .clock-time{font-size:clamp(70px,8vw,120px)}.clock-display.modal .clock-ampm{font-size:clamp(25px,2.5vw,40px)}.clock-display.modal .clock-verse-reference{font-size:clamp(18px,2vw,24px)}.clock-display.modal .clock-verse-text{font-size:clamp(22px,2.5vw,28px)}.clock-display.modal.landscape .clock-content{align-items:center;flex-direction:row;gap:40px;justify-content:center}.clock-display.modal.landscape .clock-time-container{min-width:300px}.clock-display.modal.landscape .clock-verse{max-width:600px}.clock-display.modal.landscape .clock-time{font-size:clamp(60px,7vw,100px)}.clock-display.modal.landscape .clock-ampm{font-size:clamp(20px,2vw,30px)}.clock-display.modal.landscape .clock-verse-reference{font-size:clamp(16px,1.8vw,22px)}.clock-display.modal.landscape .clock-verse-text{font-size:clamp(20px,2.2vw,26px)}.clock-display.modal.portrait .clock-content{align-items:center;flex-direction:column;gap:30px;justify-content:center}.clock-display.modal.portrait .clock-time-container{text-align:center}.clock-display.modal.portrait .clock-verse{max-width:600px;text-align:center}.clock-display.modal.portrait .clock-time{font-size:clamp(80px,10vw,120px)}.clock-display.modal.portrait .clock-ampm{font-size:clamp(30px,3vw,40px)}.clock-display.modal.portrait .clock-verse-reference{font-size:clamp(20px,2.5vw,24px)}.clock-display.modal.portrait .clock-verse-text{font-size:clamp(24px,3vw,28px)}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.modal-close-button{align-items:center;background-color:rgba(0,0,0,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:background-color .2s;width:40px;z-index:1001}.modal-close-button:hover{background-color:rgba(0,0,0,.4)}.clock-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:none;font-size:16px;height:40px;justify-content:center;opacity:0;padding:10px;position:absolute;right:70px;top:16px;transition:opacity .2s;width:40px;z-index:20}.clock-share-button:hover{background-color:rgba(0,0,0,.9)}.clock-share-button:disabled{cursor:not-allowed;opacity:.5}.clock-fullscreen-button.visible,.clock-share-button.visible{display:flex;opacity:1}.clock-display.sharing .clock-fullscreen-button,.clock-display.sharing .clock-share-button{opacity:0!important;visibility:hidden!important}.clock-display.sharing:after{bottom:10px;content:"Bible Buddy";font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;opacity:.5;position:absolute;right:10px}.custom-audio-controls{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-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;pointer-events:auto}.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}.clock-display.sharing .custom-audio-controls{opacity:0!important;visibility:hidden!important}@media (min-aspect-ratio:1/1){.clock-content{flex-direction:row;gap:60px;padding:40px;text-align:left}.clock-time-container{align-items:flex-start;min-width:300px}.clock-verse{max-width:800px;text-align:left}.clock-verse-reference{margin:0 0 20px}.clock-time{font-size:min(100px,10vw)}.clock-ampm{font-size:min(35px,3.5vw)}.clock-verse-reference{font-size:min(22px,2.5vw)}.clock-verse-text{font-size:min(26px,3vw)}}@media (max-aspect-ratio:1/1){.clock-content{flex-direction:column;gap:40px;padding:30px;text-align:center}.clock-time-container{align-items:center}.clock-verse{max-width:100%;text-align:center;width:100%}.clock-verse-reference{margin:0 auto 20px}.clock-time{font-size:min(120px,22vw)}.clock-ampm{font-size:min(40px,7vw)}.clock-verse-reference{font-size:min(24px,3vw)}.clock-verse-text{font-size:min(28px,5.5vw)}}