.auth-shell { max-width: 520px; margin: 0 auto; padding: 64px 0; }
.auth-shell label { display: block; margin-bottom: 6px; font-weight: 650; }
.auth-shell input { width: 100%; border: 1px solid var(--line-strong); border-radius: var(--radius-small); padding: 11px 12px; background: var(--paper-solid); color: var(--ink); font: 14px/1.4 var(--font-body); }
.auth-shell button { border: 0; border-radius: 999px; padding: 10px 18px; background: var(--ink); color: white; font: 650 13px/1 var(--font-body); }

.account-settings { max-width: 760px; }
.settings-panel { margin: 28px 0; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper-solid); }
.settings-panel h2 { margin-top: 0; }
.settings-panel label { display: block; margin-bottom: 6px; font-weight: 650; }
.settings-panel select,
.settings-panel input[type="number"] { width: min(100%, 360px); border: 1px solid var(--line-strong); border-radius: var(--radius-small); padding: 10px 12px; background: var(--paper-solid); color: var(--ink); }
.settings-panel button,
.account-settings > form button { border: 0; border-radius: 999px; padding: 10px 18px; background: var(--ink); color: white; font: 650 13px/1 var(--font-body); cursor: pointer; }
.watch-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.watch-chips span { padding: 7px 11px; border-radius: 999px; background: var(--surface-muted); font-size: 13px; }
.notification-item { padding: 14px 0; border-top: 1px solid var(--line); }
.notification-item h3 { margin: 0 0 4px; font-size: 15px; }
.notification-item p { margin: 0; }