:root { --ink: #17211f; --muted: #68736f; --line: #dfe4df; --paper: #fbfaf6; --green: #155c50; --green-dark: #123f38; }
body {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  background-color: #e9ede7 !important;
  background-image: radial-gradient(circle at 18% 12%, rgba(255,255,255,.9), transparent 31rem), radial-gradient(circle at 84% 86%, rgba(21,92,80,.14), transparent 34rem) !important;
  color: var(--ink);
}
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .25; background-image: radial-gradient(circle at 1px 1px, rgba(18,63,56,.18) 1px, transparent 0); background-size: 28px 28px; }
body > div { position: relative; max-width: 25rem !important; border-radius: 1rem !important; border: 1px solid rgba(255,255,255,.8); background: rgba(251,250,246,.97) !important; box-shadow: 0 16px 46px rgba(18,63,56,.11) !important; }
h1 { color: var(--green-dark) !important; letter-spacing: -.035em; }
h1::after { content: ""; display: block; width: 2.25rem; height: 3px; border-radius: 3px; background: var(--green); margin: .6rem auto 0; }
p { text-wrap: pretty; }
a[href="/auth/google"] { border-color: var(--line) !important; border-radius: .65rem !important; box-shadow: none !important; }
a[href="/auth/google"]:hover { border-color: #b9c9c2 !important; background: #f2f5f1 !important; }
.session-help { background: transparent !important; border: 0 !important; color: var(--muted) !important; min-height: 2.25rem !important; padding: .35rem !important; }
.session-help:hover { color: var(--green) !important; text-decoration: underline; }
:where(a, button):focus-visible { outline: 3px solid rgba(21,92,80,.24); outline-offset: 2px; }
@media (max-width: 480px) { body > div { box-shadow: 0 14px 40px rgba(18,63,56,.12) !important; } }