@font-face{font-family:Space Mono;src:url(../../../fonts/SpaceMono-Regular.ttf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(../../../fonts/SpaceMono-Bold.ttf);font-weight:700;font-style:normal;font-display:swap}:root{--bg-dark: oklch(.1 .015 200);--bg: oklch(.17 .015 200);--bg-light: oklch(.2 .015 200);--text: oklch(.96 .03 200);--text-muted: oklch(.76 .03 200);--green: oklch(.8889 .2102 148.52);--red: #FF0000;--yellow: #FFFF87;--blue: #5FAFFF;--magenta: #AF87FF;--orange: #ff875f;--brown: #c08e62;--pink: #FF79C6;--card: oklch(.9 .01 79.99);--font: "Space Mono", Monospace, sans-serif;--sides-width: min(max( calc((100vw - 1024px)/2) , 3vw) , 10vw)}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.app{font-family:var(--font, sans);background:var(--bg-light);color:var(--text-muted)}main{display:flex;flex-direction:column;align-items:center;gap:1em;max-width:calc(100vw - (2 * var(--sides-width) + 2em));margin:0 calc(var(--sides-width) + 1em)}.sides{--_card-border-color: oklch(from var(--bg) calc(l - .2) c h);--_card-shadow-color: var(--card-shadow-color, black);--_card-thickness: var(--card-thickness, .1em);--_card-shadow-size: var(--card-shadow-size, .4em);z-index:9000;position:fixed;top:0;height:100vh;width:var(--sides-width);background:var(--bg);box-shadow:var(--_card-thickness) var(--_card-thickness) 0 var(--_card-thickness) var(--_card-border-color),var(--_card-shadow-size) var(--_card-shadow-size) calc(var(--_card-shadow-size) * 2) var(--_card-shadow-size) var(--_card-shadow-color)}.sides.left{left:0}.sides.right{right:0}.content h1,.content h2,.content p:has(time){text-align:center}.content h1{margin-bottom:.2em}.content p:has(time){margin-top:0;margin-bottom:1.3em}:nth-child(n+1){--rand: .278}:nth-child(n+1)>:nth-child(n+1){--rand: -.869}:nth-child(n+1)>:nth-child(n+2){--rand: -.162}:nth-child(n+1)>:nth-child(n+3){--rand: -.948}:nth-child(n+1)>:nth-child(n+4){--rand: -.82}:nth-child(n+1)>:nth-child(n+5){--rand: .385}:nth-child(n+2){--rand: -.631}:nth-child(n+2)>:nth-child(n+1){--rand: .958}:nth-child(n+2)>:nth-child(n+2){--rand: -.095}:nth-child(n+2)>:nth-child(n+3){--rand: .228}:nth-child(n+2)>:nth-child(n+4){--rand: .489}:nth-child(n+2)>:nth-child(n+5){--rand: -.423}:nth-child(n+3){--rand: .532}:nth-child(n+3)>:nth-child(n+1){--rand: -.834}:nth-child(n+3)>:nth-child(n+2){--rand: .295}:nth-child(n+3)>:nth-child(n+3){--rand: .962}:nth-child(n+3)>:nth-child(n+4){--rand: .451}:nth-child(n+3)>:nth-child(n+5){--rand: -.721}:nth-child(n+4){--rand: .936}:nth-child(n+4)>:nth-child(n+1){--rand: -.759}:nth-child(n+4)>:nth-child(n+2){--rand: -.83}:nth-child(n+4)>:nth-child(n+3){--rand: -.808}:nth-child(n+4)>:nth-child(n+4){--rand: -.498}:nth-child(n+4)>:nth-child(n+5){--rand: -.03}:nth-child(n+5){--rand: .243}:nth-child(n+5)>:nth-child(n+1){--rand: .347}:nth-child(n+5)>:nth-child(n+2){--rand: .299}:nth-child(n+5)>:nth-child(n+3){--rand: -.968}:nth-child(n+5)>:nth-child(n+4){--rand: .162}:nth-child(n+5)>:nth-child(n+5){--rand: -.819}.menu{--card-bg: var(--bg);--menu-width: 85vw;position:fixed;top:0;left:calc(-1* var(--menu-width));z-index:1000;transition:left .3s ease-in-out}@media(min-width:1024px){.menu{--menu-width: 60vw}}.menu.open{left:0}.menu .menu-content{position:relative;z-index:1001;display:flex;flex-direction:column;align-items:flex-end;gap:1em;width:var(--menu-width);padding:2em;padding-left:calc(var(--sides-width) + 2em);padding-right:4em;height:100vh}.menu .link{font-size:1.4em;font-weight:700;padding:.6em 1.3em}.menu-toggle{z-index:0;--button-size: 4em;position:absolute;right:calc(-.7 * var(--button-size) - var(--sides-width));top:calc((100vh - var(--button-size)) / 2);height:var(--button-size);width:var(--button-size);text-align:right;vertical-align:middle;padding:.3em .8em;--transitions: right .3s ease-in-out}.closed .menu-toggle:hover{right:calc(-1 * var(--button-size) - var(--sides-width))}.closed .menu-toggle:active{right:calc(-1.1 * var(--button-size) - var(--sides-width))}.open .menu-toggle{right:calc(-.7 * var(--button-size))}.open .menu-toggle:hover{right:calc(-1 * var(--button-size))}.open .menu-toggle:active{right:calc(-1.1 * var(--button-size))}.menu-toggle .icon{display:inline-block;max-width:calc(var(--button-size) - .6em);max-height:calc(var(--button-size) - .6em);transition:transform .3s ease-in-out}.open :is(.menu-toggle .icon){transform:scaleX(-1)}