#lunarInfoModal.modal{display:none!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background-color:transparent!important;z-index:1050!important}#lunarInfoModal.modal.show{display:flex!important;align-items:center!important;justify-content:center!important}#lunarInfoModal .modal-dialog{max-width:650px;margin:auto;position:relative;width:auto;pointer-events:none}#lunarInfoModal .modal-dialog-centered{display:flex;align-items:center;min-height:calc(100vh - 1rem);margin:auto}#lunarInfoModal .modal-content{pointer-events:auto;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:12px;outline:0;position:relative;width:100%;box-shadow:0 15px 35px rgba(0,0,0,.1)}#lunarInfoModal .modal-header{background:linear-gradient(135deg,#7fb069 0,#689954 100%);color:#fff;border-radius:12px 12px 0 0;border-bottom:none;padding:1.2rem 1.5rem;text-align:center}#lunarInfoModal .modal-title{font-weight:700;font-size:1.1rem;letter-spacing:1px;margin:0}#lunarInfoModal .modal-header .close{color:#fff;opacity:.8;text-shadow:none;font-size:1.5rem;position:absolute;right:15px;top:50%;transform:translateY(-50%)}#lunarInfoModal .modal-header .close:hover{opacity:1;color:#fff}#lunarInfoModal .modal-body{padding:0;background-color:#f8f9fa}.lunar-calendar-display{background:#fff}.date-section{display:flex;background:#f0f0f0;border-bottom:1px solid #e0e0e0}.solar-date-section{flex:1;text-align:center;padding:1.5rem 1rem;border-right:1px solid #e0e0e0}.lunar-date-section{flex:1;text-align:center;padding:1.5rem 1rem}.date-label{font-size:.9rem;color:#666;margin-bottom:.5rem;font-weight:500}.date-number{font-size:4rem;font-weight:700;line-height:1;margin-bottom:.5rem}.lunar-date-section .date-number,.solar-date-section .date-number{color:#689954}.date-month-year{font-size:.85rem;color:#555;font-weight:500}.lunar-details{font-size:.8rem;color:#666;line-height:1.3}.lunar-details div{margin-bottom:.25rem}.lunar-details div:last-child{margin-bottom:0}.lunar-info-details{padding:1.5rem;background:#fff}.info-row{display:flex;margin-bottom:1rem;align-items:flex-start}.info-row:last-child{margin-bottom:0}.info-label{font-weight:600;color:#333;min-width:110px;flex-shrink:0;font-size:.9rem}.info-value{color:#555;flex:1;font-size:.9rem;line-height:1.4}#lunarInfoModal .modal-footer{border-top:1px solid #e9ecef;padding:1rem 1.5rem;background-color:#fff;border-radius:0 0 12px 12px;text-align:center}#lunarInfoModal .btn-modal-close{background:linear-gradient(135deg,#7fb069 0,#689954 100%);border:none;border-radius:25px;padding:.6rem 1.8rem;font-weight:500;color:#fff;transition:.3s;font-size:.9rem}#lunarInfoModal .btn-modal-close:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(127,176,105,.4);color:#fff}.modal-backdrop{z-index:1040!important}@media (max-width:768px){#lunarInfoModal .modal-dialog{max-width:calc(100vw - 2rem);margin:1rem}#lunarInfoModal .modal-dialog-centered{min-height:calc(100vh - 2rem);align-items:center}.date-section{flex-direction:column}.solar-date-section{border-right:none;border-bottom:1px solid #e0e0e0;padding:1rem}.lunar-date-section{padding:1rem}.date-number{font-size:3rem}.lunar-info-details{padding:1rem}.info-row{flex-direction:column;margin-bottom:.8rem}.info-label{min-width:auto;margin-bottom:.25rem}}@media (max-width:576px){#lunarInfoModal .modal-dialog{max-width:calc(100vw - 1rem);margin:.5rem}#lunarInfoModal .modal-dialog-centered{min-height:calc(100vh - 1rem)}.date-number{font-size:2.5rem}#lunarInfoModal .modal-header{padding:1rem}#lunarInfoModal .modal-title{font-size:1rem}}