@layer theme,base;@layer components{.sheet{--beat:5.5s;--beat-explore:9s;--beat-code:11s;--beat-fix:7s;--code-h:16rem}.sheet .tabs,.sheet .tries{display:none}.sheet .panel+.panel{border-top:1px solid var(--rule)}@media (scripting:enabled){.sheet .tabs,.sheet .tries{display:flex}.sheet .panels{grid-template-columns:minmax(0,1fr);display:grid}.sheet .panel{grid-area:1/1}.sheet .panel+.panel{border-top:0}.sheet .panel[data-off]{visibility:hidden}}@media (width<38.75rem){.sheet .tab .label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sheet .tab[aria-selected=true] .label{clip:auto;width:auto;height:auto;margin-left:4px;position:static}}.sheet .progress{background:var(--ink);transform-origin:0;height:3px;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.sheet[data-mode=auto] .tab[aria-selected=true] .progress{animation:fill var(--beat) linear both}.sheet[data-mode=auto] .tab[data-beat=explore] .progress{animation-duration:var(--beat-explore)}.sheet[data-mode=auto] .tab[data-beat=code] .progress{animation-duration:var(--beat-code)}.sheet[data-mode=auto] .tab[data-beat=review] .progress{animation-duration:var(--beat-fix)}.sheet[data-mode=auto] .code.whole{overflow:hidden}.sheet[data-mode=auto] .panel:not([data-off]) .code.whole code{animation:codescroll var(--beat-code) linear both}.sheet .phase-timer{width:1px;height:1px;animation:1.8s linear both hold;position:absolute}.sheet[data-mode=auto]:is([data-paused],:has(.panels:hover),:has(.panels :focus-visible,.tab:focus-visible)) :is(.tab[aria-selected=true] .progress,.code.whole code,.phase-timer,.stream,.stream>*){animation-play-state:paused}.sheet .code code{min-width:max-content;display:block}.sheet .code .line{padding-right:16px;display:block}.sheet .ln{text-align:right;width:3.2em;color:var(--graphite);opacity:.7;user-select:none;padding-right:1em;display:inline-block}.sheet .str{color:var(--pass)}.sheet .step{color:var(--cobalt);font-weight:700}.sheet .kw{color:var(--graphite)}.sheet .diff .line{padding-left:12px}.sheet .diff .op{width:1.6em;color:var(--graphite);display:inline-block}.sheet .diff .add{background:color-mix(in srgb, var(--pass) 14%, transparent)}.sheet .diff .gap{color:var(--graphite)}.sheet .diff .del{background:color-mix(in srgb, var(--fail) 12%, transparent);text-decoration:line-through;text-decoration-color:color-mix(in srgb, var(--fail) 60%, transparent)}.sheet .failing{background:color-mix(in srgb, var(--fail) 12%, transparent);box-shadow:inset 3px 0 0 var(--fail)}.sheet .enter .stagger>*{animation:.28s ease-out both tick}.sheet .enter .stagger>:nth-child(2){animation-delay:.12s}.sheet .enter .stagger>:nth-child(3){animation-delay:.24s}.sheet .enter .stagger>:nth-child(4){animation-delay:.36s}.sheet .enter .stagger>:nth-child(5){animation-delay:.48s}.sheet .enter .stagger>:nth-child(6){animation-delay:.6s}.sheet .enter .stagger>:nth-child(7){animation-delay:.72s}.sheet .enter .stagger>:nth-child(8){animation-delay:.84s}.sheet .enter .stagger>:nth-child(9){animation-delay:.96s}.sheet .enter .stagger>:nth-child(n+10){animation-delay:1.08s}.sheet .enter .stagger.slow>:nth-child(2){animation-delay:.5s}.sheet .enter .stagger.slow>:nth-child(3){animation-delay:1s}.sheet .enter .stagger.slow>:nth-child(4){animation-delay:1.5s}.sheet .enter .stream>*{animation:.2s ease-out both tick}.sheet .enter .stream>:nth-child(2){animation-delay:.11s}.sheet .enter .stream>:nth-child(3){animation-delay:.22s}.sheet .enter .stream>:nth-child(4){animation-delay:.33s}.sheet .enter .stream>:nth-child(5){animation-delay:.44s}.sheet .enter .stream>:nth-child(6){animation-delay:.55s}.sheet .enter .stream>:nth-child(7){animation-delay:.66s}.sheet .enter .stream>:nth-child(8){animation-delay:.77s}.sheet .enter .stream>:nth-child(9){animation-delay:.88s}.sheet .enter .stream>:nth-child(10){animation-delay:.99s}.sheet .enter .stream>:nth-child(11){animation-delay:1.1s}.sheet .enter .stream>:nth-child(12){animation-delay:1.21s}.sheet .enter .stream>:nth-child(13){animation-delay:1.32s}.sheet .enter .stream>:nth-child(14){animation-delay:1.43s}.sheet .enter .stream>:nth-child(15){animation-delay:1.54s}.sheet .enter .stream>:nth-child(16){animation-delay:1.65s}.sheet .enter .stream>:nth-child(17){animation-delay:1.76s}.sheet .enter .stream>:nth-child(18){animation-delay:1.87s}.sheet .enter .stream>:nth-child(19){animation-delay:1.98s}.sheet .enter .stream>:nth-child(20){animation-delay:2.09s}.sheet .enter .stream>:nth-child(21){animation-delay:2.2s}.sheet .enter .stream>:nth-child(22){animation-delay:2.31s}.sheet .enter .stream>:nth-child(23){animation-delay:2.42s}.sheet .enter .stream>:nth-child(24){animation-delay:2.53s}.sheet .enter .stream>:nth-child(25){animation-delay:2.64s}.sheet .enter .stream>:nth-child(26){animation-delay:2.75s}.sheet .enter .stream>:nth-child(27){animation-delay:2.86s}.sheet .enter .stream>:nth-child(28){animation-delay:2.97s}.sheet .enter .stream>:nth-child(29){animation-delay:3.08s}.sheet .enter .stream>:nth-child(30){animation-delay:3.19s}.sheet .enter .stream>:nth-child(31){animation-delay:3.3s}.sheet .enter .stream>:nth-child(32){animation-delay:3.41s}.sheet .enter .stream>:nth-child(33){animation-delay:3.52s}.sheet .enter .stream>:nth-child(34){animation-delay:3.63s}.sheet .enter .stream>:nth-child(35){animation-delay:3.74s}.sheet .enter .stream>:nth-child(36){animation-delay:3.85s}.sheet .enter .stream>:nth-child(37){animation-delay:3.96s}.sheet .enter .stream>:nth-child(38){animation-delay:4.07s}.sheet .enter .stream>:nth-child(39){animation-delay:4.18s}.sheet .enter .stream>:nth-child(40){animation-delay:4.29s}.sheet .enter .stream>:nth-child(41){animation-delay:4.4s}.sheet .enter .stream>:nth-child(42){animation-delay:4.51s}.sheet .enter .stream>:nth-child(43){animation-delay:4.62s}.sheet .enter .stream>:nth-child(44){animation-delay:4.73s}.sheet .enter .stream>:nth-child(45){animation-delay:4.84s}.sheet .enter .stream>:nth-child(46){animation-delay:4.95s}.sheet .enter .stream>:nth-child(47){animation-delay:5.06s}.sheet .enter .stream>:nth-child(48){animation-delay:5.17s}.sheet .enter .stream>:nth-child(49){animation-delay:5.28s}.sheet .enter .stream>:nth-child(50){animation-delay:5.39s}.sheet .enter .stream>:nth-child(51){animation-delay:5.5s}.sheet .enter .stream>:nth-child(52){animation-delay:5.61s}.sheet .enter .stream>:nth-child(53){animation-delay:5.72s}.sheet .enter .stream>:nth-child(54){animation-delay:5.83s}.sheet .enter .stream>:nth-child(55){animation-delay:5.94s}.sheet .enter .stream>:nth-child(56){animation-delay:6.05s}.sheet .enter .stream>:nth-child(57){animation-delay:6.16s}.sheet .enter .stream>:nth-child(58){animation-delay:6.27s}.sheet .enter .stream>:nth-child(59){animation-delay:6.38s}.sheet .enter .stream>:nth-child(60){animation-delay:6.49s}.sheet .enter .stream>:nth-child(61){animation-delay:6.6s}.sheet .enter .stream>:nth-child(62){animation-delay:6.71s}.sheet .enter .stream>:nth-child(63){animation-delay:6.82s}.sheet .enter .stream>:nth-child(64){animation-delay:6.93s}.sheet .enter .stream>:nth-child(65){animation-delay:7.04s}.sheet .enter .stream>:nth-child(66){animation-delay:7.15s}.sheet .enter .stream>:nth-child(67){animation-delay:7.26s}.sheet .enter .stream>:nth-child(68){animation-delay:7.37s}.sheet .enter .stream>:nth-child(69){animation-delay:7.48s}.sheet .enter .stream>:nth-child(70){animation-delay:7.59s}.sheet .enter .stream>:nth-child(n+71){animation-delay:7.6s}.sheet[data-mode=auto] .panel:not([data-off]) .stream,.sheet[data-mode=manual] .panel:not([data-off]) .enter .stream{animation:logscroll var(--beat-explore) linear both}.sheet .enter .zero{animation:.3s ease-out .8s both tick}.sheet .enter .approved{animation:.32s cubic-bezier(.3,1.4,.6,1) .6s both stamp}@keyframes fill{to{transform:scaleX(1)}}@keyframes codescroll{0%,12%{transform:none}92%,to{transform:translateY(min(0px, calc(-100% + var(--code-h) - 24px)))}}@keyframes logscroll{0%,25%{transform:none}95%,to{transform:translateY(min(0px, calc(-100% + var(--code-h) - 24px)))}}@keyframes hold{to{opacity:0}}@keyframes tick{0%{opacity:0;transform:translateY(4px)}}@keyframes stamp{0%{opacity:0;transform:rotate(-4deg)scale(1.5)}}::view-transition{pointer-events:none}html:active-view-transition-type(beat-next,beat-prev,fix,story){view-transition-name:none}::view-transition-old(.slide-next),::view-transition-old(.slide-prev),::view-transition-old(.fade){animation:.16s ease-in both vt-out}::view-transition-new(.slide-next){animation:.26s cubic-bezier(.2,.8,.2,1) .1s both vt-in-right}::view-transition-new(.slide-prev){animation:.26s cubic-bezier(.2,.8,.2,1) .1s both vt-in-left}::view-transition-new(.fade){animation:.26s ease-out .1s both vt-in}::view-transition-old(.slide-next){animation-name:vt-out-left}::view-transition-old(.slide-prev){animation-name:vt-out-right}::view-transition-group(.morph){animation-duration:.52s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-new(.row-in){animation:.3s ease-out .38s both vt-in-down}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0}}@keyframes vt-out-left{to{opacity:0;transform:translate(-24px)}}@keyframes vt-out-right{to{opacity:0;transform:translate(24px)}}@keyframes vt-in-right{0%{opacity:0;transform:translate(24px)}}@keyframes vt-in-left{0%{opacity:0;transform:translate(-24px)}}@keyframes vt-in-down{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}}@layer utilities;