body{--margin:64px;--inner:min(100vw - 2 * var(--margin), 806.4px);--bg:#050505;--ink:#ebe6db;--dim:#6d6b66;--chrome:#a9a49a;--cell-w:7.2px;--cell-h:13px}.wall{z-index:1;touch-action:pinch-zoom;width:100%;height:100%;position:absolute;inset:0}.tile{z-index:2;pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0}.machine{z-index:2;pointer-events:none;display:none;position:absolute}.status{z-index:3;background:var(--line,var(--bg));color:var(--chrome);letter-spacing:0;white-space:nowrap;pointer-events:none;opacity:0;margin:0;font:400 12px/13px Plex Mono,ui-monospace,monospace;transition:opacity .32s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;overflow:hidden}.status.is-on{opacity:1}.status .mode{padding:0 var(--cell-w);background:var(--accent,var(--ink));color:var(--bg)}.status .path{min-width:0;padding:0 var(--cell-w);text-overflow:ellipsis;flex:1;overflow:hidden}.status .pos{padding:0 var(--cell-w)}.status.is-insert .mode{background:var(--insert,var(--accent,var(--ink)))}.cmdline{z-index:3;height:var(--cell-h);color:var(--ink);letter-spacing:0;white-space:pre;pointer-events:none;opacity:0;margin:0;font:400 12px/13px Plex Mono,ui-monospace,monospace;transition:opacity .32s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;overflow:hidden}.cmdline.is-on{opacity:1}.cmdline .cmd{flex:1;min-width:0;overflow:hidden}.cmdline.is-typing .cmd:after{content:"";width:var(--cell-w);height:var(--cell-h);vertical-align:top;background:var(--accent,var(--ink));display:inline-block}.cmdline .showcmd{width:calc(11 * var(--cell-w));color:var(--chrome);flex:none}.glass{z-index:2;pointer-events:none;background:color-mix(in srgb, var(--bg) 35%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;position:absolute}.kb-glass{--feather:14px;opacity:0;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent), linear-gradient(to bottom, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent);-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent), linear-gradient(to bottom, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent), linear-gradient(to bottom, transparent, #000 var(--feather), #000 calc(100% - var(--feather)), transparent);transition:opacity .32s cubic-bezier(.23,1,.32,1);-webkit-mask-composite:source-in;mask-composite:intersect}.kb-glass.is-on{opacity:1}.frame-top{top:0;left:0;right:0}.brand{left:calc(5 * var(--cell-w));top:calc(3 * var(--cell-h));gap:var(--cell-w);min-height:0;color:var(--ink);letter-spacing:0;font:400 12px/13px Plex Mono,ui-monospace,monospace;position:absolute}.brand svg{width:calc(2 * var(--cell-w));height:12px}.brand:after,.enter:after{content:"";position:absolute;inset:-16px -8px}.switch{position:absolute;top:26px;right:40px}.switch.is-solo{top:calc(3 * var(--cell-h))}.switch.is-solo a,.switch.is-solo .lang-key{letter-spacing:0;min-width:0;min-height:0;font:400 12px/13px Plex Mono,ui-monospace,monospace;position:relative}.switch.is-solo a:after,.switch.is-solo .lang-key:after{content:"";position:absolute;inset:-16px -8px}.enter{top:calc(100% - 4 * var(--cell-h));right:calc((100vw - var(--inner)) / 2 + 5 * var(--cell-w));z-index:6;min-height:0;padding:0 var(--cell-w);background:var(--ink);color:var(--bg);letter-spacing:0;text-transform:none;white-space:nowrap;font:400 12px/13px Plex Mono,ui-monospace,monospace;display:block;position:absolute;bottom:auto}.enter:hover{filter:brightness(1.18)}.theme-key{top:calc(100% - 4 * var(--cell-h));right:calc((100vw - var(--inner)) / 2 + 17 * var(--cell-w));z-index:6;align-items:center;gap:var(--cell-w);color:var(--chrome);letter-spacing:0;white-space:nowrap;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font:400 12px/13px Plex Mono,ui-monospace,monospace;display:inline-flex;position:absolute}.theme-key:hover{color:var(--ink)}.command-glyph{width:14px;height:10px;color:var(--accent,var(--ink));flex:none;display:inline-block;position:relative}.command-glyph:before{content:"";border-bottom:2px solid;border-right:2px solid;width:5px;height:5px;position:absolute;top:1px;left:1px;transform:rotate(-45deg)}.command-glyph:after{content:"";background:currentColor;width:6px;height:2px;position:absolute;bottom:0;right:0}.theme-key .command-glyph{margin-top:-1px}.theme-key:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.enter:focus-visible{outline-offset:4px}.note{left:calc(5 * var(--cell-w));bottom:calc(2 * var(--cell-h));z-index:6;color:var(--ink);letter-spacing:0;padding-right:var(--cell-w);background:var(--bg);white-space:nowrap;pointer-events:none;margin:0;font:400 12px/13px Plex Mono,ui-monospace,monospace;position:absolute}.hero{left:calc((100vw - var(--inner)) / 2 + 5 * var(--cell-w));width:calc(var(--inner) - 10 * var(--cell-w));z-index:6;color:var(--ink);letter-spacing:0;margin:0;font:400 12px/13px Plex Mono,ui-monospace,monospace;position:absolute;bottom:58px}.hero p{margin:0}.hero-name{margin:0 0 var(--cell-h);letter-spacing:0;font:400 44px/39px Instrument Serif,serif}.hero-meta{color:var(--chrome)}.hero-open{display:block}.hero-open:before{content:"● ";color:var(--accent,var(--ink))}.hero-links{gap:0 calc(3 * var(--cell-w));margin-top:var(--cell-h);flex-wrap:wrap;display:flex}.hero-links a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--dim);text-decoration-color:var(--dim);text-underline-offset:3px;position:relative}.hero-links a:before{content:"→ ";color:var(--accent,var(--ink))}.hero-links a:hover{text-decoration-color:currentColor}.hero-links a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.brand,.switch,.hero,.note,.enter,.theme-key{transition:opacity .32s cubic-bezier(.23,1,.32,1)}.is-leaving .brand,.is-leaving .switch,.is-leaving .hero,.is-leaving .note,.is-leaving .enter,.is-leaving .theme-key,.is-leaving .glass,.is-leaving .status,.is-leaving .cmdline{opacity:0}@media (width<=1100px){body{--margin:36px}}@media (width<=800px){body{--margin:20px}}@media (width<=380px){body{--margin:16px}}@media (width<=640px){.brand span{display:inline}.switch{top:calc(5 * var(--cell-h));right:8px}}