body,html{margin:0;padding:0}html{background:#fbf8f3}@media (prefers-reduced-motion:no-preference){html:has([data-smooth-anchors]){scroll-behavior:smooth}}.demoBack{position:fixed;top:.9rem;left:.9rem;z-index:50;display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1rem;border-radius:999px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:.82rem;text-decoration:none;color:#2f2b25;background:rgba(255,255,255,.92);border:1px solid rgba(47,43,37,.18);box-shadow:0 1px 6px rgba(47,43,37,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.demoBack:hover{background:#fff}.demoBack:focus-visible{outline:2px solid #2f2b25;outline-offset:2px}.demoStart{box-sizing:border-box;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:2.75rem 1.25rem 3.25rem;text-align:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--demo-ink,#2f2b25);background:var(--demo-card,#f6f3ee);border-top:1px solid color-mix(in srgb,var(--demo-ink,#2f2b25) 16%,transparent)}.demoStartLead{margin:0;font-size:.95rem;line-height:1.5;max-width:26rem;color:color-mix(in srgb,var(--demo-ink,#2f2b25) 78%,transparent)}.demoStartLead b{color:var(--demo-ink,#2f2b25);font-weight:600}.demoStartGo{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:0 1.6rem;border-radius:999px;font-size:.95rem;font-weight:600;text-decoration:none;color:var(--demo-card,#fdfbf7);background:var(--demo-ink,#2f2b25)}.demoStartGo:hover{background:color-mix(in srgb,var(--demo-ink,#2f2b25) 86%,transparent)}.demoStartGo:focus-visible{outline:2px solid var(--demo-ink,#2f2b25);outline-offset:3px}.demoStartBack{font-size:.82rem;color:color-mix(in srgb,var(--demo-ink,#2f2b25) 72%,transparent);text-decoration:underline;text-underline-offset:2px}html:has([data-cover-toggle]){scrollbar-width:none}html:has([data-cover-toggle])::-webkit-scrollbar{display:none}html:has([data-cover-toggle]:checked){animation:cover-hold var(--cover-exit,0s) linear}@keyframes cover-hold{0%,to{overflow:hidden;overscroll-behavior:none}}html:has([data-cover-toggle]:not(:checked)){background:var(--cover-ground,#fbf8f3)}html:has([data-cover-toggle]:not(:checked)) body{visibility:hidden}html:has([data-cover-toggle]:not(:checked)) :is([data-cover],[data-cover-toggle],.demoBack){visibility:visible}@media (prefers-reduced-motion:reduce){html:has([data-cover-toggle]:checked){animation:none}html{--cover-exit:0ms!important}}