/* ==========================================================================
   studio-room.css — the shared Studio room shell.

   Pairs with studio-room.js (window.StudioRoom). This is the Research room's
   surface lifted out whole: the rail, the gather stage, the dark→light sheet,
   the finding, the source collection, the System Receipt seat, Version
   History, Recent work, the actions, the honest note, and idle. Every Studio
   built on StudioRoom inherits it unchanged, so the second room and every room
   after it is unmistakably the same room.

   What is NOT here: the signature marks themselves. The gather stage holds one
   element with the shared class `.sroom-sig` (sized and collapsed here); the
   marks inside it — Research's dots, Design's tiles — are each Studio's own
   creativity, styled in its own stylesheet.

   Loaded AFTER studios-entry.css: it inherits --se-accent, --se-ease,
   --se-ease-soft and adds no light of its own (studios-entry rule 1).
   ========================================================================== */

.sroom {
  --sroom-ink: rgba(255, 255, 255, 0.92);
  --sroom-ink-soft: rgba(255, 255, 255, 0.56);
  --sroom-ink-mute: rgba(255, 255, 255, 0.38);
  --sroom-hair: rgba(255, 255, 255, 0.12);

  --sroom-paper: #fbf7ef;
  --sroom-paper-lip: #fdfbf6;

  --sroom-rail-h: 34px;
  /* vh, not %, and clamped — a fixed strip letterboxed the mark. Consumed by
     both the gather height and the sheet top; a viewport unit means the same
     thing in both substitutions. */
  --sroom-strip-h: clamp(88px, 11vh, 140px);

  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  font-family: var(--font-sans, "Geist", system-ui, sans-serif);
}

.sroom *,
.sroom *::before,
.sroom *::after { box-sizing: border-box; }

/* ══ The rail ══════════════════════════════════════════════════════════════ */
.sroom-rail {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: var(--sroom-rail-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  opacity: 0;
  transition: opacity 0.4s var(--se-ease-soft) 0.18s;
}

.sroom[data-state="gathering"] .sroom-rail,
.sroom[data-state="converging"] .sroom-rail,
.sroom[data-state="reading"] .sroom-rail,
.sroom[data-state="note"] .sroom-rail { opacity: 1; }

.sroom-tally {
  margin-right: auto;
  min-height: 24px;
  padding: 0 10px;
  border: 1px solid var(--sroom-hair);
  border-radius: 999px;
  background: transparent;
  color: var(--sroom-ink-mute);
  font: inherit;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 0.28s var(--se-ease-soft), border-color 0.28s var(--se-ease-soft);
}

.sroom-tally:hover { color: var(--sroom-ink-soft); border-color: rgba(255, 255, 255, 0.24); }

.sroom-depth {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border: 1px solid var(--sroom-hair);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.22);
}

.sroom-depth__opt {
  min-height: 24px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--sroom-ink-mute);
  font: inherit;
  font-size: 12px;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: color 0.3s var(--se-ease-soft), background 0.3s var(--se-ease-soft);
}

