@font-face{font-family:"Computer Modern Sans";src:url("/cmunss.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Computer Modern Sans";src:url("/cmunsx.woff2") format("woff2");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Computer Modern Sans";src:url("/cmunsi.woff2") format("woff2");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"Computer Modern Sans";src:url("/cmunso.woff2") format("woff2");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"MonaspiceKr NF";src:url("/MonaspiceKrNerdFont-Regular.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}:root{--foreground: white;--background: #111;--link-color: lightblue;--visited-link-color: pink;--accent: #0ff;--trans-accent: rgba(0, 255, 255, 0.3);font-family:"Computer Modern Sans",sans-serif;font-size:14pt}body{height:100vh;margin:0;display:grid;grid-template-rows:auto 1fr auto;background-color:#000}code{font-family:"MonaspiceKr NF",monospace;font-size:85%}main{padding:1rem;overflow:visible;box-sizing:border-box;color:var(--foreground);background-color:var(--background);width:100%}main a{color:var(--link-color)}main a:visited{color:var(--visited-link-color)}main>div{max-width:90ch;margin:0 auto}main p>img{margin:auto;display:block;max-width:70%}main p>img+em{display:block;text-align:center}main h1,main h2,main h3,main h4,main h5,main h6{scroll-margin-top:1em;position:relative;margin:0}main *+h2,main *+h3,main *+h4,main *+h5,main *+h6{margin-top:1em}main *+h1{margin-top:3em}main p{line-height:1.5em;margin:1em 0 0 0}main blockquote{margin:0 0 0 1em}a[target=_blank]::after{filter:invert(1)}a{}a:hover{outline:.1rem solid var(--accent)}a:active{scale:.99}a *:focus{outline:.2rem solid var(--accent)}a[target=_blank]::after{content:"";width:1em;height:1em;margin:0 .05em 0 .1em;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNOSAyTDkgMyAxMi4zIDMgNiA5LjMgNi43IDEwIDEzIDMuNyAxMyA3IDE0IDcgMTQgMlpNNCA0QzIuOSA0IDIgNC45IDIgNkwyIDEyQzIgMTMuMSAyLjkgMTQgNCAxNEwxMCAxNEMxMS4xIDE0IDEyIDEzLjEgMTIgMTJMMTIgNyAxMSA4IDExIDEyQzExIDEyLjYgMTAuNiAxMyAxMCAxM0w0IDEzQzMuNCAxMyAzIDEyLjYgMyAxMkwzIDZDMyA1LjQgMy40IDUgNCA1TDggNSA5IDRaIi8+PC9zdmc+) no-repeat;background-size:contain;display:inline-block;vertical-align:text-top}header a,footer a{display:contents;text-decoration:unset}header{border-bottom:.2rem solid var(--trans-accent)}header>div{padding:.5rem}header>div #banner{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0;padding:1rem;gap:1rem}header>div #banner img{height:3em}footer{color:#fff;border-top:.2rem solid var(--trans-accent);background-color:#000;font-size:small;padding:.3rem;display:flex;justify-content:center;align-items:center;gap:1ch}li{margin-top:1em}li::marker{font-weight:bold}hr{width:100%;height:.1rem;margin:1em auto;border:none;background-color:var(--trans-accent)}.box{display:inline-block;padding:.5em;border:.2rem solid var(--trans-accent)}.box>:first-child{margin-top:0}.box>:last-child{margin-bottom:0}h1:target,h2:target,h3:target,h4:target,h5:target,h6:target{background-color:rgba(255,255,0,.3);animation:fadeBackground 5s forwards}h1:target::before,h2:target::before,h3:target::before,h4:target::before,h5:target::before,h6:target::before{content:"→";color:var(--accent);margin-right:.3em;padding:0 .2em}@keyframes fadeBackground{100%{background-color:rgba(0,0,0,0)}}@media (prefers-color-scheme: light){body:not(.dark){--foreground: #111;--background: white;--accent: #0aa;--link-color: blue;--visited-link-color: purple}}body.light{--foreground: #111;--background: white;--accent: #0aa;--link-color: blue;--visited-link-color: purple}#light-mode-checkbox{display:block;margin-left:auto;appearance:none;width:2rem;height:2rem;font-size:1rem;cursor:pointer;position:relative}#light-mode-checkbox::after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:rgba(0,0,0,0);text-shadow:0 0 0 #ff0}#light-mode-checkbox:not(:checked)::after{content:"🌙"}#light-mode-checkbox:checked::after{content:"☀️"}