@font-face{font-family:CommitMono Nerd Font;src:url(/CommitMonoNerdFont.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}:root{--bg: #0b0c13;--accent: oklch(.7365 .136 261.08);--text: oklch(.85 .01 268.07);--font-vcr: "CommitMono Nerd Font", "Courier New", monospace;--font-body: "Inter", system-ui, sans-serif}html,body{margin:0;width:100%;min-height:100%;background-color:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden}*{box-sizing:border-box}::selection{background:#a1aae6;color:#0b0c13}::-moz-selection{background:#a1aae6;color:#0b0c13}.content a,.about-content a,article a,.prose a{color:#666ea4;text-decoration:none;position:relative;transition:width .3s ease,opacity .2s ease;font-weight:700}.content a:visited,.about-content a:visited,article a:visited,.prose a:visited,.content a:active,.about-content a:active,article a:active,.prose a:active{color:#666ea4}.content a:focus,.about-content a:focus,article a:focus,.prose a:focus{outline:none;background:transparent}.content a:after,.about-content a:after,article a:after,.prose a:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:2px;background:#666ea4;transition:width .3s ease}.content a:hover,.about-content a:hover,article a:hover,.prose a:hover{opacity:1}.content a:hover:after,.about-content a:hover:after,article a:hover:after,.prose a:hover:after{width:100%}.content a,.about-content a,article a,.prose a{-webkit-tap-highlight-color:transparent}html{scrollbar-width:none}::-webkit-scrollbar{display:none}.navigator{--nav-dot-size: 4px;--nav-dot-desktop-gap: 20px;--nav-dot-mobile-gap: 14px;position:fixed;right:0;top:50%;transform:translateY(-50%);padding:2rem;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;z-index:100;opacity:0;pointer-events:auto;transition:opacity .3s ease}.navigator.visible,.navigator:hover{opacity:1}.navigator .nav-item{font-family:CommitMono Nerd Font,Courier New,monospace;letter-spacing:.05em;text-transform:lowercase;color:#d4dce8;cursor:pointer;user-select:none;-webkit-user-select:none;display:block;white-space:nowrap;filter:blur(12px);-webkit-filter:blur(12px);opacity:0;transform:scale(.85);will-change:filter,opacity,transform;position:relative;font-size:clamp(.7rem,1vw,.85rem);padding:.5rem .25rem .5rem 0;text-align:right}.navigator.visible .nav-item,.navigator:hover .nav-item{filter:blur(0);-webkit-filter:blur(0);background:transparent;opacity:1;transform:scale(1)}.navigator.visible .nav-item:not(.active),.navigator:hover .nav-item:not(.active){opacity:.5}.navigator .nav-item.active{opacity:1}.navigator .nav-item.active:after{content:"";position:absolute;top:50%;right:calc(-1 * var(--nav-dot-desktop-gap));width:var(--nav-dot-size);height:var(--nav-dot-size);background:#d4dce8;border-radius:50%;pointer-events:none;transform:translateY(-50%);box-shadow:0 0 8px #d4dce8cc}.nav-indicator{position:absolute;top:0;left:0;width:var(--nav-dot-size);height:var(--nav-dot-size);pointer-events:none;z-index:2;opacity:0;transform:translate3d(var(--indicator-x, 0),var(--indicator-y, 0),0);transition:transform .32s cubic-bezier(.22,1,.36,1);will-change:transform}.nav-indicator:before{content:"";position:absolute;inset:0;background:#d4dce8;border-radius:50%;box-shadow:0 0 8px #d4dce8cc;transform-origin:center}.nav-indicator:after{content:"";position:absolute;left:50%;top:50%;width:var(--trail-length, 0);height:var(--nav-dot-size);border-radius:999px;background:linear-gradient(90deg,#d4dce800,#d4dce899);filter:blur(1px);opacity:0;pointer-events:none;transform:translate(-100%,-50%) rotate(var(--trail-angle, 0rad)) scaleX(0);transform-origin:100% 50%;will-change:transform,opacity}.navigator.animating-indicator .nav-indicator{opacity:1}.navigator.animating-indicator .nav-indicator:before{animation:nav-indicator-flash .32s cubic-bezier(.22,1,.36,1)}.navigator.animating-indicator .nav-indicator:after{animation:nav-indicator-trail .32s cubic-bezier(.22,1,.36,1)}.nav-indicator.priming{transition:none}.nav-indicator.priming:before{animation:none;transform:scale(1);opacity:1}.nav-indicator.priming:after{animation:none;opacity:0}.navigator.animating-indicator .nav-item.active:after{opacity:0}.navigator .nav-item{transition:filter .3s cubic-bezier(.4,0,.2,1),-webkit-filter .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),color .2s ease}.navigator .nav-item:hover,.navigator .nav-item:focus{opacity:1;color:#fff;outline:none}@keyframes nav-indicator-flash{0%{opacity:.65;transform:scale(.9)}45%{opacity:1;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@keyframes nav-indicator-trail{0%{opacity:0;transform:translate(-100%,-50%) rotate(var(--trail-angle, 0rad)) scaleX(0)}30%{opacity:.75;transform:translate(-100%,-50%) rotate(var(--trail-angle, 0rad)) scaleX(1)}to{opacity:0;transform:translate(-100%,-50%) rotate(var(--trail-angle, 0rad)) scaleX(.35)}}@media(max-width:768px){.navigator{inset:auto 50% 0 auto;transform:translate(50%);flex-direction:row;gap:1rem;background:transparent;backdrop-filter:none;padding:1.5rem;border-radius:0;border:none}.navigator .nav-item{font-size:clamp(.55rem,1.5vw,.7rem);padding:0 .5rem;text-align:center}.navigator .nav-item.active:after{top:calc(-1 * var(--nav-dot-mobile-gap));right:auto;left:50%;transform:translate(-50%)}}