.sroom-depth__opt:hover { color: var(--sroom-ink-soft); }
.sroom-depth__opt.is-on { color: #221c19; background: rgba(255, 255, 255, 0.86); }

/* ══ The gather stage ══════════════════════════════════════════════════════
   Holds the Studio's signature while the room thinks; collapses to a lit strip
   once the finding is on paper. */
.sroom-gather {
  position: absolute;
  left: 0; right: 0;
  top: calc(var(--sroom-rail-h) + 10px);
  height: calc(100% - var(--sroom-rail-h) - 10px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transition:
    height 0.62s var(--se-ease),
    gap 0.62s var(--se-ease),
    opacity 0.42s var(--se-ease-soft);
}

.sroom[data-state="gathering"] .sroom-gather,
.sroom[data-state="converging"] .sroom-gather { opacity: 1; }

.sroom[data-state="reading"] .sroom-gather {
  height: var(--sroom-strip-h);
  gap: 0;
  opacity: 0.5;
}

/* The signature container — sizing and strip-collapse are shared; the marks
   inside are each Studio's own. */
.sroom-sig {
  width: min(100%, 460px);
  height: auto;
  max-height: 100%;
  color: var(--se-accent, #7ea6cf);
  flex: 0 1 auto;
  transition: opacity 0.5s var(--se-ease-soft);
}

.sroom[data-state="reading"] .sroom-sig {
  width: auto;
  height: 100%;
  max-width: 100%;
}

/* ── Status, in the Conductor's own words ────────────────────────────────── */
.sroom-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  letter-spacing: -0.1px;
  color: var(--sroom-ink-soft);
  max-height: 40px;
  overflow: hidden;
  transition: opacity 0.3s var(--se-ease-soft), max-height 0.5s var(--se-ease);
}

.sroom[data-state="reading"] .sroom-status { opacity: 0; max-height: 0; }

.sroom-status__dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--se-accent, #7ea6cf);
  animation: sroom-breathe 2.4s ease-in-out infinite;
}

@keyframes sroom-breathe {
  0%, 100% { opacity: 0.35; transform: scale(0.86); }
  50%      { opacity: 1;    transform: scale(1); }
}

.sroom[data-state="reading"] .sroom-status__dot,
.sroom[data-state="note"] .sroom-status__dot { animation: none; }

.sroom-status__time {
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  color: var(--sroom-ink-mute);
}

/* ── The sources naming themselves as they land ──────────────────────────── */
.sroom-trail {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 0 12px;
  list-style: none;
  max-height: 60px;
  overflow: hidden;
  transition: opacity 0.3s var(--se-ease-soft), max-height 0.5s var(--se-ease);
}

.sroom[data-state="reading"] .sroom-trail { opacity: 0; max-height: 0; }

.sroom-trail__item {
  padding: 4px 10px;
  border: 1px solid var(--sroom-hair);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  font-size: 11.5px;
  letter-spacing: 0.01em;
  color: var(--sroom-ink-soft);
  opacity: 0;
  animation: sroom-chip-in 0.44s var(--se-ease) forwards;
  animation-delay: calc(var(--i) * 0.05s);
}

.sroom-trail__item--more { color: var(--sroom-ink-mute); }

@keyframes sroom-chip-in {
  from { opacity: 0; transform: translateY(5px); }
  to   { opacity: 1; transform: none; }
}

/* ══ The sheet — the room answers in light ═════════════════════════════════ */
.sroom-sheet {
  position: absolute;
  left: 0; right: 0;
  top: calc(var(--sroom-rail-h) + var(--sroom-strip-h) + 16px);
  bottom: 0;
  display: flex;
  flex-direction: column;
  border-radius: 18px;
  background: var(--sroom-paper);
  box-shadow:
    inset 0 1px 0 var(--sroom-paper-lip),
    0 -2px 0 rgba(255, 255, 255, 0.06),
    0 22px 60px rgba(0, 0, 0, 0.42);
  opacity: 0;
  transform: translateY(26px);
  pointer-events: none;
  transition: opacity 0.5s var(--se-ease-soft), transform 0.66s var(--se-ease);

  /* The sheet is a HOST: it overrides the shared markdown tokens on its own
     wrapper, never reaching into the component (DESIGN.md §13.3). */
  --color-foreground: #2a1d16;
  --color-text-secondary: rgba(42, 29, 22, 0.68);
  --color-border: rgba(42, 29, 22, 0.14);
  --orch-divider: rgba(42, 29, 22, 0.14);
  --font-serif: "Libre Baskerville", Georgia, serif;
}

.sroom[data-state="reading"] .sroom-sheet {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}

.sroom-sheet__scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 26px 30px 8px;
  scrollbar-width: thin;
  scrollbar-color: rgba(42, 29, 22, 0.24) transparent;
}

.sroom-sheet__scroll::-webkit-scrollbar { width: 8px; }
.sroom-sheet__scroll::-webkit-scrollbar-thumb {
  background: rgba(42, 29, 22, 0.2);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: content-box;
}

/* ── The finding ─────────────────────────────────────────────────────────── */
.sroom-finding {
  max-width: 62ch;
  margin: 0 auto;
  gap: 18px;
}

.sroom-finding .msg-md__h { font-family: var(--font-serif); }

/* ── The source collection ───────────────────────────────────────────────── */
.sroom-collection {
  max-width: 62ch;
  margin: 26px auto 0;
  padding-top: 20px;
  border-top: 1px solid rgba(42, 29, 22, 0.14);
}

