@layer reset{*,:after,:before{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{color-scheme:dark light;hanging-punctuation:first last}body,html{height:100%;max-height:100%}img,picture,svg,video{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{text-wrap:balance}li,p{max-width:var(--p-max-width,65ch);text-wrap:pretty}}:root{--max-width:62.5rem;scrollbar-gutter:stable both-edges}body{background:#000}.link,a{color:#fff;text-decoration:none}svg{fill:currentColor}:is(header,footer):before{--height:0.375rem;--size:30%}:is(header,footer):after{--height:0.25rem;--size:25%}footer,header{--red:#d33;--blue:#06f;--red-dimmed:#600;--blue-dimmed:#029}header{--initial-color1:var(--red);--dimmed-color1:var(--red-dimmed);--initial-color2:var(--blue);--dimmed-color2:var(--blue-dimmed)}footer{--initial-color1:var(--blue);--dimmed-color1:var(--blue-dimmed);--initial-color2:var(--red);--dimmed-color2:var(--red-dimmed)}:is(header,footer):after,:is(header,footer):before{--stop1:0%;--stop2:30%;--stop3:45%;--stop4:75%;--stop5:100%}@property --color1{syntax:"<color>";inherits:true;initial-value:#fff}@property --color2{syntax:"<color>";inherits:true;initial-value:#fff}@property --color3{syntax:"<color>";inherits:true;initial-value:#fff}@property --color4{syntax:"<color>";inherits:true;initial-value:#fff}@keyframes flash{0%{--color1:var(--initial-color1);--color2:var(--dimmed-color2);--color3:var(--dimmed-color1);--color4:var(--initial-color2)}25%{--color1:var(--initial-color1);--color2:var(--dimmed-color2);--color3:var(--dimmed-color1);--color4:var(--initial-color2)}75%{--color1:var(--dimmed-color1);--color2:var(--initial-color2);--color3:var(--initial-color1);--color4:var(--dimmed-color2)}to{--color1:var(--dimmed-color1);--color2:var(--initial-color2);--color3:var(--initial-color1);--color4:var(--dimmed-color2)}}:is(header,footer):after,:is(header,footer):before{--white:transparent;--count:2;--colorA:#3d434f;content:" ";position:absolute;background:linear-gradient(to right,var(--color1) calc(.5 * var(--stop1)),var(--color1) calc(.5 * var(--stop2)),var(--colorA) calc(.5 * var(--stop2)),var(--colorA) calc(.5 * var(--stop3)),var(--color2) calc(.5 * var(--stop3)),var(--color2) calc(.5 * var(--stop4)),transparent calc(.5 * var(--stop4)),transparent calc(.5 * var(--stop5)),var(--color3) calc(50% + .5 * var(--stop1)),var(--color3) calc(50% + .5 * var(--stop2)),var(--colorA) calc(50% + .5 * var(--stop2)),var(--colorA) calc(50% + .5 * var(--stop3)),var(--color4) calc(50% + .5 * var(--stop3)),var(--color4) calc(50% + .5 * var(--stop4)),transparent calc(50% + .5 * var(--stop4)),transparent calc(50% + .5 * var(--stop5)));background-repeat:repeat-x;background-size:calc(15rem * var(--count)) var(--height);width:100%;height:var(--height);left:0}header:after,header:before{bottom:calc(-.5 * var(--height));animation:flash .6s infinite alternate ease-in-out,lights-anim calc(2 * 1.2s * var(--count)) infinite linear}footer:after,footer:before{top:calc(-.5 * var(--height));animation:flash .6s infinite alternate ease-in-out,lights-anim calc(2 * 1.2s * var(--count)) infinite reverse linear}:is(header,footer):before{--red:#e88;--white:transparent;--blue:#33f;filter:blur(var(--height)) saturate(5)}@keyframes lights-anim{0%{background-position:0 0}to{background-position:calc(-15rem * var(--count)) 0}}.disable-scroll{height:100%;overflow:hidden}