@charset "UTF-8";:root{--bg: #1e1e2e;--fg: #cdd6f4;--dim: #9399b2;--accent: #a6e3a1;--link: #89b4fa;--rule: #313244;--bar-bg: #181825;--bar-mode-fg: #11111b;--bar-mode-bg: #89b4fa;--measure: 76ch}@media(prefers-color-scheme:light){:root{--bg: #eff1f5;--fg: #4c4f69;--dim: #5c5f77;--accent: #40a02b;--link: #1e66f5;--rule: #ccd0da;--bar-bg: #e6e9ef;--bar-mode-fg: #eff1f5;--bar-mode-bg: #1e66f5}}*,*:before,*:after{box-sizing:border-box}html{font-size:15px;scroll-behavior:smooth}@media(min-width:640px){html{font-size:16px}}body{margin:0;background:#1e1e2e;background:var(--bg);color:#cdd6f4;color:var(--fg);font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,Consolas,monospace;line-height:1.65;-webkit-font-smoothing:antialiased}::-moz-selection{background:#a6e3a1;background:var(--accent);color:#1e1e2e;color:var(--bg)}::selection{background:#a6e3a1;background:var(--accent);color:#1e1e2e;color:var(--bg)}a{color:#89b4fa;color:var(--link);-webkit-text-decoration:none;text-decoration:none;text-underline-offset:3px}a:hover,a:focus-visible{-webkit-text-decoration:underline;text-decoration:underline}a:focus-visible{outline:1px dashed #a6e3a1;outline:1px dashed var(--accent);outline-offset:2px}h1,h2,p,ul,dl,figure,blockquote{margin:0}.dim{color:#9399b2;color:var(--dim)}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem}.page{max-width:76ch;max-width:var(--measure);margin:0 auto;padding:4rem 1rem 5rem}@media(min-width:640px){.page{padding-top:7rem}}.page>*+*{margin-top:3.5rem}.intro>*+*{margin-top:1rem}.intro h1{font-size:1.6rem;font-weight:700;line-height:1.3;letter-spacing:-.01em}.prompt{color:#9399b2;color:var(--dim)}.prompt:after{content:"";display:inline-block;width:.6em;height:1.15em;vertical-align:text-bottom;background:#cdd6f4;background:var(--fg);animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.prompt:after{animation:none}html{scroll-behavior:auto}}section>*+*{margin-top:1rem}h2{font-size:1rem;font-weight:700}h2:before{content:"## ";color:#a6e3a1;color:var(--accent)}.rows{list-style:none;padding:0}.rows li{display:grid;grid-template-columns:1fr auto;grid-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem;padding:.35rem 0;border-bottom:1px dashed #313244;border-bottom:1px dashed var(--rule)}@media(min-width:640px){.rows li{grid-template-columns:11ch 1fr auto}}.rows li>a{white-space:nowrap}.rows li>a:before{content:"> ";color:#9399b2;color:var(--dim)}.rows span:not(.tag){grid-column:1/-1;grid-row:2;color:#9399b2;color:var(--dim)}@media(min-width:640px){.rows span:not(.tag){grid-column:auto;grid-row:auto;color:inherit}}.rows .tag{color:#9399b2;color:var(--dim);font-size:.85em;grid-column:2;grid-row:1}@media(min-width:640px){.rows .tag{grid-column:3}}.stack{display:grid;grid-template-columns:1fr}@media(min-width:640px){.stack{grid-template-columns:10ch 1fr;row-gap:.25rem}}.stack dt{color:#9399b2;color:var(--dim)}.stack dd{margin:0 0 .75rem}@media(min-width:640px){.stack dd{margin:0}}.quote{padding-left:1rem;border-left:2px solid #313244;border-left:2px solid var(--rule)}.quote blockquote:before{content:'"'}.quote blockquote:after{content:'"'}.quote figcaption{color:#9399b2;color:var(--dim)}.quote figcaption:before{content:"— "}.links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;list-style:none;padding:0}.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;padding-top:1.5rem;border-top:1px solid #313244;border-top:1px solid var(--rule);font-size:.85rem}.hint{display:none}@media(hover:hover)and (pointer:fine){.hint{display:block}}.statusline{position:fixed;top:auto;right:0;bottom:0;left:0;display:flex;gap:1ch;align-items:center;padding-right:1ch;background:#181825;background:var(--bar-bg);color:#9399b2;color:var(--dim);font-size:.8rem;line-height:1.8;white-space:nowrap;overflow:hidden}.statusline__mode{padding:0 1ch;background:#89b4fa;background:var(--bar-mode-bg);color:#11111b;color:var(--bar-mode-fg);font-weight:700}.statusline__file{color:#cdd6f4;color:var(--fg);overflow:hidden;text-overflow:ellipsis}.statusline__fill{flex:1}@media(max-width:480px){.statusline__meta{display:none}}.statusline__pos{min-width:4ch;text-align:right}.status{color:#a6e3a1;color:var(--accent)}.demo-toggle{margin-left:.5ch;font-size:.85em;white-space:nowrap}.demo-toggle:after{content:" ▸"}.demo-toggle[aria-expanded=true]:after{content:" ▾"}.rows .demo{grid-column:1/-1;margin:.75rem 0 .5rem}.rows .demo video{display:block;width:100%;height:auto;aspect-ratio:2/1;border:1px solid #313244;border:1px solid var(--rule);border-radius:4px;background:#171717}
