.settings-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.settings-modal{background:#111;border:1px solid #222;border-radius:18px;width:100%;max-width:450px;padding:1.5rem;animation:.2s settingsModalFade;box-shadow:0 20px 60px #00000073}.settings-modal__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.settings-modal__header h2{color:#fff;margin:0;font-size:1.4rem;font-weight:700}.settings-modal__close{color:#999;cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:color .2s}.settings-modal__close:hover{color:#fff}.settings-modal__form{flex-direction:column;gap:1.25rem;display:flex}.settings-modal__group{flex-direction:column;gap:.5rem;display:flex}.settings-modal__group label{color:#ddd;font-size:.95rem;font-weight:500}.settings-modal__group input{color:#fff;background:#1a1a1a;border:1px solid #2b2b2b;border-radius:12px;width:100%;padding:.9rem 1rem;font-size:.95rem;transition:border-color .2s,background .2s}.settings-modal__group input:focus{background:#202020;border-color:#c00;outline:none}.settings-modal__group input::placeholder{color:#777}.email-password-input-wrapper{position:relative}.email-password-input-wrapper input{padding-right:48px}.email-password-toggle-button{color:#888;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.email-password-toggle-button:hover{color:#fff}.settings-modal__error{color:#ff4d4d;margin:0;font-size:.9rem}.settings-modal__actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.email-settings-button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:140px;height:48px;padding:12px 16px;font-weight:700;transition:background .2s,border-color .2s,color .2s,transform .15s;display:inline-flex}.email-settings-button:hover{transform:translateY(-1px)}.email-settings-button--primary{color:#fff;background:#c00;border-color:#c00}.email-settings-button--primary:hover{background:#e00000;border-color:#e00000}.email-settings-button--secondary{color:#fff;background:0 0;border-color:#ffffff29}.email-settings-button:hover{background:#ffffff14}.email-settings-button:disabled,.email-settings-button:disabled:hover{color:#888;cursor:not-allowed;background:#3a3a3a;border-color:#444;transform:none}@keyframes settingsModalFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.settings-modal{border-radius:16px;padding:1.25rem}.settings-modal__header h2{font-size:1.2rem}.settings-modal__actions{flex-direction:column-reverse}.settings-modal__actions .settings-button{width:100%}}
.settings-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.settings-modal{background:#111;border:1px solid #222;border-radius:18px;width:100%;max-width:450px;padding:1.5rem;animation:.2s settingsModalFade;box-shadow:0 20px 60px #00000073}.settings-modal__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.settings-modal__header h2{color:#fff;margin:0;font-size:1.4rem;font-weight:700}.settings-modal__close{color:#999;cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1;transition:color .2s}.settings-modal__close:hover{color:#fff}.settings-modal__form{flex-direction:column;gap:1.25rem;display:flex}.settings-modal__group{flex-direction:column;gap:.5rem;display:flex}.settings-modal__group label{color:#ddd;font-size:.95rem;font-weight:500}.settings-modal__group input{color:#fff;background:#1a1a1a;border:1px solid #2b2b2b;border-radius:12px;width:100%;padding:.9rem 1rem;font-size:.95rem;transition:border-color .2s,background .2s}.settings-modal__group input:focus{background:#202020;border-color:#c00;outline:none}.settings-modal__group input::placeholder{color:#777}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:48px}.password-toggle-button{color:#888;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-toggle-button:hover{color:#fff}.settings-modal__error{color:#ff4d4d;margin:0;font-size:.9rem}.settings-modal__actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.password-settings-button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:140px;height:48px;padding:12px 16px;font-weight:700;transition:background .2s,border-color .2s,color .2s,transform .15s;display:inline-flex}.password-settings-button:hover{transform:translateY(-1px)}.password-settings-button--primary{color:#fff;background:#c00;border-color:#c00}.password-settings-button--primary:hover{background:#e00000;border-color:#e00000}.password-settings-button--secondary{color:#fff;background:0 0;border-color:#ffffff29}.password-settings-button:hover{background:#ffffff14}.password-settings-button:disabled,.password-settings-button:disabled:hover{color:#888;cursor:not-allowed;background:#3a3a3a;border-color:#444;transform:none}@keyframes settingsModalFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.settings-modal{border-radius:16px;padding:1.25rem}.settings-modal__header h2{font-size:1.2rem}.settings-modal__actions{flex-direction:column-reverse}.settings-modal__actions .settings-button{width:100%}}
.settings-actions{flex-direction:column;gap:.85rem;margin-top:1rem;display:flex}@media (max-width:640px){.settings-actions{gap:.75rem}.settings-button{padding:.9rem 1rem}}
.account-settings-page{width:min(720px,100% - 24px);margin:0 auto;padding:48px 0}.account-settings-header{margin-bottom:32px}.account-settings-header h1{color:#fff;margin:0;font-size:clamp(2.2rem,4vw,3.2rem)}.account-settings-header p{color:#b8b8b8;margin-top:8px}.account-settings-card{background:#111;border:1px solid #ffffff14;border-radius:18px;margin-bottom:16px;padding:24px}.account-settings-card h2{color:#fff;margin:0 0 18px;font-size:1.25rem}.account-settings-skeleton{background:#111;border-radius:18px}.account-settings-skeleton:nth-of-type(2){min-height:160px}.account-settings-skeleton:nth-of-type(3){min-height:240px}.account-settings-skeleton:nth-of-type(4){min-height:140px}.settings-row{border-bottom:1px solid #ffffff12;justify-content:space-between;gap:24px;padding:14px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row span{color:#aaa}.settings-row strong{color:#fff;text-align:right}.settings-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:999px;width:100%;margin-top:12px;padding:12px 16px;font-weight:700;transition:all .2s;display:block}.settings-button:hover{background:#ffffff14}.settings-button--dark{color:#000;background:#fff}.settings-button--dark:hover{background:#e5e5e5}.settings-button--danger{color:#ff4d4d;border-color:#f006}.settings-button--danger:hover{background:#ff000014}.settings-muted{color:#888;margin:16px 0 0;font-size:.95rem}.account-settings-danger{border-color:#ff000040}.account-settings-danger p{color:#aaa;margin-top:-6px}@media (max-width:600px){.account-settings-page{width:min(720px,100% - 24px);padding:32px 0}.account-settings-card{border-radius:16px;padding:20px}.settings-row{flex-direction:column;gap:4px}.settings-row strong{text-align:left}}