:root{--primary-color:#3d5afe;--secondary-color:#30d158;--background-color:#ffffff;--background-secondary:#f7f7f7;--text-color:#333333;--text-secondary:#666666;--border-color:#f0f0f0;--shadow-color:rgba(0,0,0,0.12);--error-color:#ff3b30;--success-color:#34c759;--border-radius:10px;--transition-speed:0.2s}@media (prefers-color-scheme:dark){:root{--primary-color:#5e77ff;--secondary-color:#30d158;--background-color:#1f1f1f;--background-secondary:#2a2a2a;--text-color:#ffffff;--text-secondary:#aaaaaa;--border-color:#333333;--shadow-color:rgba(0,0,0,0.25)}}.settings-modal-backdrop{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(5px);backdrop-filter:blur(5px)}.settings-modal{background-color:var(--background-color);border-radius:var(--border-radius);box-shadow:0 8px 30px var(--shadow-color);width:80%;max-width:900px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.settings-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.settings-header h2{margin:0;font-size:1.5rem;font-weight:500;color:var(--text-color)}.close-button{background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--text-secondary)}.settings-content{display:flex;flex:1 1;overflow:hidden}.settings-sidebar{width:200px;background-color:var(--background-secondary);padding:20px 0;overflow-y:auto}.settings-tab{padding:12px 20px;display:flex;align-items:center;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-speed)}.settings-tab i{margin-right:10px;width:20px;text-align:center}.settings-tab:hover{background-color:rgba(0,0,0,.03);color:var(--text-color)}.settings-tab.active{background-color:rgba(61,90,254,.1);color:var(--primary-color);font-weight:500;border-right:3px solid var(--primary-color)}.settings-panel{flex:1 1;padding:20px;overflow-y:auto}.settings-section{margin-bottom:30px}.settings-section h3{font-size:1.2rem;font-weight:500;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color);color:var(--text-color)}.settings-option{display:flex;margin-bottom:15px;align-items:center}.settings-option label{flex:0 0 180px;font-weight:400;color:var(--text-secondary)}.settings-control{flex:1 1}.settings-control input[type=text],.settings-control select{width:100%;max-width:300px;padding:8px 12px;border-radius:4px;border:1px solid var(--border-color);font-size:14px;background-color:var(--background-color);color:var(--text-color)}.settings-control input[type=color]{width:40px;height:40px;padding:2px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--background-color)}.settings-control input[type=range]{width:200px;margin-right:10px;vertical-align:middle}.settings-footer{padding:15px 20px;border-top:1px solid var(--border-color);text-align:right}.settings-action{margin-top:20px}.about-content{text-align:center;padding:20px}.about-logo{height:60px;margin-bottom:20px}.about-links{margin-top:30px;display:flex;justify-content:center;gap:20px}.about-links a{color:var(--primary-color);text-decoration:none;display:inline-flex;align-items:center}.about-links a i{margin-right:5px}.ui.toggle.checkbox input:checked~.box:before,.ui.toggle.checkbox input:checked~label:before{background-color:var(--primary-color)!important}.ui.primary.button,.ui.primary.buttons .button{background-color:var(--primary-color)}.ui.primary.button:hover,.ui.primary.buttons .button:hover{background-color:var(--primary-color);opacity:.9}@media (max-width:768px){.settings-modal{width:95%;max-height:90vh}.settings-content{flex-direction:column}.settings-sidebar{width:100%;padding:10px;display:flex;overflow-x:auto;overflow-y:hidden}.settings-tab{padding:10px;margin-right:10px;flex-direction:column;text-align:center;border-bottom:3px solid transparent;border-right:none}.settings-tab.active{border-bottom:3px solid var(--primary-color);border-right:none}.settings-tab i{margin-right:0;margin-bottom:5px}.settings-option{flex-direction:column;align-items:flex-start}.settings-option label{margin-bottom:8px}.about-links{flex-direction:column;gap:15px}}