.diagram{max-width:44rem;margin:var(--space-xl) 0 0;border-radius:var(--radius-lg);background:radial-gradient(130% 120% at 30% 0%, var(--color-paper-2) 0%, var(--color-paper) 70%);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule-2);padding:clamp(.5rem,2.5vw,1.75rem);container-type:inline-size}.diagram__caption{max-width:var(--measure);margin:var(--space-md) 0 0;padding:0 var(--space-2xs);font-size:var(--text-sm);color:var(--color-ink-2);line-height:1.6}.diagram__svg{width:100%;height:auto;display:block;overflow:visible}.diagram__svg--narrow{max-width:26rem;margin-inline:auto}.diagram__svg--wide{display:none}@container (width>=36rem){.diagram__svg--wide{display:block}.diagram__svg--narrow{display:none}}.dg-text{fill:var(--color-muted);font-family:var(--font-mono)}.dg-text--ink{fill:var(--color-ink-2)}.dg-text--lit{fill:var(--color-accent)}.dg-text--formula{fill:var(--color-ink-2)}.dg-grid{stroke:var(--color-rule);stroke-width:1px;stroke-dasharray:2 4}.dg-rule{fill:none;stroke:var(--color-neutral);stroke-width:1px}.dg-count{fill:none;stroke:var(--color-ink-2);stroke-width:1.5px;stroke-linejoin:round}.dg-ocr{stroke:var(--color-neutral);stroke-width:1px;stroke-dasharray:5 4}.dg-bottom{stroke:var(--color-neutral);stroke-width:1px;stroke-dasharray:1 4}.dg-guide{stroke:var(--color-ink-2);stroke-width:1px;stroke-dasharray:2 3;opacity:.65}.dg-dot{fill:var(--color-ink)}.dg-low{fill:none;stroke:var(--color-accent-low);stroke-width:1.5px;stroke-linejoin:round}.dg-lit{fill:none;stroke:var(--color-accent);stroke-width:2.6px;stroke-linecap:round}.dg-core{fill:none;stroke:var(--color-ink);stroke-width:.8px;stroke-linecap:round;opacity:.85}.dg-curve{fill:none;stroke:var(--color-ink-2);stroke-width:1.5px;stroke-linejoin:round}.dg-point{fill:var(--color-accent)}.dg-point-halo{fill:color-mix(in oklch, var(--color-accent) 38%, transparent)}.dg-tile{fill:var(--color-accent)}.dg-tile-text{fill:var(--color-accent-ink);font-family:var(--font-mono);font-weight:700}@supports (view-timeline-name:--dg){@media (prefers-reduced-motion:no-preference){.diagram{view-timeline-name:--dg;--dg-timeline:--dg}.diagram .dg-lit,.diagram .dg-core{stroke-dasharray:1;animation:linear both dg-draw;animation-timeline:var(--dg-timeline);animation-range:entry 20% cover 42%}.diagram .dg-tile,.diagram .dg-point,.diagram .dg-point-halo{animation:linear both dg-light;animation-timeline:var(--dg-timeline);animation-range:entry 25% cover 40%}}}@keyframes dg-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes dg-light{0%{opacity:.12}to{opacity:1}}.portmap{border-collapse:separate;border-spacing:4px 6px;font-family:var(--font-mono);font-size:var(--text-sm);margin:0 auto}.portmap th{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap;font-weight:600}.portmap th[scope=row]{padding-right:var(--space-sm);text-align:left}.portmap--narrow th[scope=col]{padding:0 var(--space-3xs) var(--space-3xs);text-align:center;vertical-align:bottom;white-space:normal;line-height:1.25}.portmap--narrow td{min-width:2.5rem}.portmap td,.portmap__bit{min-width:2.75rem;height:2.25rem;padding:0 var(--space-2xs);text-align:center;border-radius:var(--radius-sm);background:var(--color-paper-3);color:var(--color-ink-2);font-variant-numeric:tabular-nums;position:relative}.portmap__bit{color:var(--color-ink-2);font-family:var(--font-mono);font-size:var(--text-sm);background:0 0}.portmap .is-none{color:var(--color-neutral)}.portmap td.is-lit{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:0 0 1.25rem color-mix(in oklch, var(--color-accent) 42%, transparent);font-weight:700}.portmap__bit.is-lit{color:var(--color-accent);font-weight:700}.portmap--wide td.is-lit:before,.portmap--narrow tr.is-lit td+td:before{content:"";background:var(--color-accent);box-shadow:0 0 6px var(--color-accent);position:absolute}.portmap--wide td.is-lit:before{width:2px;height:6px;bottom:100%;left:50%;transform:translate(-50%)}.portmap--narrow tr.is-lit td+td:before{width:4px;height:2px;top:50%;right:100%;transform:translateY(-50%)}.portmap--narrow{display:table}.portmap--wide{display:none}@container (width>=30rem){.portmap--narrow{display:none}.portmap--wide{display:table}}@media (forced-colors:active){.portmap td.is-lit{forced-color-adjust:none;color:highlighttext;box-shadow:none;background:highlight}.portmap--wide td.is-lit:before,.portmap--narrow tr.is-lit td+td:before{forced-color-adjust:none;box-shadow:none;background:highlight}}.lab{margin-top:var(--space-xl)}avr-lab{gap:var(--space-lg);padding-top:var(--space-lg);border-top:var(--rule-hair) solid var(--color-rule);display:grid}.lab__nojs{padding:var(--space-lg);border-radius:var(--radius-md);background:var(--color-paper-2);color:var(--color-ink-2)}.lab__controls{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.lab__programs{gap:var(--space-2xs);margin:0 var(--space-md) 0 0;padding:var(--space-3xs);border-radius:calc(var(--radius-md) + var(--space-3xs));background:var(--color-paper-3);border:0;flex-wrap:wrap;display:flex}.lab__legend{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lab__program{min-height:2.5rem;padding:0 var(--space-md);border-radius:var(--radius-md);color:var(--color-muted);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);flex:auto;justify-content:center;align-items:center;font-weight:600;display:inline-flex;position:relative}.lab__radio{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.lab__program:has(.lab__radio:checked){background:var(--color-paper-4);color:var(--color-ink)}.lab__program:has(.lab__radio:focus-visible){outline:var(--rule-focus) solid var(--color-focus);outline-offset:2px}@media (hover:hover){.lab__program:hover{color:var(--color-ink)}}.lab__program:active{background:var(--color-paper-4)}.lab__program:has(.lab__radio:disabled){opacity:.55;cursor:not-allowed}.lab__button{min-width:5.5rem;min-height:2.75rem;padding:0 var(--space-lg);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-ink);font:inherit;font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform .1s var(--ease-out);justify-content:center;align-items:center;font-weight:650;font-stretch:108%;display:inline-flex}@media (hover:hover){.lab__button:hover:not(:disabled){background:var(--color-paper-4);border-color:var(--color-accent-dim)}}.lab__button:active:not(:disabled){transform:translateY(1px)}.lab__button:disabled{opacity:.45;cursor:not-allowed}.lab__button[data-action=run]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}@media (hover:hover){.lab__button[data-action=run]:hover:not(:disabled){background:var(--color-focus);border-color:var(--color-focus)}}avr-lab[data-running] .lab__button[data-action=run]{gap:var(--space-xs);opacity:1;border-color:var(--color-accent-low);color:var(--color-accent);background:0 0}avr-lab[data-running] .lab__button[data-action=run]:before{content:"";background:var(--color-accent);width:.5rem;height:.5rem;box-shadow:0 0 .5rem var(--color-accent);border-radius:50%}.lab__speed{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}.lab__status{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2);max-width:none;margin:0}avr-lab[data-state=error] .lab__status{color:var(--color-ember);font-size:var(--text-sm);line-height:1.6}.lab__parts{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));display:grid}.lab-led,.lab-knob,.lab-serial{padding:var(--space-lg);border-radius:var(--radius-md);background:var(--color-paper-2);min-width:0}.lab-led{align-items:center;gap:var(--space-lg);display:flex}.lab-led__lamp{--glow:0;background:radial-gradient(circle at 38% 34%, var(--color-ink) 0 7%, var(--color-accent) 26%, var(--color-accent-deep) 62%, var(--color-accent-dim) 100%);width:3rem;height:3rem;opacity:calc(.16 + .84 * var(--glow));border-radius:50%;flex:none;position:relative}.lab-led__lamp:after{content:"";pointer-events:none;background:radial-gradient(circle, color-mix(in oklch, var(--color-accent) 42%, transparent) 0%, transparent 62%);opacity:var(--glow);border-radius:50%;position:absolute;inset:-130%}.lab-led__text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-ink-2)}.lab-knob{gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-ink-2);display:grid}.lab-knob__value{font-family:var(--font-mono);font-weight:600;font-size:var(--text-xl);letter-spacing:-.02em;color:var(--color-ink);font-variant-numeric:tabular-nums;line-height:1}.lab-knob__input{appearance:none;cursor:pointer;background:0 0;width:100%;height:2.75rem;margin:0}.lab-knob__input::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--color-accent-low), var(--color-accent));height:.375rem}.lab-knob__input::-moz-range-track{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--color-accent-low), var(--color-accent));height:.375rem}.lab-knob__input::-webkit-slider-thumb{appearance:none;background:var(--color-ink);border:3px solid var(--color-paper);border-radius:50%;width:1.5rem;height:1.5rem;margin-top:-.5625rem}.lab-knob__input::-moz-range-thumb{background:var(--color-ink);border:3px solid var(--color-paper);border-radius:50%;width:1.5rem;height:1.5rem}.lab-knob__input:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:4px;border-radius:var(--radius-sm)}@media (hover:hover){.lab-knob__input:hover::-webkit-slider-thumb{background:var(--color-focus)}.lab-knob__input:hover::-moz-range-thumb{background:var(--color-focus)}}.lab-knob__input:active::-webkit-slider-thumb{background:var(--color-accent)}.lab-knob__input:active::-moz-range-thumb{background:var(--color-accent)}.lab-knob__input:disabled{opacity:.55;cursor:not-allowed}.lab-serial{gap:var(--space-xs);display:grid}.lab-serial__label{font-size:var(--text-sm);color:var(--color-muted);margin:0}.lab-serial__out{min-height:12.8em;max-height:12.8em;font-size:var(--text-sm);color:var(--color-accent);font-variant-numeric:tabular-nums;margin:0;line-height:1.6;overflow:hidden}.lab-serial__out:empty:before{content:"Nothing printed yet.";color:var(--color-muted)}.lab__screens{gap:var(--space-md);min-width:0;display:grid}.lab-scope,.lab-plot{gap:var(--space-sm);border-radius:var(--radius-md);background:radial-gradient(120% 140% at 50% 0%, var(--color-paper-2) 0%, var(--color-paper) 62%);min-width:0;box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule-2);margin:0;padding:clamp(.75rem,2vw,1rem) clamp(.75rem,2.5vw,1.5rem) clamp(.875rem,2.5vw,1.5rem);display:grid}.lab-scope__head,.lab-plot__head{justify-content:space-between;align-items:baseline;gap:var(--space-3xs) var(--space-md);flex-wrap:wrap;display:flex}.lab-scope__label,.lab-plot__label{font-size:var(--text-sm);color:var(--color-ink);font-weight:650}.lab-scope__detail,.lab-plot__detail{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted)}.lab-scope__canvas,.lab-plot__canvas{width:100%;height:clamp(9rem,22vw,12rem);display:block}.lab-scope__readout,.lab-plot__readout{max-width:none;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-ink-2);font-variant-numeric:tabular-nums;margin:0}.lab-registers{border-collapse:separate;border-spacing:var(--space-2xs);font-size:var(--text-xs);justify-self:start;max-width:100%}.lab-registers__caption{caption-side:top;text-align:left;padding-bottom:var(--space-xs);color:var(--color-muted);font-family:var(--font-body);font-size:var(--text-sm)}.lab-registers__col{padding-bottom:var(--space-3xs);text-align:center;color:var(--color-muted);font-weight:500}.lab-registers__name{padding-right:var(--space-sm);text-align:left;color:var(--color-ink);white-space:nowrap;font-weight:650}.lab-registers__bit{text-align:center;border-radius:var(--radius-sm);background:var(--color-paper-3);width:2rem;height:2rem;color:var(--color-neutral)}.lab-registers__bit.is-set{background:var(--color-accent);color:var(--color-accent-ink);font-weight:700}.lab-registers__hex{padding-left:var(--space-sm);color:var(--color-ink-2);white-space:nowrap}@media (forced-colors:active){.lab__program:has(.lab__radio:checked),.lab-registers__bit.is-set{forced-color-adjust:none;color:highlighttext;background:highlight}avr-lab[data-running] .lab__button[data-action=run]:before{forced-color-adjust:none;box-shadow:none;background:highlight}.lab-knob__input::-webkit-slider-runnable-track{border:var(--rule-hair) solid CanvasText}.lab-knob__input::-moz-range-track{border:var(--rule-hair) solid CanvasText}}