:root{--bg:#000;--ink:#e6edf5;--mut:#93a1b3;--acc:#4da3ff;--pen:#9cc2ff;--line:#bed7f026;--disp:"Bricolage Grotesque",sans-serif;--body:"Newsreader",serif;--mono:"Martian Mono",monospace;--hand:"Caveat",cursive;--top:54px;--bot:44px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;height:100dvh;overflow:hidden}body{color:var(--ink);font-family:var(--body);font-size:16px}::selection{background:var(--acc);color:#000}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit}:focus-visible{outline:1.5px dashed var(--acc);outline-offset:3px}.mono{font-family:var(--mono)}body:after{content:"";z-index:70;pointer-events:none;opacity:.05;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.bg{z-index:0;pointer-events:none;background:linear-gradient(#78a0d20d 1px,#0000 1px) 0 0/100% 56px,linear-gradient(90deg,#78a0d20d 1px,#0000 1px) 0 0/56px 100%;position:fixed;inset:0}.glow{z-index:1;pointer-events:none;will-change:transform;background:radial-gradient(circle,#4da3ff17,#0000 65%);border-radius:50%;width:540px;height:540px;position:fixed;top:0;left:0}.u{text-underline-offset:4px;text-decoration:underline #bed7f059;transition:color .15s,text-decoration-color .15s}.u:hover{color:var(--acc);text-decoration-color:var(--acc);text-decoration-style:wavy}.top{min-height:var(--top);z-index:40;background:var(--bg);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:1.2em;padding:.9em clamp(16px,3vw,36px);display:flex;position:fixed;inset:0 0 auto}.tabsline{font-family:var(--mono);flex-wrap:wrap;align-items:baseline;gap:.85em;font-size:10.5px;display:flex}.sl{color:var(--mut);opacity:.55}.tablink{font-family:var(--mono);color:var(--ink);text-underline-offset:4px;padding:0;font-size:10.5px;text-decoration:underline #bed7f04d;transition:all .15s}.tablink:hover{color:var(--acc);text-decoration-color:var(--acc);text-decoration-style:wavy}.tablink.here{color:var(--acc);text-decoration-color:var(--acc)}.topmeta{font-family:var(--mono);color:var(--mut);margin-left:auto;font-size:9.5px}@media (width<=640px){.topmeta{display:none}}.status{min-height:var(--bot);z-index:40;background:var(--bg);border-top:1px solid var(--line);font-family:var(--mono);color:var(--mut);flex-wrap:wrap;align-items:center;gap:2em;padding:.8em clamp(16px,3vw,36px);font-size:9.5px;display:flex;position:fixed;inset:auto 0 0}.status .r{gap:2em;margin-left:auto;display:flex}.stage{inset:var(--top) 0 var(--bot) 0;z-index:10;position:fixed}.wipe{z-index:60;pointer-events:none;background:#000;position:fixed;inset:0;transform:translate(-102%)}.wipe i{background:var(--acc);width:2px;position:absolute;top:0;bottom:0;right:-2px;box-shadow:0 0 16px #4da3ffa6}.wipe.run{animation:.68s cubic-bezier(.75,0,.2,1) sweep}@keyframes sweep{0%{transform:translate(-102%)}46%{transform:translate(0)}54%{transform:translate(0)}to{transform:translate(102%)}}.page{scrollbar-width:none;padding:clamp(22px,4.5vh,48px) clamp(18px,4.5vw,72px);display:none;position:absolute;inset:0;overflow:auto}.page::-webkit-scrollbar{display:none}.page.on{display:block}.page [data-r]{opacity:0}.page.on [data-r]{animation:.45s cubic-bezier(.2,.7,.2,1) both drop;animation-delay:calc(90ms + var(--i,0)*55ms)}@keyframes drop{0%{opacity:0;transform:translateY(10px)rotate(-.4deg)}to{opacity:1;transform:none}}.kicker{font-family:var(--mono);color:var(--mut);letter-spacing:.08em;margin-bottom:1.2em;font-size:10px}.kicker b{color:var(--acc);font-weight:700}h1.disp,h2.disp{font-family:var(--disp);letter-spacing:-.02em;text-transform:lowercase;font-weight:800;line-height:.98}.pen{font-family:var(--hand);color:var(--pen);font-size:1.25em;line-height:1.2}.pen.red{color:var(--acc)}s{text-decoration-color:var(--acc);text-decoration-thickness:2px}.homegrid{flex:1;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:clamp(1.5rem,4vw,4rem);display:grid}.page.home{padding-top:clamp(36px,7vh,72px)}.page.home.on{flex-direction:column;display:flex}.hname{margin:.05em 0 .3em;font-size:clamp(2.8rem,min(9vw,12vh),6.8rem)}.hintro{max-width:34em;color:var(--ink);font-size:clamp(.98rem,1.9vh,1.12rem);line-height:1.7}.hintro em{color:var(--mut)}.hfoot{font-family:var(--mono);color:var(--mut);margin-top:2.2em;font-size:9.5px}.hfoot b{color:var(--acc);font-weight:400}.hright{text-align:right;place-self:center end;margin-right:calc(-1*clamp(0px,1.5vw,24px))}.hright .pen{margin-bottom:.7em;display:block;transform:rotate(-2deg)}.paths{flex-direction:column;align-items:flex-end;gap:.15em;display:flex}.path{font-family:var(--mono);color:var(--acc);align-items:baseline;gap:.8em;padding:.55em 0;font-size:clamp(.85rem,2vh,1.02rem);text-decoration:none;transition:transform .2s;display:inline-flex}.path:hover{transform:translate(-8px)}.path:hover span{text-decoration:underline wavy}.path .arr{color:var(--mut);transition:all .2s}.path:hover .arr{color:var(--acc)}@media (width<=860px){.homegrid,.ghband{grid-template-columns:1fr}.hright{place-self:start end;margin-top:1.5em}}.wlist{margin-top:2.5vh}.work{border-top:1px dashed var(--line);max-width:56em;padding:1.6em 0}.work:nth-child(2n){margin-left:clamp(0px,6vw,90px)}.work:nth-child(3){margin-left:clamp(0px,3vw,44px)}.wtop{flex-wrap:wrap;align-items:baseline;gap:1.1em;display:flex}.wno{font-family:var(--mono);color:var(--mut);font-size:10px}.work h3{font-family:var(--disp);letter-spacing:-.01em;font-size:clamp(1.3rem,3.2vh,2rem);font-weight:800}.wmeta{font-family:var(--mono);color:var(--mut);font-size:9.5px}.wdesc{color:var(--mut);max-width:46em;margin:.5em 0 .6em;font-size:.98rem;line-height:1.65}.wdesc strong{color:var(--ink);font-weight:500}.wbot{font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:.8em;font-size:10px;display:flex}.wbtn{color:var(--ink);border:1px solid #bed7f066;padding:.55em 1.1em;text-decoration:none;transition:color .15s,border-color .15s,background .15s,transform .15s;display:inline-block}.wbtn:hover{color:var(--acc);border-color:var(--acc);background:#4da3ff14;transform:translateY(-1px)}.wnote{font-family:var(--hand);color:var(--pen);margin-left:.6em;font-size:1.15em;transform:rotate(-1.5deg)}.jgrid{grid-template-columns:minmax(230px,340px) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);height:calc(100% - 9vh);margin-top:2.5vh;display:grid}.jlist{border-right:1px dashed var(--line);scrollbar-width:thin;scrollbar-color:var(--line) transparent;min-height:0;padding-right:1em;overflow-y:auto}.jlist::-webkit-scrollbar{width:3px}.jlist::-webkit-scrollbar-thumb{background:var(--line)}.jitem{text-align:left;width:100%;padding:.8em;transition:background .15s;display:block}.jitem:hover{background:#bed7f00d}.jitem .jd{font-family:var(--mono);color:var(--mut);letter-spacing:.06em;font-size:9px}.jitem .jt{color:var(--mut);margin-top:.3em;font-size:.95rem;line-height:1.4;display:block}.jitem.on .jt{color:var(--ink)}.jitem.on .jd{color:var(--acc)}.jitem.on .jt:before{content:"→ ";color:var(--acc)}.jbadge{font-family:var(--mono);color:var(--mut);border:1px solid var(--line);margin-left:.6em;padding:.15em .5em;font-size:8px}.jread{scrollbar-width:thin;scrollbar-color:var(--line) transparent;min-height:0;padding-right:1em;overflow-y:auto}.jread::-webkit-scrollbar{width:3px}.jread::-webkit-scrollbar-thumb{background:var(--line)}.jread.swap .jr-in{animation:.4s cubic-bezier(.2,.7,.2,1) both drop}.jr-entry[hidden]{display:none}.jr-meta{font-family:var(--mono);color:var(--mut);flex-wrap:wrap;gap:1.6em;font-size:9.5px;display:flex}.jr-meta .bb{color:var(--acc)}.jr-title{font-family:var(--disp);letter-spacing:-.01em;max-width:22em;margin:.45em 0 .6em;font-size:clamp(1.3rem,3.4vh,2rem);font-weight:800;line-height:1.1}.jr-body p{color:var(--mut);max-width:52em;font-size:.98rem;line-height:1.75}.jr-body p+p{margin-top:1em}.jr-body strong{color:var(--ink);font-weight:500}.jr-body em{color:var(--mut)}.jr-body a{color:var(--ink);text-underline-offset:4px;text-decoration:underline #bed7f059}.jr-body a:hover{color:var(--acc);text-decoration-color:var(--acc);text-decoration-style:wavy}.jr-body h2,.jr-body h3{font-family:var(--disp);color:var(--ink);margin:1em 0 .4em;line-height:1.2}.jr-body ul,.jr-body ol{color:var(--mut);margin:.6em 0 .6em 1.4em;font-size:.95rem;line-height:1.7}.jr-body li+li{margin-top:.3em}.jr-body img{border:1px solid var(--line);max-width:100%;height:auto;margin:1em 0;display:block}.jr-body code{font-family:var(--mono);color:var(--ink);background:#bed7f014;padding:.15em .4em;font-size:.82em}.jr-body pre{border:1px solid var(--line);background:#0d1117;max-width:52em;margin:1em 0;padding:1em;overflow-x:auto}.jr-body pre code{background:0 0;padding:0}.jr-body blockquote{border-left:2px solid var(--acc);color:var(--mut);margin:1em 0;padding-left:1em;font-style:italic}.jr-tags{font-family:var(--mono);color:var(--mut);margin-top:1.5em;font-size:9.5px}.jr-tags i{color:var(--acc);font-style:normal}.jr-perma{font-family:var(--mono);margin-top:.8em;font-size:9.5px}@media (width<=760px){.jgrid{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.jlist{border-right:0;border-bottom:1px dashed var(--line);max-height:32%;padding-bottom:.5em;padding-right:0}}.cdisp{margin:.1em 0 .35em;font-size:clamp(2.6rem,min(8vw,10vh),5.6rem);display:inline-block;position:relative}.cdisp:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='6' viewBox='0 0 24 6'%3E%3Cpath d='M0 4 C 4 1, 8 5, 12 3 S 20 4, 24 2' fill='none' stroke='%234da3ff' stroke-width='1.4'/%3E%3C/svg%3E") 0 0/24px 6px repeat-x;height:8px;position:absolute;bottom:-.12em;left:0;right:-.2em}.cmail{font-family:var(--body);color:var(--ink);text-underline-offset:6px;width:fit-content;margin:.4em 0 .3em;font-size:clamp(1.2rem,3.4vh,1.8rem);font-style:italic;text-decoration:underline #bed7f059;transition:all .15s;display:block}.cmail:hover{color:var(--acc);text-decoration-color:var(--acc);text-decoration-style:wavy}.copy{font-family:var(--mono);color:var(--mut);font-size:9.5px;transition:all .15s}.copy:hover,.copy.ok{color:var(--acc)}.celse{font-family:var(--mono);color:var(--mut);margin-top:2.2em;font-size:10.5px;line-height:2.4}.cnote{color:var(--mut);max-width:36em;margin-top:2.2em;font-size:clamp(.95rem,1.8vh,1.05rem);font-style:italic}.ghband{border-top:1px dashed var(--line);grid-template-columns:auto auto;justify-content:start;align-items:start;gap:clamp(1.5rem,4vw,3rem);margin-top:auto;padding-top:1.5em;display:grid}.ghband-head{font-family:var(--mono);color:var(--mut);letter-spacing:.06em;margin-bottom:1em;font-size:9px}.ghband-head b{color:var(--acc)}.ghband-tiles{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;max-width:340px;display:grid}.ghband-tiles>div{background:var(--bg);padding:.7em .8em}.ghband-tiles b{font-family:var(--disp);color:var(--ink);letter-spacing:-.01em;white-space:nowrap;font-size:1.25rem;font-weight:800;display:block}.ghband-tiles b em{color:var(--acc);font-size:.75em;font-style:normal}.ghband-tiles span{font-family:var(--mono);color:var(--mut);letter-spacing:.06em;font-size:8.5px}.ghloc{background:var(--bg);border:1px solid var(--line);border-top:0;align-items:baseline;gap:.7em;max-width:340px;margin-top:1px;padding:.7em .8em;display:flex}.ghloc b{font-family:var(--disp);color:var(--ink);letter-spacing:-.01em;font-size:1.25rem;font-weight:800}.ghloc span{font-family:var(--mono);color:var(--mut);letter-spacing:.06em;font-size:8.5px}.ghband-top{font-family:var(--mono);color:var(--mut);margin-top:1em;font-size:9.5px}.ghlangs{grid-template-columns:218px 1fr;align-items:center;gap:1em;min-width:min(400px,100%);display:grid}.ghdonut{width:218px;height:218px}.gd-num{fill:var(--ink);font-family:var(--mono);font-size:13px}.gd-lab{fill:var(--mut);font-family:var(--mono);letter-spacing:.05em;font-size:7.5px}.ghlegs{flex-direction:column;gap:.4em;min-width:0;display:flex}.ghleg{font-family:var(--mono);color:var(--mut);align-items:center;gap:.6em;font-size:11px;display:flex}.ghleg i{flex:none;width:10px;height:10px}.ghleg b{color:var(--ink);margin-left:auto;font-weight:400}.ghrow{align-items:baseline;gap:.8em;padding:.34em 0;display:flex}.ghrow .ghdots{border-bottom:2px dotted #bed7f038;flex:1;transform:translateY(-3px)}.ghrow b{color:var(--ink);white-space:nowrap;font-weight:400}@media (width<=640px){:root{--top:50px;--bot:40px}.top{flex-wrap:nowrap;gap:.8em;padding:.8em 14px}.tabsline{scrollbar-width:none;white-space:nowrap;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.7em;overflow-x:auto}.tabsline::-webkit-scrollbar{display:none}.sl{flex:none}.tablink{padding:.5em 0}.status{flex-wrap:nowrap;gap:1em;padding:.7em 14px}.status>span:first-child{display:none}.status .r{justify-content:space-between;width:100%;margin-left:0}.page{padding:20px 16px}.page.home{padding-top:34px}.ghband-tiles b,.ghloc b{font-size:1.05rem}.ghband-tiles>div{padding:.6em .7em}.ghloc{flex-wrap:wrap;row-gap:.15em}.ghlangs{grid-template-columns:1fr;justify-items:center;min-width:0}.ghlegs{width:100%;max-width:250px}.cmail{overflow-wrap:anywhere}}@media (pointer:coarse){*{-webkit-tap-highlight-color:transparent}.path{padding:.8em 0}.jitem{padding:1em .8em}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}.wipe{display:none}}