.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.modal-container{background-color:#fff;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.2);display:flex;flex-direction:column;max-height:90vh;width:100%;animation:slideIn .3s ease-out;overflow:hidden}.modal-small{max-width:400px}.modal-medium{max-width:600px}.modal-large{max-width:800px}.modal-full{max-width:1200px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;background-color:#f8f9fa}.modal-title{margin:0;font-size:1.25rem;color:#333;font-weight:600}.modal-close{background:none;border:none;font-size:1.25rem;color:#666;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background-color:rgba(0,0,0,.05);color:#333}.modal-content{padding:20px;overflow-y:auto;flex:1 1}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){.modal-container{width:100%;margin:0 10px;max-height:85vh}.modal-large,.modal-medium,.modal-small{max-width:100%}}.temperatureSlider{display:flex;align-items:center;margin-top:5px}.temperatureSlider input[type=range]{flex:1 1;margin-right:10px}.temperatureValue{font-weight:700;min-width:50px;text-align:right}.formField{margin-bottom:15px}.formField label{display:block;margin-bottom:5px;font-weight:500}.helpText{display:block;font-size:12px;color:#666;margin-top:5px}