.sroom-collection__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.sroom-collection__title {
  margin: 0;
  font-family: var(--font-serif);
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #2a1d16;
}

.sroom-collection__count {
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(42, 29, 22, 0.68);
}

.sroom-collection__none {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.6;
  color: rgba(42, 29, 22, 0.68);
}

.sroom-collection__list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0;
  padding-left: 22px;
  list-style: decimal;
}

.sroom-source::marker { color: rgba(42, 29, 22, 0.5); font-size: 12px; }

.sroom-source {
  opacity: 0;
  animation: sroom-source-in 0.44s var(--se-ease) forwards;
  animation-delay: var(--reveal-delay, 0ms);
}

@keyframes sroom-source-in {
  from { opacity: 0; transform: translateY(5px); }
  to   { opacity: 1; transform: none; }
}

.sroom-source__link { display: flex; flex-direction: column; gap: 3px; text-decoration: none; color: inherit; }

.sroom-source__title {
  font-size: 14px;
  line-height: 1.4;
  color: #2a1d16;
  text-decoration: underline;
  text-decoration-color: rgba(42, 29, 22, 0.26);
  text-underline-offset: 3px;
  transition: text-decoration-color 0.3s var(--se-ease-soft);
}

.sroom-source__link:hover .sroom-source__title,
.sroom-source.is-targeted .sroom-source__title { text-decoration-color: rgba(42, 29, 22, 0.7); }

.sroom-source__meta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11.5px;
  letter-spacing: 0.01em;
  color: rgba(42, 29, 22, 0.68);
}

.sroom-source__meta svg { width: 11px; height: 11px; display: block; }

