.vitamin-d-sun-icon{filter:brightness(0) saturate(100%);opacity:.7;transition:opacity .2s}.vitamin-d-sun-icon:hover,body.dark-mode .vitamin-d-sun-icon:hover{opacity:1}body.dark-mode .vitamin-d-sun-icon{filter:none;opacity:.8}#vitaminDSunListModal,#vitaminDSunModal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:none;justify-content:center;align-items:center;z-index:3000;backdrop-filter:blur(5px)}#vitaminDSunListModal.active,#vitaminDSunModal.active{display:flex!important}#vitaminDSunListModal .modal-content,#vitaminDSunModal .modal-content{display:flex;flex-direction:column;overflow:hidden}#vitaminDSunListModal .modal-header,#vitaminDSunModal .modal-header{flex-shrink:0;position:relative}#vitaminDSunListModal .modal-body,#vitaminDSunModal .modal-body{flex:1;overflow-y:auto;padding:0 20px 20px}#vitaminDSunListModal .close-btn,#vitaminDSunModal .close-btn{position:absolute;top:-6px;right:0;z-index:1}#vitaminDSunListModal h2,#vitaminDSunModal h2{margin:0;padding-bottom:16px}.sun-exposure-entry{transition:.2s}.sun-exposure-entry:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}body.dark-mode #vitaminDSunModal div[style*="background: var(--color-surface)"],body.dark-mode .sun-exposure-entry{background:0 0!important}body.dark-mode .sun-exposure-entry:hover{background:#32373f!important;box-shadow:0 4px 12px rgba(0,0,0,.3)}@keyframes vitaminDModalSlideIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#vitaminDSunListModal small,#vitaminDSunModal small{font-size:.85em;line-height:1.4}body.dark-mode #vitaminDSunListModal .modal-content,body.dark-mode #vitaminDSunModal .modal-content{background:#1e2228;color:#e3e3e3}body.dark-mode #vitaminDSunListModal input,body.dark-mode #vitaminDSunListModal select,body.dark-mode #vitaminDSunModal input,body.dark-mode #vitaminDSunModal select{background:0 0;color:#e3e3e3;border:1px solid #3a3f47}body.dark-mode #vitaminDSunListModal input:focus,body.dark-mode #vitaminDSunListModal select:focus,body.dark-mode #vitaminDSunModal input:focus,body.dark-mode #vitaminDSunModal select:focus{border-color:#667eea;outline:0}body.dark-mode #vitaminDSunListModal h2,body.dark-mode #vitaminDSunModal h2{color:#e3e3e3}body.dark-mode #vitaminDSunListModal label,body.dark-mode #vitaminDSunModal label{color:#b8b8b8}#vitaminDSunListModal label,#vitaminDSunModal label{margin-top:0!important}body.dark-mode #vitaminDSunListModal small,body.dark-mode #vitaminDSunModal small{color:#8b949e}