html{color:#000;--g:21px;background:#fff}@media (min-width:768px){html{--g:55px}}@media (min-width:1024px){html{--g:89px}}body{box-sizing:border-box;min-height:100svh;padding:var(--g);margin:0;font-family:Courier New,Courier,monospace;font-size:16px;line-height:1.5}main{min-height:calc(100svh - 2 * var(--g));grid-template-rows:1fr auto 1fr;display:grid}header{align-self:end;margin-bottom:34px}h1{font-size:inherit;font-weight:inherit;margin:0 0 34px}p,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}:is(a:hover,a:focus-visible),:is(a:hover .p-ch,a:focus-visible .p-ch){text-decoration:underline}.p-word{white-space:nowrap}:root{--blink:.6s}.p-cur{display:none}.p-over{display:inline-block;position:relative}li{position:relative}@media (prefers-reduced-motion:no-preference){.p-ch,.p-cur{visibility:hidden}.p-cur{background:currentColor;width:100%;height:1.1em;margin-top:-.55em;animation:step-end forwards p-key,step-end forwards p-gone;display:block;position:absolute;top:50%;left:0}.p-end{animation:p-key 0s step-end forwards,p-blink var(--blink) step-end 1,p-gone 0s step-end forwards;left:100%}.p-eol{width:1ch;animation:p-key 0s step-end forwards,p-blink var(--blink) step-end 1,p-gone 0s step-end forwards;top:calc(100% + .75em);left:0}.p-first{animation:p-key 0s step-end forwards,p-blink var(--blink) step-end 2,p-gone 0s step-end forwards}.p-ch{animation:step-end forwards p-key}}@keyframes p-key{to{visibility:visible}}@keyframes p-gone{to{visibility:hidden}}@keyframes p-blink{50%{opacity:0}}
