:root{--page-bg:#fbfbfa;--page-text:#1d1d1b;--page-muted:#6b6b66;--page-border:#e4e4e0;--page-control:#fff;--tag-bg:#f0f0ec;--tag-text:#55554f;--body-text:#4a4a45;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--page-bg:#141517;--page-text:#e6e6e3;--page-muted:#9b9c98;--page-border:#33363b;--page-control:#1d1f22;--tag-bg:#2a2d31;--tag-text:#c4c5c1;--body-text:#c4c5c1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--page-bg:#141517;--page-text:#e6e6e3;--page-muted:#9b9c98;--page-border:#33363b;--page-control:#1d1f22;--tag-bg:#2a2d31;--tag-text:#c4c5c1;--body-text:#c4c5c1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:var(--page-bg);height:100%;color:var(--page-text);margin:0;font-family:system-ui,-apple-system,sans-serif}body{flex-direction:column;display:flex}header{border-bottom:1px solid var(--page-border);font-size:13px}.bar{flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding:10px 16px 6px;display:flex}.hint{color:var(--page-muted)}#stats{font-variant-numeric:tabular-nums;color:var(--page-muted);margin-left:auto}#timeline{flex:1;min-height:0}.controls{color:var(--page-muted);flex-wrap:wrap;align-items:center;gap:8px 20px;padding:0 16px 10px;font-size:12px;display:flex}.controls label{align-items:center;gap:6px;display:inline-flex}.controls select,.controls button{font:inherit;color:var(--page-text);background:var(--page-control);border:1px solid var(--page-border);border-radius:6px;padding:3px 6px}.controls input[type=range]{width:96px}.controls output{font-variant-numeric:tabular-nums;min-width:2.5em;color:var(--page-text)}.controls details{position:relative}.controls summary{cursor:pointer;color:var(--page-text)}.controls ul{z-index:10;background:var(--page-control);border:1px solid var(--page-border);border-radius:8px;min-width:260px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #00000026}.controls li{color:var(--page-text);justify-content:space-between;align-items:center;gap:12px;padding:3px 4px;display:flex}.controls li button{cursor:pointer;padding:1px 8px}.swatch{border-radius:50%;flex:none;width:10px;height:10px}.demo-card__media{background:linear-gradient(135deg, var(--vt-item-color,var(--vt-accent)), color-mix(in srgb, var(--vt-item-color,var(--vt-accent)) 30%, var(--vt-card-bg)));border-radius:6px;height:96px;margin:8px 0}.demo-card__body{color:var(--body-text);margin:4px 0 0}.demo-card__tags{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.demo-card__tag{background:var(--tag-bg);color:var(--tag-text);border-radius:999px;padding:1px 7px;font-size:11px}.demo-card__tag--key{background:var(--vt-item-color,var(--vt-accent));color:#fff}.demo-card__link{color:var(--vt-item-color,var(--vt-accent));margin-top:8px;font-size:12px;display:inline-block}