:root{--paper:#d3cfb8;--paper-2:#dcd8c3;--paper-3:#bcb8a1;--ink:#4a473f;--ink-2:#6b685d;--mute:#958f7c;--alert:#b5563d;--boot-bg:#1c1b18;--boot-fg:#d3cfb8;--ui:var(--font-poppins),"Avenir Next","Segoe UI",system-ui,sans-serif;--display:var(--font-acorn),var(--font-poppins),"Avenir Next",sans-serif;--mono:ui-monospace,"SFMono-Regular",Menlo,Monaco,Consolas,monospace;--jp:var(--font-noto-sans-jp),"Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif}html.inv{--paper:#37352f;--paper-2:#3f3d36;--paper-3:#2b2a25;--ink:#d3cfb8;--ink-2:#b8b39c;--mute:#8a8574}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html.booting{overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--ui);letter-spacing:.01em;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.5;transition:background .4s,color .4s;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(color-mix(in srgb,var(--ink) 8%,transparent) 1px,transparent 1px), linear-gradient(90deg,color-mix(in srgb,var(--ink) 8%,transparent) 1px,transparent 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 100%);mask-image:radial-gradient(#000 30%,#0000 100%)}body:after{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,transparent 0 3px,color-mix(in srgb,var(--ink) 6%,transparent) 3px 4px), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .29 0 0 0 0 .28 0 0 0 0 .25 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.55;mix-blend-mode:multiply;position:fixed;inset:0}html.inv body:after{mix-blend-mode:screen;opacity:.14}.os{z-index:1;flex-direction:column;gap:22px;max-width:1180px;min-height:100vh;margin:0 auto;padding:26px clamp(16px,4vw,48px) 36px;display:flex;position:relative}.topbar{border-bottom:1px solid var(--ink);letter-spacing:.3em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:10px;font-size:.66rem;font-weight:500;display:flex}.brand{text-transform:none;font-family:var(--display);letter-spacing:.02em;font-synthesis:none;align-items:center;gap:12px;font-size:1.15rem;font-weight:400;display:flex}.sq{background:var(--ink);width:.55em;height:.55em;display:inline-block}.jp{font-family:var(--jp);letter-spacing:.32em;color:var(--ink-2);font-weight:400}.sys{font-family:var(--mono);letter-spacing:.1em;text-transform:none;color:var(--ink-2);align-items:center;gap:10px;font-size:.74rem;font-weight:400;display:flex}.sys time{color:var(--ink)}.sys-link{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:1px;text-decoration:none}.sys-link:hover{background:var(--ink);color:var(--paper)}.sys{flex-wrap:wrap;row-gap:4px}.sys>*{white-space:nowrap}.blink{background:var(--alert);cursor:pointer;border:0;width:.65em;height:.65em;padding:0;animation:1.4s steps(2,start) infinite blink;display:inline-block}.blink:focus-visible{outline:1px solid var(--ink);outline-offset:3px}@keyframes blink{to{visibility:hidden}}.frame{flex:1;padding:34px clamp(14px,3vw,36px) 30px;position:relative}.c{border:0 solid var(--ink);width:20px;height:20px;position:absolute}.c1{border-top-width:2px;border-left-width:2px;top:0;left:0}.c2{border-top-width:2px;border-right-width:2px;top:0;right:0}.c3{border-bottom-width:2px;border-left-width:2px;bottom:0;left:0}.c4{border-bottom-width:2px;border-right-width:2px;bottom:0;right:0}.hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 32px;margin-bottom:28px;display:flex}.title{font-family:var(--display);font-synthesis:none;letter-spacing:.005em;cursor:default;margin:0;font-size:clamp(3rem,9.2vw,7.2rem);font-weight:400;line-height:.9;position:relative}.title:before,.title:after{content:attr(data-text);opacity:0;pointer-events:none;position:absolute;inset:0}.title:before{color:var(--alert);clip-path:inset(20% 0 60%)}.title:after{color:var(--ink-2);clip-path:inset(65% 0 10%)}.title.glitch:before{animation:.45s steps(2,end) g1}.title.glitch:after{animation:.45s steps(2,end) g2}@keyframes g1{0%{opacity:.9;transform:translate(-7px)}50%{clip-path:inset(42% 0 33%);transform:translate(6px,-2px)}to{opacity:0;transform:none}}@keyframes g2{0%{opacity:.9;transform:translate(7px)}50%{clip-path:inset(8% 0 78%);transform:translate(-6px,2px)}to{opacity:0;transform:none}}.sub{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-2);max-width:26ch;margin:0 0 .9em;font-size:.66rem;font-weight:500;line-height:1.9}.sub a{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:1px;text-decoration:none}.sub a:hover{background:var(--ink);color:var(--paper)}.grid{grid-template-columns:minmax(200px,264px) 1fr;align-items:start;gap:28px;display:grid}@media (max-width:760px){.grid{grid-template-columns:1fr}}.menu{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.menu li{border-bottom:1px solid var(--paper-3);font-family:var(--display);font-synthesis:none;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:11px 12px;font-size:.98rem;font-weight:400;transition:background .1s,color .1s;display:flex}.menu li:focus-visible{outline:1px solid var(--ink);outline-offset:-4px}.menu li .m{background:var(--ink);flex:none;width:.5em;height:.5em}.menu li .k{font-family:var(--mono);letter-spacing:.1em;color:var(--mute);margin-left:auto;font-size:.66rem}.menu li:hover,.menu li.active{background:var(--ink);color:var(--paper)}.menu li:hover .m,.menu li.active .m{box-shadow:inset 0 0 0 1.5px var(--paper);background:0 0}.menu li:hover .k,.menu li.active .k{color:var(--paper);opacity:.7}.pod{border:1px solid var(--paper-3);font-family:var(--mono);letter-spacing:.04em;color:var(--ink-2);margin-top:18px;padding:12px 14px;font-size:.72rem;line-height:1.75}.pod b{color:var(--ink);font-family:var(--ui);letter-spacing:.3em;text-transform:uppercase;margin-bottom:6px;font-size:.62rem;font-weight:500;display:block}.panel{background:var(--paper-2);border:1px solid var(--ink);display:none}.panel.active{animation:.22s fade;display:block}@keyframes fade{0%{opacity:0;transform:translateY(4px)}}.ptitle{background:var(--ink);color:var(--paper);font-family:var(--display);font-synthesis:none;text-transform:uppercase;letter-spacing:.14em;justify-content:space-between;align-items:center;padding:9px 14px;font-size:.86rem;font-weight:400;display:flex}.ptitle .jp{color:var(--paper);opacity:.75}.pbody{padding:20px 18px 22px}.pbody p{max-width:58ch;margin:0 0 18px;font-size:.98rem;line-height:1.7}.data{font-family:var(--mono);letter-spacing:.03em;margin:0;font-size:.8rem}.row{border-bottom:1px dashed var(--paper-3);align-items:baseline;gap:8px;padding:7px 0;display:flex}.row:last-child{border-bottom:0}.row dt{color:var(--ink-2);text-transform:uppercase;flex:none}.row .dots{border-bottom:1px dotted var(--mute);flex:1;transform:translateY(-4px)}.row dd{text-align:right;text-transform:uppercase;flex:none;margin:0}.row dd a{color:var(--ink);border-bottom:1px solid var(--ink);text-decoration:none}.row dd.ok:before{content:"■ "}.row dd.alert{color:var(--alert)}.row dd.alert:before{content:"■ "}@media (max-width:480px){.row dd{flex:0 auto;min-width:0}}.bar{border:1px solid var(--ink);background:repeating-linear-gradient(90deg,transparent 0 6px,color-mix(in srgb,var(--ink) 14%,transparent) 6px 7px);height:9px;margin:16px 0 6px;position:relative}.bar i{background:var(--ink);width:calc(73% - 2px);animation:1.1s cubic-bezier(.2,.8,.2,1) grow;position:absolute;top:1px;bottom:1px;left:1px}@keyframes grow{0%{width:0}}.barlbl{font-family:var(--ui);letter-spacing:.3em;color:var(--ink-2);text-transform:uppercase;justify-content:space-between;font-size:.62rem;font-weight:500;display:flex}.big{font-family:var(--display);font-synthesis:none;letter-spacing:.005em;color:var(--ink);border-bottom:2px solid var(--ink);align-items:center;gap:.4em;margin:4px 0 18px;font-size:clamp(2.1rem,6vw,3.9rem);font-weight:400;line-height:1.1;text-decoration:none;display:inline-flex}.big:hover{background:var(--ink);color:var(--paper)}.big .sq{width:.35em;height:.35em}.fmeta .nb{text-transform:none;letter-spacing:.2em}footer{flex-direction:column;gap:12px;display:flex}.hazard{background:repeating-linear-gradient(-45deg,var(--ink) 0 10px,transparent 10px 20px);opacity:.55;height:14px}.fmeta{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:.62rem;font-weight:500;display:flex}#boot{z-index:50;background:var(--boot-bg);color:var(--boot-fg);font-family:var(--mono);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}#boot:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000047 3px 4px);position:absolute;inset:0}html.booted #boot{display:none}#boot.out{animation:.5s steps(7,end) forwards wipe}@keyframes wipe{to{clip-path:inset(0 0 100%)}}.blog{letter-spacing:.02em;white-space:pre-wrap;width:min(660px,100%);min-height:62vh;margin:0;font-size:clamp(.76rem,1.5vw,.9rem);line-height:1.85}.blog .l{opacity:0;animation:.1s step-end forwards in}@keyframes in{to{opacity:1}}.cur{background:var(--boot-fg);vertical-align:-.15em;width:.6em;height:1em;animation:1s steps(2,start) infinite blink;display:inline-block}.bhint{text-align:center;font-family:var(--ui);letter-spacing:.34em;text-transform:uppercase;opacity:.45;font-size:.6rem;font-weight:500;position:absolute;bottom:22px;left:0;right:0}@media (prefers-reduced-motion:reduce){.blink,.cur,.bar i,.title.glitch:before,.title.glitch:after,.panel.active{animation:none}}