.settings-container{background-color:var(--secondary-bg);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:30px}.settings-container h1{color:var(--text-color);border-bottom:2px solid var(--accent-color);margin-bottom:30px;padding-bottom:10px;font-size:1.8rem}.settings-section{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;margin-bottom:30px;padding:20px}.settings-section h3{color:var(--brand-blue);margin-bottom:15px;font-size:1.2rem;font-weight:600}.account-deletion-section{border:2px solid var(--error-color);background-color:#ff6b6b0d}.deletion-warning{flex-direction:column;gap:15px;display:flex}.warning-text{color:var(--text-color);margin:0;line-height:1.5}.warning-text strong{color:var(--error-color)}.delete-button{background-color:var(--error-color);color:var(--text-on-accent);cursor:pointer;border:none;border-radius:4px;align-self:flex-start;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}.delete-button:hover{background-color:var(--error-hover-color);transform:translateY(-1px);box-shadow:0 4px 8px #cc00004d}.delete-button:focus{outline:2px solid var(--focus-ring-color);outline-offset:2px}.modal{z-index:2000;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal[aria-hidden=false]{justify-content:center;align-items:center;display:flex}body.modal-open{overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.modal-content{background-color:var(--secondary-bg);border-radius:var(--radius-modal);width:90%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-modal);border:1px solid var(--border-color);padding:0;position:relative;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-color);border-radius:var(--radius-modal) var(--radius-modal) 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:var(--text-color);margin:0;font-size:1.3rem}.modal-close{cursor:pointer;color:var(--text-color);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:24px;transition:background-color .2s;display:flex}.modal-close:hover{background-color:var(--hover-color)}.modal-step{padding:24px;display:none}.modal-step.active{display:block}.modal-step p{color:var(--text-color);margin-bottom:20px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.primary-button{background-color:var(--accent-color);color:var(--text-on-accent);cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .2s}.primary-button:hover{background-color:var(--accent-hover-color);transform:translateY(-1px)}.primary-button:focus{outline:2px solid var(--focus-ring-color);outline-offset:2px}.cancel-button{background-color:var(--secondary-bg);color:var(--text-color);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:10px 20px;font-size:.95rem;transition:all .2s}.cancel-button:hover{background-color:var(--hover-color)}.auth-form{max-width:100%}.form-group{margin-bottom:20px}.form-group label{color:var(--text-color);margin-bottom:6px;font-weight:500;display:block}.form-group input{border:1px solid var(--border-color);background-color:var(--input-bg);width:100%;color:var(--text-color);box-sizing:border-box;border-radius:4px;padding:10px;font-size:1rem}.form-group input:focus{border-color:var(--accent-color);outline:none}.form-group small{color:#ffffffb3;margin-top:4px;font-size:.85rem;display:block}.comment-options{border:none;margin:0;padding:0}.radio-group{flex-direction:column;gap:16px;display:flex}.radio-option{cursor:pointer;border:1px solid var(--border-color);background-color:var(--bg-color);border-radius:6px;flex-direction:column;gap:4px;padding:12px;transition:all .2s;display:flex}.radio-option:hover{border-color:var(--accent-color);background-color:#2a288c0d}.radio-option input[type=radio]{width:16px;height:16px;accent-color:var(--accent-color);cursor:pointer;margin:0}.radio-label{color:var(--text-color);margin-bottom:2px;font-weight:500}.radio-option small{color:#ffffffb3;font-size:.85rem;line-height:1.3}.final-confirmation{border:1px solid var(--error-color);background-color:#ff6b6b1a;border-radius:6px;margin-bottom:20px;padding:16px}.confirmation-text{color:var(--text-color);margin:0 0 12px;line-height:1.5}.confirmation-text strong{color:var(--error-color)}.option-summary{color:#fffc;background-color:var(--bg-color);border-left:3px solid var(--accent-color);border-radius:4px;padding:8px 12px;font-size:.9rem}.processing-indicator{text-align:center;padding:20px}.processing-indicator p{color:var(--text-color);margin-bottom:16px}.spinner{border:3px solid var(--border-color);border-top:3px solid var(--accent-color);border-radius:50%;width:40px;height:40px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=600px){.settings-container{padding:20px}.modal-content{width:95%;margin:10px}.modal-header{padding:16px 20px}.modal-step{padding:20px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.deletion-warning,.radio-group{gap:12px}.radio-option{padding:10px}}@media (width<=480px){.settings-container,.settings-section{padding:15px}.modal-step{padding:16px}.modal-header h2{font-size:1.1rem}}@media (prefers-reduced-motion:reduce){.delete-button,.primary-button,.cancel-button,.modal-close,.radio-option{transition:none}.spinner{animation:none}}.modal-close:focus,.primary-button:focus,.cancel-button:focus,.delete-button:focus{outline:2px solid var(--focus-ring-color);outline-offset:2px}@media (prefers-contrast:high){.modal-overlay{background-color:#000000e6}.modal-content{border:2px solid var(--text-color)}.radio-option{border:2px solid var(--border-color)}.radio-option:hover{border-color:var(--accent-color)}}