@font-face{font-family:DiatypeVF;src:url(/fonts/diatype/ABCDiatypeVariable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg: #050505;--fg: #d4d4d4;--muted: #888;--border: #333;--accent: #00ff41;--panel: transparent;--code-bg: #22272e;--code-border: color-mix(in srgb, currentColor 14%, transparent);--container-w: 88ch;--container-pad: clamp(20px, 4vw, 52px);--font-reading: "DiatypeVF", "Helvetica Neue", Arial, sans-serif;--font-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}html[data-theme=paper]{--bg: #f6f3ea;--fg: #111;--muted: #555;--border: #bbb;--accent: #1a49ff;--panel: transparent;--code-bg: #fafaf8;--code-border: color-mix(in srgb, currentColor 16%, transparent)}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-mono);margin:0;padding:20px;font-size:16px;line-height:1.55;letter-spacing:0;text-align:left}body.detail{font-family:var(--font-reading);font-size:17px;line-height:1.76;letter-spacing:.005em}body.detail h1{font-family:var(--font-reading);font-weight:500;font-size:clamp(1.75rem,1.25rem + 2vw,2.6rem);color:var(--fg);border-bottom:none;letter-spacing:-.03em;line-height:1.1;padding-bottom:0;margin-top:4px;margin-bottom:36px}body.detail h2{font-family:var(--font-reading);font-weight:480;font-size:1.3rem;color:var(--fg);letter-spacing:-.015em;padding-bottom:0;margin-top:52px;margin-bottom:14px}body.detail h3{font-family:var(--font-reading);font-weight:520;font-size:1.22rem;color:var(--fg);letter-spacing:-.012em;padding-bottom:0;margin-top:40px;margin-bottom:8px}body.detail h4,body.detail h5,body.detail h6{font-family:var(--font-mono);font-weight:400;font-size:.78rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:28px;margin-bottom:6px}body.detail strong,body.detail b{font-weight:600;color:inherit}body.detail blockquote{background:transparent;border-left:2px solid var(--border);margin:40px 0;padding:2px 0 2px 20px;color:var(--muted);font-family:var(--font-mono);font-style:normal;font-size:.83em;line-height:1.62}body.detail main p{text-align:left;overflow-wrap:break-word;max-width:72ch}body.detail main li{text-align:left;max-width:72ch}body.detail :not(pre)>code{background:color-mix(in srgb,currentColor 6%,transparent);border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:6px;padding:.12em .38em;font-family:var(--font-mono);font-size:.84em}body.detail pre.astro-code{font-family:var(--font-mono);font-size:.88em}.container{max-width:var(--container-w);margin-left:0;margin-right:auto;padding:var(--container-pad);padding-top:11px;min-height:90vh;background:var(--panel)}.detail-top{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:36px;font-size:.82em;font-family:var(--font-mono)}.detail-nav a{color:var(--muted);border-bottom:none;letter-spacing:.04em}.detail-nav a:hover{color:var(--accent);background:transparent}.panel{background:transparent;border:1px solid var(--border);padding:12px 14px;margin:20px 0}.muted{color:var(--muted)}a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent);transition:all .15s}a:hover{background-color:var(--accent);color:var(--bg)}pre.astro-code{background-color:var(--code-bg)!important;border:1px solid var(--code-border);border-left:4px solid color-mix(in srgb,var(--accent) 60%,transparent);border-radius:12px;padding:18px 20px;margin:16px 0;overflow-x:auto;font-family:var(--font-mono);line-height:1.6;font-size:.92em;tab-size:2}pre.astro-code code{background:transparent!important;padding:0!important;border:0!important}pre::-webkit-scrollbar{height:8px}pre::-webkit-scrollbar-track{background:color-mix(in srgb,var(--bg) 85%,transparent);border-bottom-left-radius:12px;border-bottom-right-radius:12px}pre::-webkit-scrollbar-thumb{background:color-mix(in srgb,currentColor 18%,transparent);border-radius:12px}pre::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,currentColor 28%,transparent)}main img{max-width:100%;height:auto;display:block;margin:30px auto;border:1px solid var(--border)}.video-container{width:100%;aspect-ratio:16 / 9;margin:30px 0;background:#000}.video-container iframe{width:100%;height:100%}#theme-toggle{background:transparent;border:none;color:var(--muted);font-family:inherit;font-size:1.2em;cursor:pointer;padding:0;line-height:1;transition:all .15s}#theme-toggle:hover{color:var(--accent);transform:rotate(15deg)}