.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:var(--overlay-bg);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);z-index:2000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:background .3s ease,opacity .3s ease,visibility .3s,backdrop-filter .3s ease}.settings-overlay.active{opacity:1;visibility:visible;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.settings-content{position:relative;background:var(--settings-bg);width:90%;max-width:500px;max-height:580px;border-radius:24px;padding:0;overflow:hidden;border:1px solid var(--border);box-shadow:var(--settings-shadow);transform:scale(.8) translateY(20px) rotateX(-10deg);opacity:0;display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;scrollbar-width:none;-ms-overflow-style:none}.settings-body::-webkit-scrollbar{display:none}.settings-overlay.active .settings-content{opacity:1;transform:scale(1) translateY(0) rotateX(0)}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--settings-bg);border-bottom:1px solid var(--border);flex-shrink:0;z-index:10}.settings-body{overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:2.5rem}.settings-close{display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:var(--text);opacity:.7;transition:transform .2s ease,color .2s ease,opacity .2s ease}.settings-close:hover{opacity:1;transform:scale(1.1)}.settings-section{opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.settings-overlay.active .settings-section:nth-child(1){transition-delay:.1s;opacity:1;transform:translateY(0)}.settings-overlay.active .settings-section:nth-child(2){transition-delay:.2s;opacity:1;transform:translateY(0)}.settings-overlay.active .settings-section:nth-child(3){transition-delay:.3s;opacity:1;transform:translateY(0)}.settings-overlay.active .settings-section:nth-child(4){transition-delay:.4s;opacity:1;transform:translateY(0)}.settings-section h3{font-size:1.1rem;margin-bottom:.75rem}.settings-desc{font-size:.9rem;color:var(--meta-text);margin-bottom:1.25rem;line-height:1.4}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.theme-option{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--card-bg);border-radius:20px;border:2px solid var(--border);transition:all .2s ease;position:relative;box-sizing:border-box}.theme-option:hover{background:var(--hover-bg);border-color:var(--meta-text)}.theme-option.active{background:var(--settings-bg);border:2px solid var(--text)}.theme-preview{width:100%;height:80px;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:12px;box-sizing:border-box}.theme-preview:before,.theme-preview:after{content:"";display:block;border-radius:4px}.theme-preview:before{width:60%;height:12px;background:#8080804d}.theme-preview:after{width:40%;height:8px;background:#80808026}.theme-preview.system{background:linear-gradient(135deg,#fff 50%,#1e1e1e 50%)}.theme-preview.light{background:#f0f0f2}.theme-preview.dark{background:#1e1e1e}.theme-preview.amoled{background:#000}.theme-label-container{display:flex;justify-content:space-between;align-items:center;width:100%}.theme-option span{font-size:.95rem;font-weight:600;color:var(--meta-text)}.theme-option.active span{color:var(--text)}.theme-tick{width:20px;height:20px;background-color:var(--text);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.theme-tick:before{content:"";width:5px;height:10px;border-right:2.5px solid var(--settings-bg);border-bottom:2.5px solid var(--settings-bg);transform:rotate(45deg);margin-bottom:2px}.theme-option.active .theme-tick{opacity:1;transform:scale(1)}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.setting-info{display:flex;flex-direction:column;gap:4px}.setting-title{font-weight:600;font-size:1rem}.setting-subtitle{font-size:.85rem;color:var(--meta-text);max-width:280px}.toggle-switch{position:relative;display:inline-block;width:52px;height:32px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--settings-toggle-off);border-radius:100px;box-shadow:inset 0 0 0 2px var(--settings-knob-off);transition:background-color .2s ease,box-shadow .2s ease}.slider:before{content:"";position:absolute;height:16px;width:16px;background-color:var(--settings-knob-off);border-radius:100px;top:50%;left:8px;transform:translateY(-50%);transition:left .3s cubic-bezier(.34,1.56,.64,1),width .2s cubic-bezier(.4,0,.2,1),height .2s cubic-bezier(.4,0,.2,1),background-color .2s linear}input:checked+.slider{background-color:var(--settings-toggle-on);box-shadow:none}input:checked+.slider:before{background-color:var(--settings-knob);height:24px;width:24px;left:24px;transform:translateY(-50%)}.toggle-switch:active .slider:before{height:20px;width:20px}.toggle-switch:active input:checked+.slider:before{height:26px;width:26px}body.no-blur .settings-overlay{background:var(--bg);-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.header-style-grid{display:flex;flex-direction:column;gap:10px}.header-style-grid .theme-option{flex-direction:row;align-items:center;gap:14px;padding:12px 16px;border-radius:16px}.header-style-grid .theme-label-container{flex:1}.header-preview{width:72px;height:40px;border-radius:8px;overflow:hidden;background:var(--hover-bg);flex-shrink:0;position:relative;border:1px solid var(--border)}.header-preview.classic:before{content:"";position:absolute;top:0;left:0;right:0;height:13px;background:#80808033;border-bottom:1.5px solid rgba(128,128,128,.25)}.header-preview.floating:before{content:"";position:absolute;top:5px;left:4px;right:4px;height:12px;background:#80808033;border-radius:50px}