.sroom-source__snippet {
  margin: 6px 0 0;
  font-size: 12.5px;
  line-height: 1.55;
  color: rgba(42, 29, 22, 0.68);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sroom-source__cite {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 24px;
  margin-top: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(42, 29, 22, 0.5);
  font: inherit;
  font-size: 11.5px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s var(--se-ease-soft), color 0.3s var(--se-ease-soft);
}

.sroom-source__cite svg { width: 12px; height: 12px; display: block; }
.sroom-source:hover .sroom-source__cite,
.sroom-source__cite:focus-visible { opacity: 1; }
.sroom-source__cite:hover { color: #2a1d16; }
.sroom-source__cite.is-done { opacity: 1; color: #2a1d16; }

/* ── Room-specific extras (Design's palette, etc.) ───────────────────────── */
.sroom-extras {
  max-width: 62ch;
  margin: 24px auto 0;
}
.sroom-extras:empty { margin: 0; }

/* ── The proof, on the sheet ─────────────────────────────────────────────── */
.sroom-receipt-holder {
  max-width: 62ch;
  margin: 20px auto 0;
  padding-top: 18px;
  border-top: 1px solid rgba(42, 29, 22, 0.1);
}
.sroom-receipt-holder:empty { margin: 0; padding: 0; border: 0; }

/* ── Where to go next ────────────────────────────────────────────────────── */
.sroom-next { max-width: 62ch; margin: 24px auto 0; }

.sroom-next__title {
  margin: 0 0 10px;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(42, 29, 22, 0.68);
}

.sroom-next__row { display: flex; flex-wrap: wrap; gap: 8px; }

.sroom-next__opt {
  max-width: 100%;
  min-height: 32px;
  padding: 6px 14px;
  border: 1px solid rgba(42, 29, 22, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.5);
  color: #2a1d16;
  font: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
  opacity: 0;
  animation: sroom-source-in 0.44s var(--se-ease) forwards;
  animation-delay: var(--reveal-delay, 0ms);
  transition: border-color 0.35s var(--se-ease-soft), background 0.35s var(--se-ease-soft);
}

.sroom-next__opt:hover { border-color: rgba(42, 29, 22, 0.34); background: rgba(255, 255, 255, 0.86); }

/* ── Version history ─────────────────────────────────────────────────────── */
.sroom-history {
  max-width: 62ch;
  margin: 26px auto 0;
  padding-top: 20px;
  border-top: 1px solid rgba(42, 29, 22, 0.1);
}
.sroom-history[hidden] { display: none; }

.sroom-history__title {
  margin: 0 0 12px;
  font-family: var(--font-serif);
  font-size: 16px;
  font-weight: 500;
  color: #2a1d16;
}

.sroom-history__list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }

.sroom-history__item {
  border: 1px solid rgba(42, 29, 22, 0.12);
  border-radius: 12px;
  overflow: hidden;
  transition: border-color 0.28s var(--se-ease-soft), background 0.28s var(--se-ease-soft);
}
.sroom-history__item.is-current { border-color: rgba(42, 29, 22, 0.26); background: rgba(42, 29, 22, 0.03); }

.sroom-history__row {
  display: flex;
  flex-direction: column;
  gap: 3px;
  width: 100%;
  padding: 11px 14px;
  border: 0;
  background: transparent;
  text-align: left;
  font: inherit;
  cursor: pointer;
  transition: background 0.24s var(--se-ease-soft);
}
.sroom-history__row:hover { background: rgba(42, 29, 22, 0.045); }
.sroom-history__item.is-current .sroom-history__row { cursor: default; }

.sroom-history__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.sroom-history__n { font-size: 13.5px; font-weight: 500; color: #2a1d16; letter-spacing: -0.1px; }
.sroom-history__when { font-size: 11.5px; color: rgba(42, 29, 22, 0.5); }
.sroom-history__sub { font-size: 12px; color: rgba(42, 29, 22, 0.55); }

.sroom-history__restore {
  display: block;
  width: 100%;
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-top: 1px solid rgba(42, 29, 22, 0.12);
  background: #221c19;
  color: #fef2e9;
  font: inherit;
  font-size: 12.5px;
  text-align: left;
  cursor: pointer;
  transition: background 0.28s var(--se-ease-soft);
}
.sroom-history__restore:hover { background: #100e0c; }

/* ── What the room leaves behind (actions) ───────────────────────────────── */
.sroom-actions {
  flex: none;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 30px 16px;
  border-top: 1px solid rgba(42, 29, 22, 0.1);
  border-radius: 0 0 18px 18px;
  background: linear-gradient(180deg, rgba(251, 247, 239, 0), var(--sroom-paper) 24%);
}

.sroom-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: #221c19;
  color: #fef2e9;
  font: inherit;
  font-size: 13px;
  letter-spacing: -0.1px;
  cursor: pointer;
  transition: background 0.3s var(--se-ease-soft), color 0.3s var(--se-ease-soft);
}

.sroom-action svg { width: 14px; height: 14px; display: block; }
.sroom-action:hover { background: #100e0c; }

.sroom-action--ghost {
  margin-left: auto;
  background: transparent;
  border-color: rgba(42, 29, 22, 0.16);
  color: #2a1d16;
}
.sroom-action--ghost:hover { background: rgba(255, 255, 255, 0.7); color: #2a1d16; }

/* ══ The honest state ══════════════════════════════════════════════════════ */
.sroom-note {
  position: absolute;
  left: 50%; top: 50%;
  translate: -50% -50%;
  width: min(100%, 460px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity 0.44s var(--se-ease-soft), transform 0.5s var(--se-ease);
}

.sroom[data-state="note"] .sroom-note { opacity: 1; transform: none; pointer-events: auto; }

.sroom-note__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--sroom-ink-soft);
  text-wrap: balance;
}

.sroom-note__retry {
  min-height: 34px;
  padding: 0 18px;
  border: 1px solid var(--sroom-hair);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--sroom-ink);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
  transition: background 0.3s var(--se-ease-soft), border-color 0.3s var(--se-ease-soft);
}
.sroom-note__retry:hover { background: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.24); }

/* ══ Idle ══════════════════════════════════════════════════════════════════ */
.sroom-idle {
  position: absolute;
  left: 50%; top: 50%;
  translate: -50% -50%;
  width: min(100%, 520px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.44s var(--se-ease-soft);
}

.sroom[data-state="idle"] .sroom-idle { opacity: 1; pointer-events: auto; }

.sroom-idle__body {
  margin: 0;
  max-width: 46ch;
  font-size: 14px;
  line-height: 1.65;
  color: var(--sroom-ink-soft);
  text-wrap: balance;
}

.sroom-idle__leaves {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}

.sroom-idle__leaves li {
  padding: 4px 11px;
  border: 1px solid var(--sroom-hair);
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--sroom-ink-mute);
}

/* ── Recent work ─────────────────────────────────────────────────────────── */
.sroom-recent {
  width: min(100%, 460px);
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid var(--sroom-hair);
  text-align: left;
}
.sroom-recent[hidden] { display: none; }

.sroom-recent__title {
  margin: 0 0 12px;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--sroom-ink-mute);
  text-align: center;
}

.sroom-recent__list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; }

