.OptionsModal{position:absolute;right:-100%;width:100%;height:100vh;background-color:#f5f5f5;transition:right .3s ease-in-out;z-index:3}.OptionsModal.show{right:0}.settings-section{background:#fff;border-radius:12px;margin:8px 0;overflow:hidden}.settings-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.settings-item:last-child{border-bottom:none}.settings-item:hover{background-color:#f8f8f8}.settings-icon{width:24px;height:24px;margin-right:12px;color:#00b900;flex-shrink:0}.settings-label{flex:1;font-size:16px;color:#333}.settings-value{color:#999;font-size:14px}.section-title{padding:12px 16px;font-size:14px;color:#666;background:#f5f5f5}.slider-container{padding:16px;background:#fff;border-radius:12px;margin:8px 0}.slider-label{display:flex;justify-content:space-between;margin-bottom:8px;color:#333;font-size:14px}.slider-value{color:#00b900}.checkbox-container{display:flex;align-items:center;padding:16px;background:#fff;border-radius:12px;margin:8px 0}.checkbox-container input[type=checkbox]{width:20px;height:20px;margin-right:12px;accent-color:#00b900}.checkbox-label{font-size:16px;color:#333}:root{--transition-duration:0.5s}input[type=range]{width:100%;height:4px;background:#e0e0e0;border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#00b900;border-radius:50%;cursor:pointer}