/* gbid — собрано из темы на старте; геометрия провайдера, краски темы */
:root {
  --surface: #FFFFFF;
  --text: #1E1B16;
  --text-muted: #55504A;
  --link: #1E1B16;
  --accent: #8E0F52;
  --accent-text: #FFFFFF;
  --separator: #A8A396;
  --danger: #A3122E;
  --focus: #1E1B16;
  --chrome: #CFCBC1;
  --chrome-text: #1E1B16;
  --font-ui: "Ark Pixel", system-ui, sans-serif;
  --font-display: "Ark Pixel", system-ui, sans-serif;
  --radius: 0px;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
:root {
  --surface: #101015;
  --text: #E8E8F0;
  --text-muted: #A9A9B6;
  --link: #E8E8F0;
  --accent: #FF2E7E;
  --accent-text: #101015;
  --separator: #3A3A44;
  --danger: #FF4438;
  --focus: #3DF2E0;
  --chrome: #26262E;
  --chrome-text: #E8E8F0;
}
}
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 12px; }
body { margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: var(--chrome); color: var(--text); font: 1.25rem/1.5 var(--font-ui); padding: 16px; }
main { width: 100%; max-width: 30rem; background: var(--surface); border: 1px solid var(--separator);
  border-radius: var(--radius); padding: 24px; }
.brand { display: flex; align-items: center; gap: 8px; margin: 0 0 24px; color: var(--text-muted); }
.brand img { width: 24px; height: 24px; }
h1 { font: 24px/1.2 var(--font-display); margin: 0 0 16px; }
.big { font-size: 1.6rem; font-weight: 600; margin: 0 0 8px; overflow-wrap: anywhere; }
.host { font-family: var(--font-display); font-size: 1.4rem; margin: 0 0 16px; overflow-wrap: anywhere; }
p, ul { margin: 0 0 16px; }
.muted { color: var(--text-muted); }
.error { color: var(--danger); }
form { margin: 0 0 16px; }
label { display: block; margin: 0 0 4px; }
input[type=email] { width: 100%; padding: 8px; font: inherit; color: var(--text); background: var(--surface);
  border: 1px solid var(--separator); border-radius: var(--radius); margin: 0 0 8px; }
button { font: inherit; padding: 8px 16px; border-radius: var(--radius); cursor: pointer;
  border: 1px solid var(--separator); background: var(--chrome); color: var(--chrome-text); }
button.primary { background: var(--accent); color: var(--accent-text); border-color: var(--accent); }
.row { display: flex; gap: 8px; flex-wrap: wrap; }
a { color: var(--link); }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
table { width: 100%; border-collapse: collapse; margin: 0 0 16px; }
th, td { text-align: left; padding: 4px 8px 4px 0; border-bottom: 1px solid var(--separator);
  vertical-align: top; }
footer { margin-top: 24px; font-size: 1rem; }