.sroom-recent__item {
  display: flex;
  align-items: stretch;
  gap: 2px;
  border: 1px solid transparent;
  border-radius: 12px;
  transition: border-color 0.26s var(--se-ease-soft), background 0.26s var(--se-ease-soft);
  animation: sroom-recent-in 0.5s var(--se-ease) backwards;
  animation-delay: calc(var(--i) * 45ms);
}
.sroom-recent__item:hover { border-color: var(--sroom-hair); background: rgba(255, 255, 255, 0.04); }

@keyframes sroom-recent-in {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: none; }
}

.sroom-recent__open {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  padding: 10px 12px;
  border: 0;
  background: transparent;
  text-align: left;
  font: inherit;
  color: var(--sroom-ink);
  cursor: pointer;
}

.sroom-recent__q {
  font-size: 14px;
  line-height: 1.4;
  color: var(--sroom-ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sroom-recent__meta { font-size: 11.5px; color: var(--sroom-ink-mute); }

.sroom-recent__del {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  border: 0;
  background: transparent;
  color: var(--sroom-ink-mute);
  cursor: pointer;
  opacity: 0;
  border-radius: 0 12px 12px 0;
  transition: opacity 0.24s var(--se-ease-soft), color 0.24s var(--se-ease-soft), background 0.24s var(--se-ease-soft);
}
.sroom-recent__del svg { width: 15px; height: 15px; display: block; }
.sroom-recent__item:hover .sroom-recent__del { opacity: 0.7; }
.sroom-recent__del:hover { opacity: 1; color: #e5735a; background: rgba(229, 115, 90, 0.1); }
.sroom-recent__del:focus-visible { opacity: 1; }

/* ══ Focus — a pencil line, not a ring (DESIGN.md §10.2) ════════════════════ */
.sroom-depth__opt:focus-visible,
.sroom-tally:focus-visible,
.sroom-note__retry:focus-visible,
.sroom-recent__open:focus-visible,
.sroom-recent__del:focus-visible {
  outline: 1px solid rgba(255, 255, 255, 0.68);
  outline-offset: 2px;
}

.sroom-source__link:focus-visible,
.sroom-source__cite:focus-visible,
.sroom-next__opt:focus-visible,
.sroom-history__row:focus-visible,
.sroom-history__restore:focus-visible,
.sroom-action:focus-visible {
  outline: 1px solid rgba(42, 29, 22, 0.7);
  outline-offset: 2px;
}

/* ══ Narrower rooms ════════════════════════════════════════════════════════ */
@media (max-width: 820px) {
  .sroom { --sroom-strip-h: 42px; }
  .sroom-sheet__scroll { padding: 20px 18px 8px; }
  .sroom-actions { padding: 10px 18px 14px; gap: 6px; }
  .sroom-action { padding: 0 11px; font-size: 12.5px; }
  .sroom-action--ghost { display: none; }
  .sroom-trail { max-height: 32px; }
}

/* ══ Reduced motion ════════════════════════════════════════════════════════
   Every state resolves to its meaning-carrying end state, instantly. The
   signature's own reduced-motion behaviour lives in each Studio's stylesheet. */
@media (prefers-reduced-motion: reduce) {
  .sroom-gather,
  .sroom-sheet,
  .sroom-note,
  .sroom-sig,
  .sroom-status,
  .sroom-trail { transition-duration: 0.01ms; }

  .sroom-trail__item,
  .sroom-source,
  .sroom-next__opt,
  .sroom-recent__item {
    animation: none;
    opacity: 1;
  }

  .sroom-status__dot { animation: none; opacity: 1; }
  .sroom-sheet { transform: none; }
}