/* TERRA Lab · the visitor's turn (pulse.js). Night scope, like every Lab page (TERRA Watch's dark skin, docs/BRAND.md): square corners, gold for the chosen answer, no shadow. */
.pulse {
  --p-forest-deep: #0e100f; --p-forest: #151817; --p-sand: #f2f2ef; --p-sand-2: rgba(242,242,239,.8);
  --p-sand-3: rgba(242,242,239,.62); --p-line: rgba(242,242,239,.18); --p-gold: #c9a25a;
  border-top: 1px solid var(--p-line);
  background: var(--p-forest-deep);
  color: var(--p-sand);
  font-family: Schibsted Grotesk, -apple-system, "Helvetica Neue", Arial, sans-serif;
}
.pulse-in { max-width: 1280px; margin: 0 auto; padding: 28px 20px 32px; display: flex; flex-direction: column; gap: 14px; }
.pulse-eyebrow { margin: 0; font: 500 12px "DM Mono", ui-monospace, Menlo, monospace; letter-spacing: .12em; text-transform: uppercase; color: var(--p-gold); }
.pulse-q { margin: 0; font: 300 26px/1.2 "Newsreader", Georgia, serif; letter-spacing: -.018em; }
.pulse-answers { display: flex; flex-wrap: wrap; gap: 6px; }
.pulse-btn {
  min-height: 44px; padding: 0 16px; font: 500 14px Schibsted Grotesk, -apple-system, Arial, sans-serif; cursor: pointer;
  color: var(--p-sand); background: transparent; border: 1px solid rgba(242,242,239,.35);
  transition: border-color .18s cubic-bezier(.22,1,.36,1), background-color .18s cubic-bezier(.22,1,.36,1), color .18s cubic-bezier(.22,1,.36,1);
}
.pulse-btn:hover, .pulse-btn:active { border-color: var(--p-sand); }
.pulse-btn[aria-pressed="true"] { border-color: var(--p-gold); background: var(--p-forest); color: var(--p-sand); box-shadow: inset 0 -2px 0 var(--p-gold); }
.pulse-btn.solid { background: var(--p-sand); color: var(--p-forest-deep); border-color: var(--p-sand); }
.pulse-btn.solid:hover, .pulse-btn.solid:active { background: transparent; color: var(--p-sand); }
.pulse-btn.quiet { align-self: flex-start; }
.pulse-btn[disabled] { opacity: .5; cursor: progress; }
.pulse-btn:focus-visible, .pulse-input:focus-visible, .pulse-fine:focus-visible, .pulse-done:focus-visible { outline: 2px solid var(--p-gold); outline-offset: 2px; }
.pulse-count { margin: 0; min-height: 0; font: 400 13px "DM Mono", ui-monospace, Menlo, monospace; color: var(--p-sand-2); }
.pulse-count:empty { display: none; }
.pulse-follow { display: flex; flex-direction: column; gap: 12px; max-width: 560px; padding-top: 6px; border-top: 1px solid var(--p-line); }
.pulse-follow[hidden] { display: none; }
.pulse-form { display: flex; flex-direction: column; gap: 12px; padding-top: 8px; }
.pulse-h { margin: 0; font: 300 20px/1.3 "Newsreader", Georgia, serif; }
.pulse-p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--p-sand-2); }
.pulse-label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--p-sand-2); }
.pulse-label span { color: var(--p-sand-3); font-size: 12px; }
.pulse-input {
  min-height: 44px; padding: 10px 12px; font: 400 15px Schibsted Grotesk, -apple-system, Arial, sans-serif; color: var(--p-sand);
  background: var(--p-forest); border: 1px solid rgba(242,242,239,.28); border-radius: 0; resize: vertical;
}
.pulse-input::placeholder { color: var(--p-sand-3); }
.pulse-input:focus { border-color: var(--p-gold); outline: none; }
.pulse-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; }
.pulse-fine { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; color: var(--p-gold); }
.pulse-fine:hover { color: var(--p-sand); }
.pulse-done { margin: 8px 0 0; font: 300 20px/1.3 "Newsreader", Georgia, serif; }
.pulse-shared { font: 400 13px "DM Mono", ui-monospace, Menlo, monospace; color: var(--p-sand-2); word-break: break-all; }
.pulse-error { margin: 0; font-size: 14px; color: #e3b58f; }
.pulse-error[hidden] { display: none; }
.pulse-trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.pulse .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
@media (max-width: 600px) { .pulse-in { padding: 24px 16px 28px; } .pulse-q { font-size: 23px; } }
@media (prefers-reduced-motion: reduce) { .pulse-btn { transition: none; } }

/* the Lab's top bar: the compact logo, drawn (public/brand), and "Lab" in the label's mono */
.lablink img { display: block; height: 21px; width: auto; }
.lablink span { margin-left: 12px; font: 400 11px "DM Mono", ui-monospace, Menlo, monospace; letter-spacing: .1em; text-transform: uppercase; }
.lablink:hover img { opacity: .8; }

/* a tool opened over a reading (?embed, src/components/views/LabSheet.tsx): the reading already holds
   the land, the brand and the way to read another, so the Lab's bar, land picker, poll, footer and
   "read your own land" go */
html.embed .bar, html.embed .lands, html.embed .pulse, html.embed .foot, html.embed .cta, html.embed .intro .eyebrow { display: none !important; }