.post-body .ProseMirror{outline:none;font-family:var(--serif);font-size:18px;line-height:1.7;color:var(--text);padding-bottom:45vh;word-wrap:break-word}.post-body.reading .ProseMirror{padding-bottom:96px}.post-body .ProseMirror>*+*{margin-top:.55em}.post-body .ProseMirror h1,.post-body .ProseMirror h2,.post-body .ProseMirror h3,.post-body .ProseMirror h4{font-family:var(--mono);font-weight:700;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;margin:2.2em 0 .6em}.post-body .ProseMirror h1{font-size:16px}.post-body .ProseMirror h2{font-size:14px}.post-body .ProseMirror h3{font-size:13px}.post-body .ProseMirror h4{font-size:12px;color:var(--text-soft)}.post-body .ProseMirror p{margin-bottom:0}.post-body .ProseMirror a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.post-body .ProseMirror blockquote{border-left:2px solid var(--line);margin:1em 0;padding-left:18px;color:var(--text-soft)}.post-body .ProseMirror ul,.post-body .ProseMirror ol{padding-left:26px}.post-body .ProseMirror li{line-height:1.5}.post-body .ProseMirror li+li{margin-top:0}.post-body .ProseMirror li>p{margin:0}.post-body .ProseMirror hr{border:none;border-top:1px solid var(--line);margin:2em auto;width:40%}.post-body .ProseMirror code{font-family:var(--mono);font-size:.85em;background:var(--code-bg);border-radius:4px;padding:2px 5px}.post-body .ProseMirror pre{background:var(--codeblock-bg);color:var(--codeblock-text);font-family:var(--mono);font-size:13.5px;line-height:1.6;border-radius:8px;padding:16px 18px;overflow-x:auto}.post-body .ProseMirror pre code{background:none;padding:0;font-size:inherit}.post-body .ProseMirror img{max-width:100%;height:auto;border:1px solid var(--text);border-radius:10px;display:block;margin:1.2em 0}.post-body .ProseMirror img.ProseMirror-selectednode{outline:2px solid var(--accent)}.post-body .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;color:var(--text-muted);opacity:.6;pointer-events:none}.post-body .hljs-comment,.post-body .hljs-quote{color:#6b7a90;font-style:italic}.post-body .hljs-keyword,.post-body .hljs-selector-tag,.post-body .hljs-tag,.post-body .hljs-name{color:#7fa6dd}.post-body .hljs-string,.post-body .hljs-regexp,.post-body .hljs-addition{color:#8fc2b4}.post-body .hljs-number,.post-body .hljs-literal,.post-body .hljs-symbol,.post-body .hljs-bullet{color:#b9a5e0}.post-body .hljs-title,.post-body .hljs-function,.post-body .hljs-section{color:#9ecbf5}.post-body .hljs-attr,.post-body .hljs-attribute,.post-body .hljs-variable,.post-body .hljs-template-variable{color:#c3b0e8}.post-body .hljs-built_in,.post-body .hljs-type,.post-body .hljs-class{color:#79bfc9}.post-body .hljs-meta,.post-body .hljs-deletion{color:#d99a9a}.post-body .hljs-emphasis{font-style:italic}.post-body .hljs-strong{font-weight:600}:root{--bg: #f5f5f4;--text: #22375c;--text-soft: #4d5f7d;--text-muted: #8994a5;--line: #e4e4e3;--accent: #22375c;--chip-bg: #ebebea;--code-bg: #ebebea;--codeblock-bg: #1b2436;--codeblock-text: #dde3ee;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: "SF Mono", Menlo, Consolas, monospace;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--script: "Pinyon Script", "Snell Roundhand", "Apple Chancery", cursive;--title-ink: #3d6fb4;--column: 680px;color-scheme:light}:root[data-theme=dark]{--bg: #563129;--text: #dee6f2;--text-soft: #b3c1d6;--text-muted: #8593a8;--line: #6d443a;--accent: #cbd8ea;--chip-bg: #663f35;--code-bg: #663f35;--codeblock-bg: #16202f;--codeblock-text: #dde3ee;--title-ink: #8fb6e8;color-scheme:dark}::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:ease;mix-blend-mode:normal}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}button{font-family:inherit}.column{max-width:var(--column);margin:0 auto;padding:0 24px 96px}.top-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:14px;max-width:var(--column);margin:0 auto;padding:14px 24px 10px;font-family:var(--mono);font-size:12px;color:var(--text-muted);transition:opacity .2s ease}.top-bar:before{content:"";position:absolute;inset:0 0 0 50%;transform:translate(-50%);width:100vw;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);-webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent);mask-image:linear-gradient(to bottom,#000 60%,transparent);z-index:-1;pointer-events:none}.top-bar>*{opacity:.65;transition:opacity .2s ease}.top-bar:hover>*,.top-bar:focus-within>*{opacity:1}.top-bar .spacer{flex:1}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:4px;margin:-4px 0;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:color .12s ease,transform .16s cubic-bezier(.23,1,.32,1)}.theme-toggle:hover{color:var(--text)}.theme-toggle:active{transform:scale(.88)}.bar-link,.bar-btn{font-family:var(--mono);font-size:12px;color:var(--text-muted);background:none;border:none;padding:4px 0;cursor:pointer;text-decoration:none}.bar-link:hover,.bar-btn:hover{color:var(--text)}.bar-btn.primary{color:var(--accent)}.brand{font-family:var(--mono);font-size:17px;font-weight:600;line-height:1;color:var(--text-soft);text-decoration:none}.post-title{display:grid;font-family:var(--tune-title-font, var(--script));font-size:var(--tune-title-size, clamp(58px, 16vw, 85px));font-weight:var(--tune-title-weight, 400);line-height:1.1;letter-spacing:.01em;text-align:center;text-wrap:balance;overflow-wrap:break-word;margin:56px 0 20px;filter:url(#jitter)}.post-title .title-outline,.post-title .title-fill{display:block;grid-area:1 / 1;min-width:0;overflow-wrap:break-word}.post-title .title-outline{color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:var(--tune-stroke, 1.3px) var(--tune-color-outline, var(--title-ink))}.post-title .title-fill{background-image:linear-gradient(var(--tune-grad-angle, 100deg),var(--tune-color-start, var(--title-ink)) 0%,var(--tune-color-mid, color-mix(in srgb, var(--title-ink) 62%, var(--text))) var(--tune-grad-midpos, 66%),var(--tune-color-end, color-mix(in srgb, var(--title-ink) 78%, #000)) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;--band-a: calc(var(--tune-band-pos-em, .81em) - var(--tune-band-width-em, .41em));--band-b: calc(var(--tune-band-pos-em, .81em) + var(--tune-band-width-em, .41em));--band-mask: repeating-linear-gradient( var(--tune-band-angle, 180deg), #000 0, #000 var(--band-a), rgb(0 0 0 / var(--tune-band-depth, .15)) var(--tune-band-pos-em, .81em), #000 var(--band-b), #000 var(--tune-band-repeat, 1.1em) );-webkit-mask-image:var(--band-mask);mask-image:var(--band-mask)}.post-title .cap{font-size:calc(1em * var(--tune-cap-scale, 1.45));line-height:0}textarea.post-title{display:block;width:100%;border:none;background:none;background-image:none;padding:0;resize:none;overflow:hidden;outline:none;color:var(--title-ink);-webkit-text-fill-color:var(--title-ink);-webkit-text-stroke:0;filter:none}textarea.post-title::placeholder{color:var(--text-muted);opacity:.6}.post-date{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-align:center;margin:0 0 40px}.masthead{font-size:var(--masthead-size, clamp(62px, 17vw, 96px));margin:40px 0 0;text-align:left}.masthead-head{margin:0 0 44px}.page-head{margin:56px 0 32px}.page-head h1{font-family:var(--mono);font-size:14px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin:0}.post-list{list-style:none;margin:0;padding:0}.post-list li{border-top:1px solid var(--line)}.post-list li:last-child{border-bottom:1px solid var(--line)}.post-row{display:flex;align-items:baseline;gap:16px;padding:12px 0;text-decoration:none}.post-row .row-title{flex:1;font-family:var(--mono);font-size:13px;font-weight:400;letter-spacing:.02em;line-height:1.6;color:var(--text)}.post-row:hover .row-title{color:var(--text-muted)}.row-date{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;width:12.2em;flex:none;text-align:right}.row-views{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;width:7.5em;flex:none;text-align:right}.row-action{border:none;background:none;color:var(--text-muted);cursor:pointer;padding:2px 4px;align-self:center;display:flex;opacity:0}.post-list li:hover .row-action,.row-action:focus-visible{opacity:.7}.row-action:hover{color:var(--text);opacity:1}@media(hover:none){.row-action{opacity:.6}}.empty-note{color:var(--text-muted);font-size:15px;padding:4px 0 16px}.save-status{min-width:60px}.key-input{font-family:var(--mono);font-size:15px;color:var(--text);background:none;border:none;border-bottom:1px solid var(--line);padding:8px 0;width:min(320px,100%);outline:none}.key-input:focus{border-bottom-color:var(--accent)}.bar-btn.danger:hover{color:#a8443c}.quote-group{border-top:1px solid var(--line);padding:24px 0}.quote-list .quote-group:last-child{border-bottom:1px solid var(--line)}.quote-text{font-family:var(--sans);font-size:15px;line-height:1.7;color:var(--text);margin:0 0 14px;padding-left:18px;border-left:2px solid var(--line);white-space:pre-line}.quote-source{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);text-decoration:none}.quote-source:hover{color:var(--text)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.skeleton-line{height:14px;border-radius:4px;background:var(--chip-bg);animation:skeleton-pulse 1.3s ease-in-out infinite;margin:0 0 14px}@keyframes content-in{0%{opacity:0}to{opacity:1}}.content-in{animation:content-in .18s ease-out both}.swipe-wrap{position:relative;overflow:hidden}.swipe-delete{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding-right:20px;background:#a8443c;color:#fff;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.swipe-surface{position:relative;background:var(--bg);will-change:transform;touch-action:pan-y}.tuner{position:fixed;top:16px;right:16px;z-index:999;width:260px;max-height:calc(100vh - 32px);overflow-y:auto;padding:12px 14px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);box-shadow:0 8px 30px #0000001f;font-family:var(--mono);font-size:11px;color:var(--text)}.tuner-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tuner-head button,.tuner-fab{font-family:var(--mono);font-size:11px;color:var(--text-soft);background:var(--chip-bg);border:none;border-radius:5px;padding:3px 7px;margin-left:4px;cursor:pointer}.tuner-fab{position:fixed;top:16px;right:16px;z-index:999;padding:6px 10px}.tuner-row{display:block;margin-bottom:9px}.tuner-label{display:flex;justify-content:space-between;color:var(--text-soft);margin-bottom:3px}.tuner-label em{font-style:normal;color:var(--text-muted)}.tuner-row input[type=range]{width:100%;margin:0;accent-color:var(--title-ink)}.tuner-out{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.tuner-out summary{cursor:pointer;color:var(--text-soft)}.tuner-out textarea{width:100%;margin-top:8px;font-family:var(--mono);font-size:10px;line-height:1.5;color:var(--text);background:var(--chip-bg);border:none;border-radius:6px;padding:8px;resize:vertical}.tuner-colors{display:grid;gap:6px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.tuner-swatch{display:flex;align-items:center;gap:7px;color:var(--text-soft)}.tuner-swatch input[type=color]{width:26px;height:20px;padding:0;border:1px solid var(--line);border-radius:4px;background:none;cursor:pointer}.tuner-swatch span{flex:1}.tuner-clear{font-family:var(--mono);font-size:12px;line-height:1;color:var(--text-muted);background:none;border:none;padding:2px 4px;cursor:pointer}.tuner-select{width:100%;font-family:var(--mono);font-size:11px;color:var(--text);background:var(--chip-bg);border:none;border-radius:5px;padding:4px 6px;cursor:pointer}.title-demo-wrap{position:relative;margin:32px 0}.title-demo-delete{position:absolute;top:-10px;right:-10px;z-index:2;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:15px;line-height:1;color:var(--text-soft);background:var(--bg);border:1px solid var(--line);border-radius:50%;cursor:pointer;opacity:0;transition:opacity .15s ease}.title-demo-wrap:hover .title-demo-delete,.title-demo-wrap.is-selected .title-demo-delete,.title-demo-delete:focus-visible{opacity:1}.title-demo-delete:hover{color:#a8443c;border-color:#a8443c}.title-demo-wrap.is-selected .title-demo{border-color:var(--title-ink)}@media(hover:none){.title-demo-delete{opacity:1}}.title-demo{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.title-demo-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}@media(max-width:720px){.title-demo-split{grid-template-columns:minmax(0,1fr)}}.title-demo-stage{display:flex;align-items:center;justify-content:center;min-height:210px;padding:30px 24px;overflow-x:auto;justify-content:safe center;scrollbar-width:thin;position:relative}.title-demo-split{position:relative}.title-demo-split:before,.title-demo-split:after{content:"";position:absolute;top:1px;bottom:1px;width:30px;pointer-events:none;z-index:1}.title-demo-split:before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}.title-demo-split:after{left:calc(53% - 30px);background:linear-gradient(270deg,var(--bg),transparent)}@media(max-width:720px){.title-demo-split:after{left:auto;right:0}}.title-demo-code{margin:0;padding:16px 16px 18px;overflow-x:auto;border-left:1px solid var(--line);background:var(--codeblock-bg);color:var(--codeblock-text);font-family:var(--mono);font-size:10.5px;line-height:1.65;white-space:pre;tab-size:2}.title-demo-code code{background:none;padding:0;font:inherit;color:inherit}.title-demo-code .tk-c{color:#64748b;font-style:italic}.title-demo-code .tk-sel{color:#f2b880}.title-demo-code .tk-prop{color:#7fb2ea}.title-demo-code .tk-num{color:#b9a5e0}.title-demo-code .tk-hex{color:#6fd0c0}.title-demo-code .tk-str{color:#97d3a8}.title-demo-code .tk-fn{color:#e6c07b}.title-demo-code .tk-tag{color:#e29aa8}.title-demo-code .tk-kw{color:#c3a0ea}@media(max-width:720px){.title-demo-code{border-left:none;border-top:1px solid var(--line)}}.title-demo-inner{display:flex;align-items:center;justify-content:center;flex:none}.title-demo-stage>*>*{white-space:nowrap;text-align:center;flex:none}.demo-cap{font-size:calc(1em * var(--demo-cap-scale, 1));line-height:0}.title-demo .demo-layered{margin:0;font-size:85px}.title-demo-meta{display:flex;flex-direction:column;gap:7px;padding:12px 16px 14px;border-top:1px solid var(--line);background:var(--chip-bg);font-family:var(--mono);font-size:11px;line-height:1.5;color:var(--text-soft)}.title-demo-label b{font-weight:600;color:var(--text)}.title-demo-params{display:flex;flex-wrap:wrap;gap:5px}.title-demo-params code{padding:2px 6px;border-radius:4px;background:var(--bg);font-size:10px;color:var(--text-muted)}.title-demo-note{color:var(--text-muted);font-family:var(--serif);font-size:13px;line-height:1.5}.figures-wrap{position:relative;margin:32px 0}.figures{display:grid;grid-template-columns:repeat(var(--figure-count, 2),minmax(0,1fr));gap:14px;align-items:start}.figures figure{margin:0}.post-body .ProseMirror .figures img{width:100%;aspect-ratio:var(--figure-ratio, 16 / 10);object-fit:cover;object-position:center;margin:0;display:block}.figures figcaption{margin-top:7px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-align:center}.figures-wrap.is-selected .figures img{border-color:var(--title-ink)}@media(max-width:640px){.figures{grid-template-columns:minmax(0,1fr);gap:18px}}.prompt-box-wrap{position:relative;margin:28px 0}.prompt-box{border:1px solid var(--line);border-radius:10px;background:var(--chip-bg);padding:14px 16px 16px}.prompt-box-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.prompt-box-label{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.prompt-box-actions{display:flex;gap:6px}.prompt-btn{font-family:var(--mono);font-size:11px;color:var(--text-soft);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:5px 10px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.prompt-btn:hover{color:var(--text);border-color:var(--text-muted)}.prompt-btn.primary{color:var(--bg);background:var(--title-ink);border-color:var(--title-ink)}.prompt-btn.primary:hover{color:var(--bg);opacity:.88}.prompt-box-blurb{margin:10px 0 0;font-family:var(--serif);font-size:14px;line-height:1.55;color:var(--text-soft)}.prompt-box-text{margin:12px 0 0;max-height:420px;overflow:auto;padding:14px;border-radius:8px;background:var(--codeblock-bg);color:var(--codeblock-text);font-family:var(--mono);font-size:11px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.prompt-box-text code{background:none;padding:0;font:inherit;color:inherit}.prompt-box-wrap.is-selected .prompt-box{border-color:var(--title-ink)}