.demo{background:var(--cb-surface-raised);color:var(--cb-ink);box-shadow:var(--shadow-deep);border:1px solid color-mix(in oklab, var(--cb-on-nav) 14%, transparent);border-radius:18px;overflow:hidden;container-type:inline-size}.demo p{margin:0}.demo-head{border-bottom:1px solid var(--cb-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 16px;padding:14px 20px 12px;display:flex}.demo-head .demo-sub{flex-basis:100%}.demo-title{color:var(--cb-heading);font-size:1.0625rem;font-weight:750}.demo-sub{color:var(--cb-ink-muted);font-size:.8125rem;line-height:1.4}.fictional{border-radius:var(--cb-radius-pill);background:var(--cb-surface-sunken);color:var(--cb-ink-muted);flex:none;padding:3px 10px;font-size:.8125rem;font-weight:700}.exercise{background:var(--cb-surface-sunken);align-items:center;min-height:66px;padding:10px 20px;display:grid}.ex-line{color:var(--cb-ink);font-size:.9375rem}.ex-line strong{color:var(--cb-heading);margin-right:6px}.ex-detail{color:var(--cb-ink-muted);font-size:.875rem;line-height:1.45}.lists{grid-template-columns:1fr;display:grid}@container (width>=620px){.lists{grid-template-columns:1fr 1fr}.lists>.list+.list{border-left:1px solid var(--cb-border)}}.list{min-width:0}.list-head{letter-spacing:0;align-items:center;gap:8px;margin:0;padding:10px 20px;font-size:1rem;font-weight:750;display:flex}.list-head svg{width:20px;height:20px}.list-head.command{background:var(--cb-command);color:var(--cb-on-command)}.list-head.crew{background:var(--cb-crew);color:var(--cb-on-crew)}.list-head .count{font-family:var(--cb-font-mono);opacity:.9;margin-left:auto;font-size:.875rem;font-weight:600}.list ol{margin:0;padding:0;list-style:none;position:relative}.row{min-height:var(--cb-size-row);border-top:1px solid var(--cb-border);background:var(--cb-surface-raised);grid-template-columns:2.2rem minmax(0,1fr);align-items:start;gap:0 12px;padding:5px 12px;display:grid;position:relative}.list ol>.row:first-child{border-top:0}.row.is-lead{background:var(--cb-accent-soft);box-shadow:inset 5px 0 0 var(--cb-accent)}.row.moving{box-shadow:inset 5px 0 0 var(--cb-primary-line);background:var(--cb-primary-soft)}.pos{font-family:var(--cb-font-mono);color:var(--cb-heading);text-align:right;font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700;line-height:1.5rem}.who{min-width:0;display:grid}.name{color:var(--cb-ink);overflow-wrap:anywhere;font-weight:650;line-height:1.375rem}.meta{color:var(--cb-ink-muted);font-size:.8125rem;line-height:1.125rem}.lead-label{color:var(--cb-on-accent-soft);font-size:.8125rem;font-weight:700;line-height:1.25rem}.tag{background:var(--cb-surface-sunken);color:var(--cb-ink);border-radius:6px;grid-column:2;justify-self:start;align-items:center;gap:4px;margin:2px 0;padding:2px 8px;font-size:.75rem;font-weight:700;line-height:1.35;display:inline-flex}.tag svg{width:14px;height:14px}.tag-helm,.tag-turn{background:var(--cb-primary-soft);color:var(--cb-primary-ink)}.tag-up{background:var(--cb-confirmed-soft);color:var(--cb-confirmed)}.tag-accompanying{background:var(--cb-surface-sunken);color:var(--cb-heading)}.tag-away{background:var(--cb-accent-soft);color:var(--cb-on-accent-soft)}.up{background:var(--cb-confirmed-soft);width:22px;height:22px;color:var(--cb-confirmed);border-radius:50%;grid-area:2/1;justify-self:end;place-items:center;margin-top:2px;display:inline-grid}.up svg{width:14px;height:14px}.row .pos{grid-row:1}.row .who{grid-area:1/2/span 3}.legend{align-items:center;gap:6px;font-size:.8125rem;display:inline-flex}.legend svg{background:var(--cb-confirmed-soft);width:18px;height:18px;color:var(--cb-confirmed);border-radius:50%;padding:2px}.gap{color:var(--cb-ink-muted);text-align:center;background:repeating-linear-gradient(135deg, var(--cb-surface-sunken) 0 6px, var(--cb-surface-raised) 6px 12px);border-top:1px solid var(--cb-border);padding:6px 16px;font-size:.8125rem}.summary{border-top:1px solid var(--cb-border);color:var(--cb-ink);align-content:center;gap:2px;min-height:6.4em;padding:10px 20px;font-size:.8125rem;line-height:1.45;display:grid}.controls{border-top:1px solid var(--cb-border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px 14px;display:flex}.ctl{min-height:var(--cb-size-touch);border-radius:var(--cb-radius-md);border:2px solid var(--cb-primary);background:var(--cb-primary);color:var(--cb-on-primary);font:inherit;cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:.9375rem;font-weight:700;transition:background-color .12s;display:inline-flex}.ctl:hover{background:var(--cb-primary-hover);border-color:var(--cb-primary-hover)}.ctl[disabled]{opacity:.6;cursor:progress}.ctl svg{width:18px;height:18px}.ctl-quiet{color:var(--cb-heading);border-color:var(--cb-border-strong);background:0 0}.ctl-quiet:hover{background:var(--cb-surface-sunken);border-color:var(--cb-heading)}.step{color:var(--cb-ink-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.875rem}.demo :focus-visible,.night .demo :focus-visible{outline:3px solid var(--cb-focus);outline-offset:2px}@container (width<=380px){.row{grid-template-columns:1.8rem minmax(0,1fr);gap:2px 10px;padding-inline:10px 12px}.step{width:100%;margin-left:0}}.example{border-color:var(--cb-border);box-shadow:var(--shadow-soft)}.toggle{border-radius:var(--cb-radius-md);background:var(--cb-surface-sunken);grid-template-columns:1fr 1fr;gap:4px;margin:14px 16px;padding:6px;display:grid}.toggle button{min-height:var(--cb-size-touch);color:var(--cb-ink-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:.9375rem;font-weight:700}.toggle button[aria-pressed=true]{background:var(--cb-surface-raised);color:var(--cb-heading);box-shadow:var(--shadow-soft)}.note{color:var(--cb-primary-ink);margin-top:2px;font-size:.8125rem;font-weight:650;line-height:1.35}.example .row{padding-block:12px}.live{gap:32px;display:grid}.status-list{border-radius:var(--cb-radius-lg);background:var(--cb-surface-raised);border:1px solid var(--cb-border);margin:0;padding:0;list-style:none;overflow:hidden}.status-list li{border-top:1px solid var(--cb-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-height:56px;padding:10px 18px;display:flex}.status-list li:first-child{border-top:0}.status-list .label{color:var(--cb-ink);font-weight:650}.status-available{background:var(--cb-primary-soft);color:var(--cb-primary-ink)}.status-beta{background:var(--cb-accent-soft);color:var(--cb-on-accent-soft)}.status-planned{background:var(--cb-surface-sunken);color:var(--cb-ink-muted);border:1px solid var(--cb-border)}.news h3{margin-bottom:12px;font-size:1.125rem}.news ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.news li{border-left:3px solid var(--cb-primary-line);background:var(--cb-surface-raised);border-radius:0 var(--cb-radius-md) var(--cb-radius-md) 0;padding:14px 18px}.news p{margin:0}.news-title{color:var(--cb-heading);font-weight:700}.news-body{color:var(--cb-ink-muted);font-size:var(--fs-small);margin-top:4px!important}