@import "https://assets.yonson.dev/v1/css/main.css";h2{text-decoration:underline;text-decoration-style:double}@counter-style double-slash{system: extends decimal-leading-zero;
  suffix: ". "; }ol{list-style-type:double-slash;padding-left:var(--spacing-2xl)}.small-font{font-size:var(--font-size-xs)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.readable{line-height:var(--line-height-readable)}.break{word-break:break-all}.balance{text-wrap:balance}.slant{font-style:italic}.muted{color:var(--color-base03)}.muted a{color:var(--color-base03)}.invert{color:var(--color-text-inverse)}.plain-links a{text-decoration:none}.selected,.bold{font-weight:var(--font-weight-bold)}.mono{font-family:var(--font-family-mono)}body{display:flex;flex-direction:column;min-height:100svh}main{display:grid;grid-template-columns:clamp(200px,15%,300px)clamp(45rem,33%,60rem)12fr;overflow-wrap:anywhere;flex:1}@media screen and (max-width:768px){main{grid-template-columns:100%}}table{width:100%;margin:var(--spacing-xl)0;font-size:var(--font-size-xs);border-collapse:collapse}th{padding:var(--spacing-xs);border-bottom:2px solid var(--color-base00)}td{padding:var(--spacing-xs);border-bottom:1px solid var(--color-base00)}:target{scroll-margin-block:4rem}.column{display:flex;flex-direction:column;gap:var(--spacing-md)}.tight{gap:var(--spacing-sm)}.wide{gap:var(--spacing-xl)}.pad{padding:var(--spacing-xl)var(--spacing-md)}@media screen and (min-width:768px){.mobile{display:none}}@media screen and (max-width:768px){.desktop{display:none}}@property --gradient-x1{syntax: '<percentage>';
  inherits: false;
  initial-value: 20%; }@property --gradient-y1{syntax: '<percentage>';
  inherits: false;
  initial-value: 50%; }@property --gradient-size1{syntax: '<percentage>';
  inherits: false;
  initial-value: 50%; }@property --gradient-x2{syntax: '<percentage>';
  inherits: false;
  initial-value: 60%; }@property --gradient-y2{syntax: '<percentage>';
  inherits: false;
  initial-value: 30%; }@property --gradient-size2{syntax: '<percentage>';
  inherits: false;
  initial-value: 70%; }@property --gradient-x3{syntax: '<percentage>';
  inherits: false;
  initial-value: 80%; }@property --gradient-y3{syntax: '<percentage>';
  inherits: false;
  initial-value: 70%; }@property --gradient-size3{syntax: '<percentage>';
  inherits: false;
  initial-value: 40%; }@property --gradient-opacity1{syntax: '<number>';
  inherits: false;
  initial-value: 1; }@property --gradient-opacity2{syntax: '<number>';
  inherits: false;
  initial-value: 1; }@property --gradient-opacity3{syntax: '<number>';
  inherits: false;
  initial-value: 1; }@keyframes flicker{0%,9%,11%,40%,44%,60%,62%,100%{stroke:var(--color-primary);filter:drop-shadow(0 0 4px var(--color-primary))}10%,42%,61%{stroke:rgba(199,149,149,.6);filter:drop-shadow(0 0 1px var(--color-primary))}}@keyframes marquee-scroll-left{0%{transform:translate3d(100vw,0,0)}100%{transform:translate3d(-100%,0,0)}}@keyframes wave-shimmer{0%,100%{opacity:1}50%{opacity:.8}}@keyframes wasteland-waves{0%{--gradient-x1:100%;--gradient-y1:100%;--gradient-size1:0%;--gradient-opacity1:0;--gradient-x2:100%;--gradient-y2:100%;--gradient-size2:150%;--gradient-opacity2:0.3;--gradient-x3:100%;--gradient-y3:0%;--gradient-size3:300%;--gradient-opacity3:0}33%{--gradient-x1:100%;--gradient-y1:100%;--gradient-size1:150%;--gradient-opacity1:0.8;--gradient-x2:100%;--gradient-y2:100%;--gradient-size2:300%;--gradient-opacity2:0;--gradient-x3:100%;--gradient-y3:0%;--gradient-size3:0%;--gradient-opacity3:0}66%{--gradient-x1:100%;--gradient-y1:100%;--gradient-size1:300%;--gradient-opacity1:0;--gradient-x2:100%;--gradient-y2:100%;--gradient-size2:0%;--gradient-opacity2:0;--gradient-x3:100%;--gradient-y3:0%;--gradient-size3:150%;--gradient-opacity3:0.8}100%{--gradient-x1:100%;--gradient-y1:100%;--gradient-size1:0%;--gradient-opacity1:0;--gradient-x2:100%;--gradient-y2:100%;--gradient-size2:150%;--gradient-opacity2:0.3;--gradient-x3:100%;--gradient-y3:0%;--gradient-size3:300%;--gradient-opacity3:0}}::selection{color:var(--color-primary);background-color:transparent}figure{color:var(--color-base07);background:var(--color-base00);padding:var(--spacing-md);user-select:none}.ascii-ocean{padding:0;margin:0;background:var(--color-bg-body);color:var(--color-base00);line-height:var(--line-height-tight);overflow:hidden}nav#topbar{padding:var(--spacing-xs);margin:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm);border-bottom:var(--spacing-2xs)solid var(--color-base00);background:var(--color-bg-body);position:sticky;top:0;z-index:100}#nav-buttons{display:flex;gap:var(--spacing-xs);flex:1;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.nav-link{font-size:var(--font-size-4xl)}.nav-link:nth-child(1){color:var(--color-base00)}.nav-link:nth-child(2){color:var(--color-base02)}.nav-link:nth-child(3){color:var(--color-base04)}.nav-link:nth-child(4){color:var(--color-base05)}.nav-link:nth-child(5){color:var(--color-base06)}#yonson-logo{height:var(--font-size-4xl)}#yonson-logo #logo-body{fill:var(--color-base00)}#yonson-logo #circuit{fill:none;stroke:var(--color-primary);stroke-width:5;stroke-linecap:round;animation-name:flicker;animation-duration:6s;animation-direction:alternate;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:forwards}#yonson-logo-link-wrapper{display:contents}#shoutout{background:var(--color-base00);padding:var(--spacing-xs)var(--spacing-md);overflow:hidden;white-space:nowrap}#shoutout-content{display:inline-flex;gap:var(--spacing-md);animation:marquee-scroll-left 120s linear infinite}@media screen and (max-width:var(--breakpoint-mobile)){#shoutout-content{animation-duration:80s}}#shoutout-content:hover{animation-play-state:paused}.content-body{}.content-body>*+*,.content-body blockquote>*+*,.content-body details>*+*{margin-top:var(--spacing-md)}.content-body pre+p,.content-body div.highlight+p,.content-body figure+p{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-md)}.content-body pre+p em,.content-body div.highlight+p em,.content-body figure+p em{font-style:italic;color:var(--color-base03);font-size:var(--font-size-xs)}#grid-vertical{contain:size;overflow:hidden}@media screen and (min-width:768px){#grid-center{padding:var(--spacing-xl)0 0}}#og-content>*:first-child{margin-top:0}#og-content>p:first-of-type::first-letter{font-family:var(--font-family-mono);font-size:var(--font-size-4xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-boldest);padding-right:var(--spacing-2xs);text-shadow:var(--color-primary).17rem .17rem}#footer-content{justify-content:flex-end;min-height:33vh;animation:wave-shimmer 30s ease-in-out infinite,wasteland-waves 25s linear infinite;background:radial-gradient(ellipse var(--gradient-size1) var(--gradient-size1) at var(--gradient-x1) var(--gradient-y1),transparent 0%,rgba(28,32,35,calc(.4 * var(--gradient-opacity1))) 40%,transparent 70%),radial-gradient(ellipse var(--gradient-size2) var(--gradient-size2) at var(--gradient-x2) var(--gradient-y2),transparent 0%,rgba(28,32,35,calc(.5 * var(--gradient-opacity2))) 30%,transparent 60%),radial-gradient(ellipse var(--gradient-size3) var(--gradient-size3) at var(--gradient-x3) var(--gradient-y3),transparent 0%,rgba(28,32,35,calc(.6 * var(--gradient-opacity3))) 50%,transparent 80%),linear-gradient(to right,transparent 0%,transparent 10%,color-mix(in srgb,var(--color-base00) 10%,transparent) 30%,color-mix(in srgb,var(--color-base00) 20%,transparent) 45%,color-mix(in srgb,var(--color-base00) 30%,transparent) 60%,color-mix(in srgb,var(--color-base00) 40%,transparent) 75%,var(--color-base00) 100%)}#pgpkey{overflow:hidden}#pgpkey svg{display:block;transform:scaleY(1.1)}