:root{--paper:#efe8e7;--ink:#2a292c;--ink-2:#6b6668;--ink-3:#9a9395;--rule:#2a292c38;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--inset:24px}body:has(#gearbox){background:var(--paper);overflow:hidden}#gearbox{z-index:0;width:100vw;height:100vh;display:block;position:fixed;inset:0}.led{background:var(--ink);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:8px;animation:2.4s ease-in-out infinite led;display:inline-block}@keyframes led{0%,to{opacity:1}50%{opacity:.25}}.frame{inset:var(--inset);z-index:1;pointer-events:none;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-size:10.5px;position:fixed}.corner{border-color:var(--ink);border-style:solid;border-width:0;width:18px;height:18px;position:absolute}.corner.tl{border-top-width:1px;border-left-width:1px;top:0;left:0}.corner.tr{border-top-width:1px;border-right-width:1px;top:0;right:0}.corner.bl{border-bottom-width:1px;border-left-width:1px;bottom:0;left:0}.corner.br{border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}.edge{background:var(--paper);padding:1px 6px;position:absolute}.edge span{color:var(--ink-3)}.edge.top-left{top:4px;left:30px}.edge.top-right{font-variant-numeric:tabular-nums;top:4px;right:30px}.edge.bottom-left{bottom:4px;left:30px}.edge.bottom-left .led{width:5px;height:5px}.home{z-index:2;width:min(440px,34vw);color:var(--ink);padding:26px 30px 30px;position:fixed;top:50%;left:8vw;transform:translateY(-50%)}.home:after,.titleblock:after{content:"";z-index:-1;background:var(--paper);border:1px solid var(--rule);position:absolute;inset:0}.home:before{content:"";z-index:-2;background-image:radial-gradient(circle,#2a292c59 1.1px,#0000 1.6px),radial-gradient(circle,#2a292c59 1.1px,#0000 1.6px);background-position:0 0,3px 3px;background-size:6px 6px;position:absolute;inset:0;transform:translate(10px,10px)}.titleblock:before{content:"";z-index:-2;background-image:radial-gradient(circle,#2a292c59 1.1px,#0000 1.6px),radial-gradient(circle,#2a292c59 1.1px,#0000 1.6px);background-position:0 0,3px 3px;background-size:6px 6px;position:absolute;inset:0;transform:translate(8px,8px)}.meta{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--rule);gap:22px;margin-top:0;margin-bottom:26px;padding-bottom:14px;font-size:10.5px;display:flex}.meta .online{color:var(--ink-2)}.meta .led{width:5px;height:5px}.title{letter-spacing:-.035em;color:var(--ink);margin:0;font-family:Work Sans,sans-serif;font-size:clamp(34px,3.9vw,60px);font-weight:700;line-height:1.02}.title span{color:var(--ink-2);font-weight:400;display:block}.flow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);align-items:center;margin:26px 0 30px;font-size:10px;display:flex}.flow .node{border:1px solid var(--ink-2);white-space:nowrap;padding:5px 8px}.flow .wire{background:repeating-linear-gradient(90deg, var(--ink-2) 0 4px, transparent 4px 8px);background-size:8px 1px;flex:1;min-width:18px;height:1px;animation:.6s linear infinite wire;position:relative}.flow .wire:after{content:"";border-left:5px solid var(--ink-2);border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;position:absolute;top:-3px;right:-1px}@keyframes wire{0%{background-position:0 0}to{background-position:8px 0}}.links{border-top:1px solid var(--rule)}.links a{border-bottom:1px solid var(--rule);color:var(--ink);font-family:var(--mono);letter-spacing:.06em;grid-template-columns:34px 1fr auto 22px;align-items:baseline;padding:12px 4px;font-size:12px;text-decoration:none;display:grid}.links .n{color:var(--ink-3);font-size:10.5px}.links .k{text-transform:uppercase;letter-spacing:.14em;font-weight:500}.links .v{color:var(--ink-2)}.links .arr{text-align:right;transition:transform .2s}.links a:hover,.titleblock button:hover{background-image:radial-gradient(circle,#2a292c33 1px,#0000 1.5px),radial-gradient(circle,#2a292c33 1px,#0000 1.5px);background-position:0 0,3px 3px;background-size:6px 6px}.links a:hover .arr{transform:translate(3px)}.links a:focus-visible{outline:1px solid var(--ink);outline-offset:-1px}.titleblock{z-index:2;right:calc(var(--inset) + 30px);bottom:calc(var(--inset) + 30px);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);pointer-events:none;font-size:10.5px;position:fixed}.titleblock div{border-bottom:1px solid var(--rule);grid-template-columns:86px 1fr;min-width:280px;padding:7px 12px;display:grid}.titleblock div:last-child{border-bottom:none}.titleblock span{color:var(--ink-3)}.titleblock b{font-weight:400}.titleblock .tb-fig{grid-template-columns:86px 1fr auto auto;align-items:center;padding-top:4px;padding-bottom:4px}.titleblock button{pointer-events:auto;cursor:pointer;font:inherit;color:var(--ink);border:none;border-left:1px solid var(--rule);background:0 0;height:28px;margin:-4px 0;padding:2px 10px;font-size:12px}.titleblock button:last-child{margin-right:-12px}@media (aspect-ratio<=115/100){:root{--inset:12px}.edge.bottom-left,.titleblock{display:none}.home{top:auto;left:50%;bottom:max(5vh, env(safe-area-inset-bottom));box-sizing:border-box;width:min(440px,100vw - 48px);padding:18px 18px 20px;transform:translate(-50%)}.title{font-size:clamp(28px,7.6vw,40px)}.meta{display:none}.flow{margin:14px 0;font-size:9px}.flow .node{padding:4px 6px}.links a{padding:9px 2px;font-size:11.5px}}.clean .home,.clean .frame,.clean .titleblock,.clean astro-dev-toolbar{opacity:0!important}@media (prefers-reduced-motion:reduce){.led,.flow .wire{animation:none}}