/* Только переменные tokens.css платформы (стандарт §1.5); запасные значения — если токены не загрузились. */
body { margin: 0; background: var(--pl-page-bg, #fff); color: var(--pl-ink, #111);
  font: var(--pl-type-body, 400 14px/20px "Golos Text", "Golos Text Fallback", system-ui, sans-serif); }
.skip { position: absolute; left: -9999px; }
.skip:focus { left: var(--pl-space-4, 16px); top: var(--pl-space-4, 16px); }
.hello { max-width: 720px; padding: var(--pl-space-8, 32px) var(--pl-space-6, 24px); }
.hello h2 { margin: var(--pl-space-8, 32px) 0 var(--pl-space-3, 12px); font-size: 15px; font-weight: 600; }
.hello__lead, .hello__who { margin: var(--pl-space-2, 8px) 0 var(--pl-space-6, 24px); color: var(--pl-ink-2, #555); }
.hello__form label { display: block; margin-bottom: var(--pl-space-2, 8px); font-weight: 500; }
.hello__row { display: flex; flex-wrap: wrap; gap: var(--pl-space-2, 8px); }
.hello__row input { flex: 1 1 220px; min-height: 40px; padding: 0 var(--pl-space-3, 12px);
  border: 1px solid var(--pl-line-strong, #ccc); border-radius: var(--pl-radius-md, 8px);
  background: var(--pl-surface, #fff); color: inherit; font: inherit; }
.hello__button { display: inline-flex; align-items: center; min-height: 40px; padding: 0 var(--pl-space-4, 16px);
  border: 0; border-radius: var(--pl-radius-md, 8px); background: var(--pl-accent, #0f8a6c);
  color: var(--pl-accent-ink, #fff); font: inherit; font-weight: 500; text-decoration: none; cursor: pointer; }
.hello__button:hover { background: var(--pl-accent-hover, #0c7058); }
.hello__button:disabled { opacity: .6; cursor: progress; }
.hello__button:focus-visible, .hello__row input:focus-visible { outline: 2px solid var(--pl-accent-ring, #0f8a6c); outline-offset: 2px; }
.hello__status { min-height: 20px; margin: var(--pl-space-2, 8px) 0 0; }
.hello__status[data-kind="error"] { color: var(--pl-danger, #c62828); }
.hello__status[data-kind="ok"] { color: var(--pl-ok, #1b7f3b); }
.hello__list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--pl-line, #eee); }
.hello__list li { padding: var(--pl-space-3, 12px) 0; border-bottom: 1px solid var(--pl-line, #eee); }
.hello__list--events li { display: flex; justify-content: space-between; gap: var(--pl-space-4, 16px); color: var(--pl-ink-2, #555); }
.hello__empty { color: var(--pl-ink-3, #888); }