@font-face{font-family:m5x7;src:url(/assets/m5x7-C0ua5re1.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CascadiaMono;src:url(/assets/CascadiaMono-D2MizMJE.ttf) format("truetype");font-weight:100 900;font-style:normal}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background-color:#1a1a1a;min-height:100vh;display:flex;align-items:center;justify-content:center}main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.title-logo{width:160px;image-rendering:pixelated}body.top-aligned{align-items:flex-start;padding-top:48px}body.home{padding-bottom:12vh}main h1{margin:0;font-family:m5x7,monospace;font-size:3rem;color:#e8e8e8;letter-spacing:.05em}.page-subtitle{margin:-8px 0 0;font-family:CascadiaMono,monospace;font-size:1rem;color:#555}.page-title{font-family:CascadiaMono,monospace;font-size:2rem;font-weight:400}.title-group{display:flex;flex-direction:column;align-items:center;gap:4px}#version-label{font-family:m5x7,monospace;font-size:.85rem;color:#555;letter-spacing:.05em}.dpad-nav{display:grid;grid-template-areas:".    top    ." "left center right" ".    bottom .";grid-template-columns:auto auto auto;align-items:center;justify-items:center}.dpad-wrapper{grid-area:center}#nav-blog{grid-area:top;padding-bottom:14px}#nav-music{grid-area:left;padding-right:16px}#nav-apps{grid-area:right;padding-left:16px}#nav-projects{grid-area:bottom;padding-top:14px}.dpad-svg{display:block;width:160px;height:160px}#arrow-up,#arrow-down,#arrow-left,#arrow-right{fill:#1a1a1a;transition:fill .15s}#arrow-up.active,#arrow-down.active,#arrow-left.active,#arrow-right.active{fill:#03e9e7}#hover-up,#hover-down,#hover-left,#hover-right{cursor:pointer}@view-transition{navigation:auto}@keyframes slide-to-left{to{transform:translate(-100%)}}@keyframes slide-from-right{0%{transform:translate(100%)}}@keyframes slide-to-right{to{transform:translate(100%)}}@keyframes slide-from-left{0%{transform:translate(-100%)}}@keyframes slide-to-top{to{transform:translateY(-100%)}}@keyframes slide-from-bottom{0%{transform:translateY(100%)}}@keyframes slide-to-bottom{to{transform:translateY(100%)}}@keyframes slide-from-top{0%{transform:translateY(-100%)}}html[data-slide=right]::view-transition-old(root){animation:slide-to-left .35s ease-in-out}html[data-slide=right]::view-transition-new(root){animation:slide-from-right .35s ease-in-out}html[data-slide=left]::view-transition-old(root){animation:slide-to-right .35s ease-in-out}html[data-slide=left]::view-transition-new(root){animation:slide-from-left .35s ease-in-out}html[data-slide=up]::view-transition-old(root){animation:slide-to-bottom .35s ease-in-out}html[data-slide=up]::view-transition-new(root){animation:slide-from-top .35s ease-in-out}html[data-slide=down]::view-transition-old(root){animation:slide-to-top .35s ease-in-out}html[data-slide=down]::view-transition-new(root){animation:slide-from-bottom .35s ease-in-out}#post-list{list-style:none;margin:0;padding:0 24px;width:100%;max-width:640px;display:flex;flex-direction:column;gap:32px}.post-item{display:flex;flex-direction:column;gap:6px}.post-image{width:100%;max-height:240px;object-fit:cover}.post-title{font-family:m5x7,monospace;font-size:1.5rem;color:#e8e8e8;text-decoration:none;letter-spacing:.05em;transition:color .15s}.post-title:hover{color:#03e9e7}.post-date{font-family:m5x7,monospace;font-size:.8rem;color:#555;letter-spacing:.05em}.post-excerpt{margin:0;font-size:.95rem;color:#aaa;line-height:1.5}.post-loading,.post-error{font-family:m5x7,monospace;font-size:1rem;color:#555;letter-spacing:.05em}.toc{position:sticky;top:0;z-index:10;background:#1a1a1a;border-bottom:1px solid #2e2e2e;width:100%;max-width:640px;padding:12px 24px}.toc-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 24px}.toc-link{font-family:m5x7,monospace;font-size:1.25rem;color:#aaa;text-decoration:none;letter-spacing:.05em;transition:color .15s}.toc-link:hover{color:#03e9e7}.page-content{width:100%;max-width:640px;padding:0 24px;display:flex;flex-direction:column;gap:48px}.page-section{display:flex;flex-direction:column;gap:12px}.page-section h2{position:sticky;top:var(--toc-height, 49px);z-index:9;background:#1a1a1a;margin:0;font-family:m5x7,monospace;font-size:2.5rem;color:#e8e8e8;letter-spacing:.05em;border-bottom:1px solid #2e2e2e;padding-top:8px;padding-bottom:8px}.page-section h3{margin:0;font-family:m5x7,monospace;font-size:1.9rem;font-weight:600;color:#aaa;letter-spacing:.03em}.page-section p{margin:0;font-size:.9rem;color:#888;line-height:1.6}.page-section a{color:#03e9e7;text-decoration:none}.page-section a:hover{text-decoration:underline}.embed-placeholder{width:100%;aspect-ratio:16 / 9;background:#222;border:1px solid #2e2e2e;display:flex;align-items:center;justify-content:center;font-family:CascadiaMono,monospace;font-size:.8rem;color:#444}.page-section iframe{max-width:100%}.nav-link{font-family:m5x7,monospace;font-size:1.25rem;color:#e8e8e8;text-decoration:none;letter-spacing:.05em;transition:color .15s}.nav-link:hover,.nav-link.active{color:#03e9e7}