:root { color-scheme: light; }
.settings-page { max-width: 680px; margin: 0 auto; padding: 32px 20px 80px; color: #111; }
.settings-header { display: flex; align-items: center; gap: 16px; margin-bottom: 28px; }
.settings-back { display: grid; width: 44px; height: 44px; flex: 0 0 44px; place-items: center; border-radius: 50%; background: var(--blue); }
.settings-back img { width: 24px; height: 24px; object-fit: contain; transform: rotate(180deg); }
.settings-header h1 { margin: 0; font-size: 25px; }
.settings-list { display: grid; border-top: 1px solid var(--line); }
.settings-list a { display: flex; min-height: 58px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); color: #111; font-weight: 800; text-decoration: none; }
.settings-list a::after { content: "›"; color: #98a2b3; font-size: 24px; font-weight: 400; }
.privacy-list { display: grid; margin: 0; }
.privacy-row { display: grid; grid-template-columns: minmax(0, 1fr); border-bottom: 1px solid var(--line); padding: 18px 0; }
.privacy-row dd { margin: 0; overflow-wrap: anywhere; font-weight: 800; }
.privacy-nickname-display { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.privacy-address-display { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.privacy-nickname-edit { display: grid; width: 32px; height: 32px; flex: 0 0 32px; place-items: center; border: 0; border-radius: 0; padding: 0; background: transparent; cursor: pointer; }
.privacy-nickname-edit span { width: 20px; height: 20px; background: #98a2b3; -webkit-mask: url("../assets/account/edit.png") center / contain no-repeat; mask: url("../assets/account/edit.png") center / contain no-repeat; }
.privacy-nickname-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.privacy-nickname-form input { min-width: 0; min-height: 42px; border: 1px solid #aaa; border-radius: 10px; padding: 0 12px; font: inherit; }
.privacy-nickname-form button { min-height: 42px; border: 0; border-radius: 10px; padding: 0 14px; background: var(--blue); color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.privacy-edit { display: grid; width: 32px; height: 32px; flex: 0 0 32px; place-items: center; text-decoration: none; }
.privacy-edit span { width: 20px; height: 20px; background: #98a2b3; -webkit-mask: url("../assets/account/edit.png") center / contain no-repeat; mask: url("../assets/account/edit.png") center / contain no-repeat; }
.privacy-status { color: #667085; text-align: center; }
.privacy-google { margin-top: 26px; border-top: 1px solid var(--line); padding-top: 20px; }
.privacy-google h2 { margin: 0 0 8px; font-size: 18px; }
.privacy-google p { margin: 0 0 14px; color: #667085; font-size: 13px; font-weight: 700; }
.privacy-notifications { margin-top: 26px; border-top: 1px solid var(--line); padding-top: 20px; }
.privacy-notifications h2 { margin: 0 0 8px; font-size: 18px; }
.privacy-notifications p { margin: 0 0 14px; color: #667085; font-size: 13px; font-weight: 700; line-height: 1.55; }
.privacy-notifications button { display: grid; width: 44px; height: 44px; place-items: center; border: 0; border-radius: 0; padding: 0; background: transparent; cursor: pointer; }
.privacy-notifications button::before { content: ""; width: 28px; height: 28px; background: #98a2b3; -webkit-mask: url("../assets/account/bell-off.png") center / contain no-repeat; mask: url("../assets/account/bell-off.png") center / contain no-repeat; }
.privacy-notifications button[data-enabled="true"]::before { background: var(--blue); -webkit-mask-image: url("../assets/account/bell-on.png"); mask-image: url("../assets/account/bell-on.png"); }
.privacy-notifications button:disabled { cursor: wait; opacity: .6; }
.privacy-logout { display: block; margin: 24px auto 0; }