.modal-overlay{z-index:1000;opacity:0;visibility:hidden;background-color:#00000080;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal{background-color:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:700px;max-height:700px;padding:10px 20px 30px;transition:transform .4s;display:flex;overflow:hidden;transform:translateY(30px);box-shadow:0 20px 50px #0003}.modal-overlay.active .modal{transform:translateY(0)}.modal-header{color:#000;background:#fff;border-bottom:1px solid #d3d3d3;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 8px;font-size:18px;display:flex}.close-btn{color:#4f4f4f;cursor:pointer;background:#f9f9f9;border:1px solid #e7e7e7;border-radius:6px;padding:6px 12px;font-size:16px;transition:background-color .2s}.close-window{cursor:pointer;width:30px;height:30px}.close-btn:hover{background-color:#dadada33}.modal-content{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f5f5f5;flex-grow:1;margin-top:10px;padding-right:8px;overflow-y:auto}.modal-content::-webkit-scrollbar{width:10px;height:10px}.modal-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:5px;margin:4px 0}.modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border:2px solid #f5f5f5;border-radius:5px;transition:background-color .3s}.modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-content::-webkit-scrollbar-thumb:active{background:#888}.modal-content::-webkit-scrollbar-button{display:none}.modal-content::-webkit-scrollbar-corner{background:#f5f5f5}.modal-content::-webkit-scrollbar:horizontal{height:10px}.modal-content::-webkit-scrollbar-track:horizontal{background:#f5f5f5;border-radius:5px;margin:0 4px}.modal-content::-webkit-scrollbar-thumb:horizontal{background:#c1c1c1;border:2px solid #f5f5f5;border-radius:5px}.modal-content::-webkit-scrollbar-thumb:horizontal:hover{background:#a8a8a8}.modal-content::-webkit-scrollbar-thumb:horizontal:active{background:#888}.modal-content{scrollbar-shadow-color:#0000001a;scroll-behavior:smooth}@media (width<=768px){.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar:horizontal{height:8px}.modal-content{scrollbar-width:thin}}.modal-content.advanced-scrollbar::-webkit-scrollbar-track{background:linear-gradient(90deg,#f5f5f5 0%,#e8e8e8 50%,#f5f5f5 100%)}.modal-content.advanced-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(#a8a8a8 0%,#c1c1c1 50%,#a8a8a8 100%);border:2px solid #f5f5f5}.modal-content.advanced-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(#888 0%,#a8a8a8 50%,#888 100%)}.setting-input{text-align:center;border:1px solid #d2d2d2;border-radius:4px;outline:none;width:80px;height:30px;margin-left:20px;margin-right:auto;font-weight:700;transition:box-shadow .3s,border-color .3s;box-shadow:0 0 6px #d6d6d6cc}.setting-input:hover{border-color:#b8b8b8;box-shadow:0 0 8px #b3b3b3e6}.setting-input:focus{border-color:#939393;box-shadow:0 0 8px #5f5f5f66}