.kairo-astryx {
  --font-family-body:var(--font);
  --font-family-heading:var(--font);
  --font-family-code:var(--mono);
  --color-background-surface:#fff;
  --color-background-popover:#fff;
  color-scheme:light;
}
.astryx-reading { position:fixed; top:0; left:0; right:0; z-index:30; pointer-events:none; }
.astryx-reading .astryx-progress-bar { gap:0; }
.astryx-reading .astryx-progress-bar-track { height:3px; background:transparent; border-radius:0; }
.astryx-reading .astryx-progress-bar-fill { background:#0a0a0a; border-radius:0; }
#takes .slips[hidden] { display:none; }
#astryx-takes { margin:0 -1px; }
#astryx-takes[hidden] { display:none; }
.kairo-takes-carousel { width:100%; padding:2px 0; }
.kairo-takes-carousel .astryx-carousel-scroller { align-items:stretch; width:100%; }
.kairo-takes-carousel .astryx-carousel-scroller > [aria-roledescription="slide"] { width:calc((100% - 24px) / 2); }
.kairo-take-slide { width:100%; margin:0; font-family:var(--mono); color:hsl(var(--fg)); }
.kairo-take-slide:hover { transform:none; box-shadow:none; }
.kairo-takes-carousel .astryx-button { color:#0a0a0a; background:#fff; }
@media(max-width:640px) {
  .kairo-takes-carousel .astryx-carousel-scroller > [aria-roledescription="slide"] { width:calc(100% - 24px); }
}
@media(prefers-reduced-motion:reduce) {
  .astryx-reading .astryx-progress-bar-fill { transition:none; }
}