:root{--page:#e9e8e4;--window:#fff;--chrome:#f6f5f3;--line:#e2e0dc;--ink:#1d1d1b;--muted:#6f6c66;--faint:#b4b0a8;--accent:#5e9e1a;--shadow:0 30px 80px -20px #00000047, 0 0 0 .5px #0000002e;--mono:ui-monospace, "SF Mono", Menlo, monospace;--sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--page:#10100f;--window:#1b1b19;--chrome:#232321;--line:#34332f;--ink:#ecebe6;--muted:#a19d95;--faint:#5f5c56;--accent:#9be22d;--shadow:0 30px 80px -20px #000000b3, 0 0 0 .5px #ffffff1f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--page);color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}#app{height:100dvh;display:grid}svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round;stroke-linecap:round}.window{background:var(--window);grid-template-rows:44px 1fr;min-height:0;display:grid;position:relative;overflow:hidden}.titlebar{background:var(--chrome);border-bottom:1px solid var(--line);z-index:3;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;display:grid;position:relative}.crumbs{white-space:nowrap;grid-column:2;align-items:center;gap:4px;min-width:0;font-size:13px;font-weight:600;display:flex;overflow:hidden}.crumbs a{color:var(--muted);border-radius:5px;align-items:center;gap:6px;padding:2px 4px;text-decoration:none;display:flex}.crumbs a:hover{background:var(--line)}.crumbs a.here{color:var(--ink)}.crumbs svg{width:16px;height:14px}.crumbs .sep{color:var(--faint)}.tools{justify-self:end;gap:2px;display:flex}.tool{width:28px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.tool:hover{background:var(--line);color:var(--ink)}.tool svg{stroke-width:1.6px;width:16px;height:16px}.search{background:var(--window);border:1px solid var(--line);width:min(360px,100vw - 32px);box-shadow:var(--shadow);border-radius:10px;padding:8px;position:absolute;top:40px;right:10px}.search input{width:100%;font:inherit;border:1px solid var(--line);background:var(--chrome);color:var(--ink);border-radius:7px;outline:none;padding:7px 10px}.search input:focus{border-color:var(--accent)}.results{margin:6px 0 0;padding:0;list-style:none}.results a{color:var(--ink);border-radius:6px;grid-template-columns:16px 1fr;column-gap:8px;padding:6px 8px;text-decoration:none;display:grid}.results a:hover,.results a:focus{background:var(--chrome)}.results svg{width:14px;height:16px;color:var(--muted);grid-row:span 2;margin-top:3px}.results small{color:var(--faint);font-family:var(--mono);font-size:11px}.results .empty{color:var(--faint);padding:8px}.stage{min-height:0;position:relative;overflow:hidden}canvas{cursor:grab;touch-action:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}canvas:active{cursor:grabbing}.nodes{pointer-events:none;position:absolute;inset:0}.node{color:var(--muted);white-space:nowrap;pointer-events:auto;will-change:transform;border-radius:6px;align-items:center;gap:5px;margin:-11px 0 0 -12px;padding:2px 6px 2px 2px;font-size:12px;font-weight:500;text-decoration:none;transition:opacity .35s,color .2s;display:flex;position:absolute;top:0;left:0}.node.stack{cursor:pointer;background:0 0;border:0;font-family:inherit}.pile{flex:none;display:grid;position:relative}.pile svg{grid-area:1/1}.pile svg:first-child{opacity:.4;transform:translate(5px,-5px)}.pile svg:nth-child(2){opacity:.7;transform:translate(2.5px,-2.5px)}.node.stack.picked .pile svg:not(:last-child),.node.stack[aria-expanded=true] .pile svg:not(:last-child),.node.stack[aria-expanded=true]>span:last-child{opacity:0}.node.stack:hover .pile svg,.node.stack:focus-visible .pile svg{color:var(--ink);transform:none}.node.stack:hover .pile svg:first-child,.node.stack:focus-visible .pile svg:first-child{transform:translate(6px,-6px)}.node.stack:hover .pile svg:nth-child(2),.node.stack:focus-visible .pile svg:nth-child(2){transform:translate(3px,-3px)}.node.fan{z-index:1;transition:color .2s}.node.fan[data-state=fan]{pointer-events:auto}.nodes.fanning .node:not(.fan):not([aria-expanded=true]):not([data-state=hidden]):not([data-state=current]){opacity:.25}.node.image svg,.node.link svg{width:20px;height:20px;color:var(--faint)}.node.flip{flex-direction:row-reverse;padding:2px 2px 2px 6px}.node svg{background:var(--window);border-radius:3px;flex:none;width:22px;height:20px;transition:transform .2s}.node.post svg{width:18px;height:22px;color:var(--faint)}.node.post .lines{stroke-width:1px}.node span{background:color-mix(in srgb, var(--window) 75%, transparent);border-radius:3px;padding:0 2px}.node:hover,.node:focus-visible{color:var(--ink);outline:none}.node:hover svg,.node:focus-visible svg{color:var(--ink);transform:scale(1.12)}.node[data-state=hidden]{opacity:0;pointer-events:none}.node[data-state=current],.node[data-state=open]{color:var(--ink);font-weight:650}.node[data-state=current] svg,.node[data-state=open] svg{color:var(--ink);stroke-width:1.9px}.reader{background:var(--window);border-left:1px solid var(--line);z-index:2;width:min(620px,62%);animation:.35s cubic-bezier(.2,.8,.2,1) slide;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-20px 0 40px -30px #0000004d}.reader[hidden]{display:none}@keyframes slide{0%{opacity:0;transform:translate(40px)}}.reader-bar{background:color-mix(in srgb, var(--window) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);font:12px var(--mono);color:var(--muted);justify-content:space-between;align-items:center;padding:8px 16px;display:flex;position:sticky;top:0}.close{color:var(--muted);border-radius:5px;padding:2px 6px;text-decoration:none}.close:hover{background:var(--line);color:var(--ink)}.reader-body{padding:32px clamp(16px,5vw,48px) 64px}.reader-body h1{letter-spacing:-.01em;margin:0 0 6px;font-size:26px;line-height:1.25}.reader-body time{color:var(--faint);font:12px var(--mono);margin-bottom:24px;display:block}.prose{font-size:15.5px;line-height:1.8}.prose a{color:var(--accent)}.prose h2{margin:2em 0 .6em;font-size:18px}.prose code{font:.88em var(--mono);background:var(--chrome);border:1px solid var(--line);border-radius:4px;padding:.1em .35em}.prose pre{background:var(--chrome);border:1px solid var(--line);border-radius:8px;padding:14px 16px;line-height:1.55;overflow-x:auto}.prose pre code{background:0 0;border:0;padding:0}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:1.2em 0;padding-left:14px}.reader.viewing-image:not([hidden]){flex-direction:column;display:flex;overflow:hidden}.reader.viewing-image .reader-body{flex:1;min-height:0;padding:16px}.picture{object-fit:contain;width:100%;height:100%;display:block}.prose img{border-radius:6px;max-width:100%}@media (width<=700px){.titlebar{grid-template-columns:1fr auto}.crumbs{grid-column:1}.reader{width:100%}.crumbs a:not(.here),.crumbs .sep{display:none}}@media (prefers-reduced-motion:reduce){.reader{animation:none}}