:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fff;--text:#202328;--muted:#626871;--line:#d9dde2;--accent:#245dcc;--subtle:#f5f6f8;--error:#ab2020;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--radius:.35rem;--content-width:76rem;--demo-width:48rem;--section-gap:50vh;--control-height:2.75rem;color:var(--text);background:var(--background);font:16px/1.6 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}h1,h2{font-weight:600;line-height:1.2}h1{font-size:clamp(1.8rem,4vw,2.6rem)}h2{font-size:1.6rem}a{color:var(--accent)}button,input,select,textarea{font:inherit}button,select,input:not([type=range]),textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--background);color:var(--text);padding:var(--space-1) var(--space-2);min-height:var(--control-height);max-width:100%}button{cursor:pointer}button:hover:not(:disabled){background:var(--subtle)}button.primary{color:var(--background);background:var(--accent);border-color:var(--accent)}button.primary:hover:not(:disabled){filter:brightness(.92);background:var(--accent)}button:disabled,fieldset:disabled{opacity:.55;cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}label{gap:var(--space-1);min-width:0;display:grid}nav,.actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}nav{margin-bottom:var(--space-2);justify-content:space-between}.toolbar{z-index:2;background:var(--background);border-bottom:1px solid var(--line);padding:var(--space-2) var(--space-4);position:sticky;top:0}.toolbar p{margin:var(--space-1) 0 0;font-size:.875rem}.demo,.admin{padding:var(--space-4);margin:auto}.demo{max-width:var(--demo-width)}.demo section{margin-block:var(--space-4) var(--section-gap)}.eyebrow,.hint{color:var(--muted);font-size:.875rem}.reveal,.animation-only{opacity:0;transform:translateY(24px)}.reveal{transition:opacity .7s,transform .7s}.reveal.is-visible{opacity:1;transform:none}.animation-only[data-animation]{animation-duration:.7s;animation-timing-function:ease;animation-fill-mode:both}.animation-only[data-animation=first]{animation-name:fade-up}.animation-only[data-animation=repeat]{animation-name:fade-up-repeat}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up-repeat{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}details{margin-top:var(--space-3)}summary{cursor:pointer}.private-fields{padding:var(--space-2);border:1px dashed var(--line)}.admin{max-width:var(--content-width)}.admin>.actions{align-items:end}.file-label{max-width:20rem}.file-label input{width:100%;min-width:0}#sessions{max-width:25rem}fieldset{margin:var(--space-3) 0;padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius);min-width:0}fieldset .actions{align-items:end}.timeline{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.timeline input{min-width:8rem;accent-color:var(--accent);flex:1}.timeline output{font-variant-numeric:tabular-nums}textarea{width:100%;font-family:monospace}#corrections{margin-top:var(--space-3)}#stage{background:var(--subtle);border:1px solid var(--line);min-height:18rem;position:relative;overflow:hidden}#empty{padding:var(--space-4);text-align:center;color:var(--muted)}#replay{margin-inline:auto;position:relative}#replay .replayer-wrapper{transform-origin:0 0}.error{color:var(--error)}.error:empty{display:none}.admin-tabs{border-bottom:1px solid var(--line);justify-content:flex-start;gap:var(--space-3)}.admin-tabs a{padding-block:var(--space-1);text-decoration:none}.admin-tabs [aria-current=page]{border-bottom:2px solid var(--accent);font-weight:600}.heat-filters{align-items:end}.heat-filters select{max-width:25rem}.heat-metrics{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.heat-metrics>div{padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius)}.heat-metrics dt{color:var(--muted);font-size:.875rem}.heat-metrics dd{margin:var(--space-1) 0 0;font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:600}#heat-layout{max-width:32rem}.check-label{min-height:var(--control-height);align-items:center;display:flex}.check-label input{min-height:auto;accent-color:var(--accent)}.heat-legend{align-items:center;gap:var(--space-1);margin-bottom:var(--space-2);color:var(--muted);font-size:.875rem;display:flex}.heat-gradient{border-radius:var(--radius);background:linear-gradient(90deg,#255dff,#00c9ef,#67df49,#ffe229,#f22424);width:7rem;height:.65rem}#heat-stage{border:1px solid var(--line);background:var(--subtle);min-height:14rem;overflow:hidden}#heat-empty{padding:var(--space-4);text-align:center}#heat-replay{margin-inline:auto;position:relative}#heat-replay .replayer-wrapper{transform-origin:0 0}#heat-replay .replayer-mouse{display:none}[hidden]{display:none!important}@media (width<=600px){.toolbar,.admin,.demo{padding:var(--space-2)}.actions>label{width:100%}}@media (width<=700px){.heat-metrics{grid-template-columns:repeat(2,1fr)}#heat-layout,.heat-filters select{width:100%;max-width:100%}.heat-legend{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.reveal{transition:none}.animation-only[data-animation]{animation-duration:1ms}}.demo-carousel{border:1px solid var(--line);border-radius:var(--radius);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;overflow:hidden}.carousel-track{transition:transform .25s ease-out;display:flex}.carousel-track article{min-width:0;padding:var(--space-4);background:var(--subtle);flex:0 0 100%}.demo-carousel.is-dragging{cursor:grabbing}.demo-carousel.is-dragging .carousel-track{transition:none}.carousel-actions{margin-top:var(--space-2);justify-content:space-between}@media (prefers-reduced-motion:reduce){.carousel-track{transition:none}}