.settings-page{animation:fadeIn .4s ease-out}.settings-section{display:flex;flex-direction:column;gap:1.5rem;max-width:600px}@media (min-width:1024px){.settings-section{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;max-width:none}}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.08em}.button-group{display:flex;flex-wrap:wrap;gap:1rem}.save-message{margin-top:1rem;padding:.75rem 1rem;background:var(--color-background);border:2px solid var(--color-accent);border-radius:.625rem;color:var(--color-accent);font-size:.875rem;font-weight:500}.danger-zone{border-color:var(--color-negative);opacity:.9}.danger-warning{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:1rem;padding:.75rem 1rem;background:var(--color-background);border-radius:.625rem;border-left:3px solid var(--color-negative)}.about-content{display:flex;flex-direction:column;gap:1.5rem}.about-text{color:var(--color-text-secondary);line-height:1.6}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.about-stat-item{padding:1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:.625rem;text-align:center}.about-stat-label{font-size:.6875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-weight:500}.about-stat-value{font-size:1.125rem;font-weight:600;color:var(--color-text)}.form-hint{font-size:.75rem;color:var(--color-text-secondary);margin-top:.25rem;opacity:.9}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--color-text);font-size:.875rem}.radio-label input[type=radio]{width:1rem;height:1rem;cursor:pointer}.emoji-list{flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;background:var(--color-background);border:1px solid var(--color-border);border-radius:.625rem}.emoji-item,.emoji-list{display:flex;padding:.5rem}.emoji-item{align-items:center;gap:.75rem;background:var(--color-card-background);border:1px solid var(--color-border);border-radius:.5rem}.emoji-controls{display:flex;flex-direction:column;gap:.25rem}.emoji-move-btn{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-secondary);width:24px;height:20px;border-radius:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .2s ease}.emoji-move-btn:hover:not(:disabled){background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.emoji-move-btn:disabled{opacity:.3;cursor:not-allowed}.emoji-display{font-size:1.5rem;flex:1 1}.emoji-remove-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-negative);padding:.25rem;border-radius:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.emoji-remove-btn:hover{background:var(--color-negative);border-color:var(--color-negative);color:#fff}.toggle-container{display:flex;align-items:center;gap:.75rem}.toggle-label{font-size:.875rem;color:var(--color-text-secondary);transition:color .2s ease}.toggle-label.active{color:var(--color-text);font-weight:500}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{top:0;left:0;right:0;bottom:0;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:24px}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .3s ease}.toggle-slider:before{content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--color-text-secondary);border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-accent);border-color:var(--color-accent)}.toggle-switch input:checked+.toggle-slider:before{background-color:#fff;transform:translateX(24px)}.toggle-switch:hover .toggle-slider{opacity:.9}.toggle-switch input:checked:hover+.toggle-slider{background-color:var(--color-accent-hover)}.color-picker-container{display:flex;align-items:center;gap:1rem}.color-picker{width:60px;height:40px;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-background);cursor:pointer;transition:all .2s ease}.color-picker:hover{border-color:var(--color-accent)}.color-value{font-family:Courier New,monospace;font-size:.875rem;color:var(--color-text);background:var(--color-background);border:1px solid var(--color-border);padding:.5rem .75rem;border-radius:.5rem}.theme-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;gap:1rem}.theme-option{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;border-radius:.75rem;border:2px solid;cursor:pointer;transition:all .2s ease;background:transparent}.theme-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.theme-option.selected{box-shadow:0 4px 16px rgba(0,0,0,.3)}.theme-preview{display:flex;gap:.5rem;align-items:center}.theme-color{width:24px;height:24px;border-radius:.375rem;border:1px solid hsla(0,0%,100%,.1)}.theme-name{font-size:.875rem;font-weight:500}.sync-status-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1rem}.sync-status-item{padding:1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:.625rem;display:flex;flex-direction:column;gap:.5rem}.sync-status-label{font-size:.6875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.sync-status-value{font-size:.875rem;font-weight:600;color:var(--color-text)}.coming-soon-badge{display:inline-block;padding:.375rem .75rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border-radius:1rem;margin-bottom:1rem;box-shadow:0 2px 8px rgba(0,0,0,.15)}@media (max-width:640px){.button-group{flex-direction:column}.button-group .btn{width:100%}.theme-selector{grid-template-columns:1fr}.toggle-container{flex-direction:column;align-items:flex-start}.sync-status-container{grid-template-columns:1fr}}