.calendar-container{padding:0}.calendar-container,.calendar-display{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;width:100%}.calendar-display{color:#fff;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.5)}.calendar-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%}.calendar-date-container{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;min-width:300px}.calendar-date{font-size:min(100px,12vw);text-shadow:0 2px 10px rgba(0,0,0,.5)}.calendar-date,.calendar-month{font-family:Montserrat,sans-serif;font-weight:700;line-height:1}.calendar-month{font-size:min(70px,8vw);margin-bottom:10px}.calendar-year{font-family:Montserrat,sans-serif;font-size:min(35px,4vw);font-weight:600;margin-top:10px;opacity:.9}.calendar-grid{display:grid;gap:5px;grid-template-columns:repeat(7,1fr);margin-top:20px;max-width:400px;width:100%}.calendar-day-header{font-size:14px;font-weight:600;opacity:.8;padding:5px;text-align:center}.calendar-day{align-items:center;border-radius:50%;display:flex;font-size:16px;height:40px;justify-content:center;margin:2px;padding:10px;text-align:center;width:40px}.calendar-day.today{background-color:hsla(0,0%,100%,.3);box-shadow:0 0 10px hsla(0,0%,100%,.5);font-weight:700}.calendar-day.other-month{opacity:.4}.calendar-verse{display:flex;flex:1;flex-direction:column;max-width:800px;padding:30px;text-align:left}.calendar-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}.calendar-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)}.calendar-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}.calendar-display.fullscreen .calendar-content{height:100%;max-width:100%;padding:40px}.calendar-display.fullscreen .calendar-date{font-size:clamp(80px,10vw,120px)}.calendar-display.fullscreen .calendar-month{font-size:clamp(60px,8vw,80px)}.calendar-display.fullscreen .calendar-year{font-size:clamp(30px,3vw,40px)}.calendar-display.fullscreen .calendar-verse-reference{font-size:clamp(20px,2.5vw,28px)}.calendar-display.fullscreen .calendar-verse-text{font-size:clamp(24px,3vw,32px)}.calendar-display.fullscreen.landscape .calendar-content{align-items:center;flex-direction:row;gap:60px;justify-content:center}.calendar-display.fullscreen.landscape .calendar-date-container{min-width:400px}.calendar-display.fullscreen.landscape .calendar-verse{max-width:800px}.calendar-display.fullscreen.landscape .calendar-date{font-size:clamp(90px,8vw,110px)}.calendar-display.fullscreen.landscape .calendar-month{font-size:clamp(50px,6vw,70px)}.calendar-display.fullscreen.landscape .calendar-year{font-size:clamp(25px,2.5vw,35px)}.calendar-display.fullscreen.landscape .calendar-verse-reference{font-size:clamp(18px,2vw,24px)}.calendar-display.fullscreen.landscape .calendar-verse-text{font-size:clamp(22px,2.5vw,28px)}.calendar-display.fullscreen.portrait .calendar-content{align-items:center;flex-direction:column;gap:40px;justify-content:center}.calendar-display.fullscreen.portrait .calendar-date-container{text-align:center}.calendar-display.fullscreen.portrait .calendar-verse{max-width:800px;text-align:center}.calendar-display.fullscreen.portrait .calendar-date{font-size:clamp(100px,12vw,120px)}.calendar-display.fullscreen.portrait .calendar-month{font-size:clamp(70px,9vw,80px)}.calendar-display.fullscreen.portrait .calendar-year{font-size:clamp(35px,3.5vw,40px)}.calendar-display.fullscreen.portrait .calendar-verse-reference{font-size:clamp(22px,3vw,28px)}.calendar-display.fullscreen.portrait .calendar-verse-text{font-size:clamp(26px,3.5vw,32px)}.calendar-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}.calendar-display.modal .calendar-content{height:100%;padding:30px}.calendar-display.modal .calendar-date{font-size:clamp(70px,8vw,100px)}.calendar-display.modal .calendar-month{font-size:clamp(50px,6vw,70px)}.calendar-display.modal .calendar-year{font-size:clamp(25px,2.5vw,35px)}.calendar-display.modal .calendar-verse-reference{font-size:clamp(18px,2vw,24px)}.calendar-display.modal .calendar-verse-text{font-size:clamp(22px,2.5vw,28px)}.calendar-display.modal.landscape .calendar-content{align-items:center;flex-direction:row;gap:40px;justify-content:center}.calendar-display.modal.landscape .calendar-date-container{min-width:300px}.calendar-display.modal.landscape .calendar-verse{max-width:600px}.calendar-display.modal.landscape .calendar-date{font-size:clamp(60px,7vw,90px)}.calendar-display.modal.landscape .calendar-month{font-size:clamp(40px,5vw,60px)}.calendar-display.modal.landscape .calendar-year{font-size:clamp(20px,2vw,30px)}.calendar-display.modal.landscape .calendar-verse-reference{font-size:clamp(16px,1.8vw,22px)}.calendar-display.modal.landscape .calendar-verse-text{font-size:clamp(20px,2.2vw,26px)}.calendar-display.modal.portrait .calendar-content{align-items:center;flex-direction:column;gap:30px;justify-content:center}.calendar-display.modal.portrait .calendar-date-container{text-align:center}.calendar-display.modal.portrait .calendar-verse{max-width:600px;text-align:center}.calendar-display.modal.portrait .calendar-date{font-size:clamp(80px,10vw,100px)}.calendar-display.modal.portrait .calendar-month{font-size:clamp(60px,7vw,70px)}.calendar-display.modal.portrait .calendar-year{font-size:clamp(30px,3vw,35px)}.calendar-display.modal.portrait .calendar-verse-reference{font-size:clamp(20px,2.5vw,24px)}.calendar-display.modal.portrait .calendar-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)}.calendar-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}.calendar-share-button.visible{display:flex;opacity:1}.calendar-share-button:hover{background-color:rgba(0,0,0,.9)}.calendar-share-button:disabled{cursor:not-allowed;opacity:.5}.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}.calendar-display.sharing .calendar-fullscreen-button,.calendar-display.sharing .calendar-share-button,.calendar-display.sharing .custom-audio-controls{opacity:0!important;visibility:hidden!important}.calendar-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}@media (min-aspect-ratio:1/1){.calendar-content{flex-direction:row!important;gap:60px;padding:40px;text-align:left!important}.calendar-verse-text{text-align:left}.calendar-verse-reference{margin:0!important;text-align:left}.calendar-verse{padding-left:0}}@media (max-width:1024px){.calendar-content{flex-direction:column;gap:40px;padding:30px;text-align:center}.calendar-date-container{align-items:center}.calendar-verse{max-width:100%;text-align:center;width:100%}.calendar-verse-reference{margin:0 auto 20px}.calendar-date{font-size:min(90px,12vw)}.calendar-month{font-size:min(60px,8vw)}.calendar-year{font-size:min(30px,4vw)}.calendar-verse-reference{font-size:min(22px,3vw)}.calendar-verse-text{font-size:min(26px,3.5vw)}}@media (max-width:768px){.calendar-date{font-size:min(70px,12vw)}.calendar-month{font-size:min(50px,8vw)}.calendar-year{font-size:min(25px,4vw)}.calendar-verse{padding:20px}.calendar-verse-reference{font-size:min(20px,3vw);margin-bottom:15px}.calendar-verse-text{font-size:min(24px,3.5vw)}.calendar-grid{max-width:300px}.calendar-day{font-size:14px;height:35px;width:35px}}@media (min-aspect-ratio:1/1){.calendar-date{font-size:min(90px,10vw)}.calendar-month{font-size:min(60px,7vw)}.calendar-year{font-size:min(30px,3.5vw)}.calendar-verse-reference{font-size:min(22px,2.5vw)}.calendar-verse-text{font-size:min(26px,3vw)}}@media (max-aspect-ratio:1/1){.calendar-date{font-size:min(100px,12vw)}.calendar-month{font-size:min(70px,8vw)}.calendar-year{font-size:min(35px,4vw)}.calendar-verse-reference{font-size:min(24px,3vw)}.calendar-verse-text{font-size:min(28px,3.5vw)}}