.cq1 {
  --cq1-bg: #eff8f7;
  --cq1-paper: #fff;
  --cq1-ink: #183c45;
  --cq1-muted: #3c5f68;
  --cq1-accent: #176873;
  --cq1-accent-soft: #d9eeeb;
  --cq1-line: #9dbabf;
  --cq1-sky: #133e54;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 56rem;
  margin: 0 auto;
  padding: clamp(.75rem, 3vw, 1.75rem);
  border: 1px solid var(--cq1-line);
  border-radius: 1.5rem;
  background: var(--cq1-bg);
  color: var(--cq1-ink);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 18px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.cq1-ambar { --cq1-bg:#fff7e8; --cq1-ink:#482e1a; --cq1-muted:#6a4c32; --cq1-accent:#87441c; --cq1-accent-soft:#fae3c5; --cq1-line:#c6a683; --cq1-sky:#4d352e; }
.cq1-noite { --cq1-bg:#f1effa; --cq1-ink:#31284d; --cq1-muted:#595074; --cq1-accent:#58418a; --cq1-accent-soft:#e4dcf6; --cq1-line:#b3a6cd; --cq1-sky:#252440; }
.cq1 *, .cq1 *::before, .cq1 *::after { box-sizing:border-box; }
.cq1 :where(p, h2, h3, figure) { margin:0; }
.cq1 :where(p, h2, h3, figcaption, button, summary) { overflow-wrap:anywhere; }
.cq1 :where(button, input, summary):focus-visible { outline:3px solid #bd461d; outline-offset:4px; }
.cq1 :where(h3):focus { outline:2px solid var(--cq1-accent); outline-offset:5px; }
.cq1-header, .cq1-body { display:grid; gap:1rem; min-width:0; }
.cq1-kicker { color:var(--cq1-muted); font-size:.78em; font-weight:750; letter-spacing:.04em; }
.cq1-title { font-size:clamp(1.5em, 5vw, 2em); line-height:1.2; }
.cq1-view-title { font-size:1.25em; line-height:1.3; }
.cq1-scope { background:var(--cq1-accent-soft); padding:.75rem; border-radius:.75rem; font-size:.92em; }
.cq1-provisional, .cq1-small, .cq1-session-note { color:var(--cq1-muted); font-size:.88em; }
.cq1-people { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.cq1-person { display:grid; justify-items:center; align-content:start; gap:.5rem; text-align:center; min-width:0; }
.cq1-portrait { display:block; width:6rem; max-width:100%; height:auto; }
.cq1-person-caption { display:grid; gap:.1rem; }
.cq1-person-role { color:var(--cq1-muted); font-size:.8em; }
.cq1-person-name { font-weight:750; }
.cq1-motion-label { display:flex; align-items:center; gap:.75rem; min-height:48px; cursor:pointer; }
.cq1-motion-input { margin:0; width:24px; height:24px; flex:0 0 24px; accent-color:var(--cq1-accent); }
.cq1-review-nav { display:flex; flex-wrap:wrap; gap:.5rem; margin:1.25rem 0; padding:1rem 0; border-block:1px solid var(--cq1-line); }
.cq1-review-nav[hidden] { display:none; }
.cq1-button { appearance:none; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; min-height:48px; min-width:48px; max-width:100%; padding:.7rem 1rem; margin:0; border:2px solid var(--cq1-accent); border-radius:.75rem; background:var(--cq1-accent); color:#fff; font:inherit; font-weight:700; line-height:1.35; text-align:center; white-space:normal; cursor:pointer; touch-action:manipulation; }
.cq1-button-secondary { background:var(--cq1-paper); color:var(--cq1-accent); }
.cq1-button[aria-pressed="true"] { background:var(--cq1-accent); color:#fff; box-shadow:0 0 0 2px var(--cq1-paper),0 0 0 4px var(--cq1-accent); }
.cq1-actions { display:flex; flex-wrap:wrap; gap:.65rem; align-items:stretch; }
.cq1-actions > .cq1-button { flex:1 1 9rem; }
.cq1-personal { display:grid; gap:.8rem; padding:1rem; border:1px solid var(--cq1-line); border-radius:1rem; background:var(--cq1-paper); }
.cq1-personal-heading { display:flex; align-items:center; gap:1rem; min-width:0; }
.cq1-personal-heading > div { min-width:0; }
.cq1-symbol { display:block; width:3.5rem; height:3.5rem; flex:0 0 3.5rem; max-width:100%; }
.cq1-milestone-label { font-size:1.15em; line-height:1.4; }
.cq1-attribution { color:var(--cq1-muted); font-size:.9em; }
.cq1-personal-text { white-space:pre-wrap; }
.cq1-board-section { display:grid; gap:.8rem; min-width:0; }
.cq1-board-directions { font-size:.93em; }
.cq1-board { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; width:100%; max-width:28rem; margin:0 auto; }
.cq1-tile { appearance:none; display:grid; justify-items:center; gap:.1rem; min-width:48px; min-height:96px; width:100%; padding:.35rem; margin:0; border:2px solid var(--cq1-line); border-radius:.7rem; background:#f3f3ef; color:var(--cq1-ink); font:inherit; cursor:default; opacity:1; }
.cq1-tile-movable { border-color:var(--cq1-accent); background:var(--cq1-paper); }
.cq1-tile-movable:not(:disabled) { cursor:pointer; box-shadow:0 3px 0 var(--cq1-accent); touch-action:manipulation; }
.cq1-tile-indicated { outline:3px dashed #bd461d; outline-offset:2px; }
.cq1-tile-id { font-size:.85em; font-weight:800; line-height:1; }
.cq1-tile-kind { font-size:.72em; line-height:1.2; }
.cq1-destination { display:grid; justify-items:center; gap:.2rem; width:100%; padding:.35rem .1rem; margin-top:.25rem; border-top:1px solid var(--cq1-accent); background:var(--cq1-accent-soft); border-radius:.35rem; font-size:.75em; font-weight:750; line-height:1.3; }
.cq1-destination .cq1-symbol { width:1.6rem; height:1.6rem; }
.cq1-pipe { display:block; width:100%; max-width:5rem; height:auto; aspect-ratio:1; }
.cq1-path-description { background:var(--cq1-paper); padding:.6rem .8rem; border-radius:.7rem; }
.cq1-path-description summary { min-height:48px; display:list-item; align-content:center; cursor:pointer; }
.cq1-edge-list { margin:.5rem 0; padding-left:1.5rem; }
.cq1-notice { padding:.8rem 1rem; border-left:4px solid var(--cq1-accent); background:var(--cq1-accent-soft); border-radius:.3rem; }
.cq1-sky { position:relative; display:grid; justify-items:center; gap:1rem; min-width:0; padding:1.5rem 1rem; border-radius:1.25rem; background:var(--cq1-sky); color:#fff7da; text-align:center; }
.cq1-sky-title { font-size:1.1em; font-weight:600; }
.cq1-orbit { display:grid; place-items:center; width:7rem; height:7rem; border:2px dashed #e8dba5; border-radius:50%; color:#fff0ac; }
.cq1-orbit .cq1-symbol { width:4.5rem; height:4.5rem; }
.cq1-empty-star { font-size:2em; }
.cq1-sky-label { font-weight:700; white-space:pre-wrap; }
.cq1-sky-scope { font-size:.85em; color:#e0e7ec; }
.cq1[data-motion="full"] .cq1-sky-revealed .cq1-orbit { animation:cq1-arrive .4s ease-out both; }
.cq1-live:empty { margin:0; }
.cq1-live:not(:empty) { margin-top:1rem; padding:.7rem; border:1px solid var(--cq1-line); border-radius:.6rem; }
.cq1-session-note { margin-top:1.25rem; }
@keyframes cq1-arrive { from { opacity:.4; transform:scale(.92); } to { opacity:1; transform:scale(1); } }
@media (max-width:360px) { .cq1-board { gap:5px; } .cq1-personal { padding:.75rem; } .cq1-personal-heading { gap:.6rem; } }
@media (prefers-reduced-motion:reduce) { .cq1 .cq1-orbit { animation:none !important; } }
.cq1[data-motion="reduced"] .cq1-orbit { animation:none; }
@media (forced-colors:active) { .cq1 .cq1-tile, .cq1 .cq1-button, .cq1 .cq1-sky { border:2px solid CanvasText; } }