.account-page { min-height: 64vh; padding: 72px 0 96px; }
.account-shell { max-width: 680px; }
.account-shell .eyebrow { margin: 0 0 14px; color: var(--coral); font: 700 11px/1 "Trebuchet MS", sans-serif; text-transform: uppercase; }
.account-shell h1 { max-width: 620px; margin: 0; font-size: clamp(38px, 7vw, 64px); line-height: .98; letter-spacing: 0; }
.account-intro { max-width: 560px; margin: 24px 0 32px; color: var(--muted); font-size: 18px; line-height: 1.6; }
.google-signin { display: inline-flex; min-height: 48px; align-items: center; gap: 12px; padding: 0 18px; border: 1px solid var(--line); border-radius: 4px; background: var(--panel); box-shadow: 0 2px 0 rgba(24, 38, 34, .08); font: 700 14px/1 "Trebuchet MS", sans-serif; }
.google-signin:hover, .google-signin:focus-visible { border-color: var(--teal); color: var(--teal); }
.google-signin.is-disabled { cursor: not-allowed; opacity: .55; }
.google-mark { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: #fff; color: #4285f4; font: 700 16px/1 Arial, sans-serif; }
.account-alert { padding: 12px 14px; border-left: 3px solid var(--coral); background: color-mix(in srgb, var(--coral) 10%, var(--panel)); font: 14px/1.5 "Trebuchet MS", sans-serif; }
.account-config-note, .account-privacy, .account-status { max-width: 560px; color: var(--muted); font: 13px/1.6 "Trebuchet MS", sans-serif; }
.account-profile { display: flex; align-items: center; gap: 18px; margin: 26px 0 34px; }
.account-profile img { width: 64px; height: 64px; border-radius: 50%; }
.account-profile h1 { font-size: 36px; }
.account-profile p { margin: 6px 0 0; color: var(--muted); font: 14px/1.4 "Trebuchet MS", sans-serif; }
.account-details { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.account-details div { display: flex; justify-content: space-between; gap: 20px; padding: 20px 0; }
.account-details dt, .account-details dd { margin: 0; font: 700 14px/1.4 "Trebuchet MS", sans-serif; }
.account-details dt { color: var(--muted); }
.logout-button { margin-top: 24px; padding: 0; border: 0; background: transparent; color: var(--coral); font: 700 14px/1 "Trebuchet MS", sans-serif; cursor: pointer; }
@media (max-width: 800px) { .account-page { padding: 48px 0 72px; } .account-profile h1 { font-size: 30px; } }