html{--paper: #fbfaf6;--dots: radial-gradient(circle, #d8d3c6 1px, transparent 1.2px);--ink: #2b2925;--muted: #5d594f;--soft: #9a9482;--faint: #cfc9b8;--dotline: #b8b2a2;--card: rgba(255, 255, 255, .65);--accent: #b3432b;--rule: rgba(179, 67, 43, .55);--font-body: "Courier Prime", monospace;--font-hand: "Caveat", cursive;--fsx: 1}html[data-mode=dark]{--paper: #1b1915;--dots: radial-gradient(circle, #37332b 1px, transparent 1.2px);--ink: #e6e1d3;--muted: #a49d8d;--soft: #7c766a;--faint: #453f34;--dotline: #4d463a;--card: rgba(255, 255, 255, .05);--accent: #e07a5f;--rule: rgba(224, 122, 95, .5)}html[data-mode=magic]{--paper: #f4efe2;--dots: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' base%46requency='0.55' num%4Fctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0.38 0 0 0 0 0.29 0 0 0 0 0.13 0 0 0 0.22 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23p)'/%3E%3C/svg%3E"), radial-gradient(ellipse at 50% 18%, rgba(255, 254, 248, .7), rgba(222, 207, 172, .45) 96%);--dotsize: 240px 240px, 100% 100%;--ink: #3d2f1a;--muted: #75613c;--soft: #96835c;--faint: #cfc2a0;--dotline: #c3b38c;--card: rgba(255, 253, 246, .6);--accent: #5f3a10;--rule: rgba(88, 56, 14, .5);--font-body: "Dancing Script", cursive;--font-hand: "Dancing Script", cursive;--fsx: 1.22}body{margin:0;min-height:100vh;background-color:var(--paper);background-image:var(--dots);background-size:var(--dotsize, 22px 22px);background-attachment:fixed;color:var(--ink);font-family:var(--font-body);position:relative}body,body *{transition:background-color .5s ease,color .5s ease,border-color .5s ease}.page{max-width:820px;margin:0 auto;padding:0 24px}.ruled{position:relative}.rule{position:absolute;top:0;bottom:0;left:140px;width:2px;background:var(--rule)}.flow{padding:76px 8px 56px 176px;display:flex;flex-direction:column;gap:48px}.sec{position:relative;display:flex;flex-direction:column;gap:14px}.note{position:absolute;left:-176px;top:2px;width:128px;text-align:right;font-family:var(--font-hand);font-size:21px;color:var(--accent);transform:rotate(-2deg)}.note.r1{transform:rotate(-1deg)}.theme-toggle{position:fixed;top:18px;right:22px;z-index:40;font-family:var(--font-body);font-size:13px;color:var(--muted);background:var(--card);border:1px dashed var(--faint);border-radius:999px;padding:7px 14px;cursor:pointer}.ink-overlay{position:fixed;inset:0;z-index:60;pointer-events:none;background:#1c1208;clip-path:circle(0% at var(--ix, 24%) var(--iy, 18%));opacity:0}@keyframes inkSpread{0%{clip-path:circle(0% at var(--ix, 24%) var(--iy, 18%));opacity:1}45%{clip-path:circle(150% at var(--ix, 24%) var(--iy, 18%));opacity:1}68%{clip-path:circle(150% at var(--ix, 24%) var(--iy, 18%));opacity:1}to{clip-path:circle(150% at var(--ix, 24%) var(--iy, 18%));opacity:0}}.ink-overlay.spread{animation:inkSpread 1.05s ease-in-out forwards}.wiz{opacity:0;transition:opacity .5s ease}html[data-mode=magic] .wiz{opacity:1}.sec-title{margin:0;font-size:calc(15px * var(--fsx));font-weight:700;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:8px;width:fit-content;font-family:var(--font-body)}.page-title{margin:0;font-size:calc(28px * var(--fsx));font-weight:700;font-family:var(--font-body)}.page-desc{margin:0;font-size:calc(13px * var(--fsx));line-height:1.8;color:var(--muted);max-width:480px}.back-link{font-size:calc(12.5px * var(--fsx));color:var(--soft);text-decoration:none}.hand-link{align-self:flex-end;font-family:var(--font-hand);font-size:19px;color:var(--accent);text-decoration:none}.kicker{font-size:calc(10.5px * var(--fsx));letter-spacing:1px;text-transform:uppercase;color:var(--accent)}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{border:1px solid var(--faint);background:var(--card);padding:16px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}.card.dashed{border-style:dashed;background:none}.card .t{font-size:calc(14px * var(--fsx));font-weight:700;line-height:1.5}.card .d{font-size:calc(12px * var(--fsx));color:var(--muted);line-height:1.6}.card.wide{grid-column:span 2;align-items:center;justify-content:center}.card.wide .hand{font-family:var(--font-hand);font-size:19px;color:var(--soft)}.post-row{display:flex;justify-content:space-between;gap:16px;align-items:baseline;text-decoration:none;color:inherit;padding:16px 0;border-bottom:1px dotted var(--dotline)}.post-row .t{font-size:calc(14.5px * var(--fsx));font-weight:700;display:block}.post-row .d{font-size:calc(12px * var(--fsx));color:var(--muted);display:block;margin-top:4px;line-height:1.6}.post-row .date{font-size:calc(11px * var(--fsx));color:var(--soft);white-space:nowrap}.post-row.compact{padding:9px 0}.post-row.compact .t{font-size:calc(13.5px * var(--fsx));font-weight:400}.res-row{display:flex;gap:12px;align-items:baseline;text-decoration:none;color:inherit}.res-row .k{flex:none;width:70px;font-size:calc(10.5px * var(--fsx));letter-spacing:1px;text-transform:uppercase;color:var(--accent)}.res-row .t{font-size:calc(13.5px * var(--fsx));text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.btn{display:inline-flex;align-items:center;gap:8px;width:fit-content;font-family:var(--font-body);font-size:calc(13px * var(--fsx));font-weight:700;color:var(--paper);background:var(--accent);border:1px solid var(--accent);padding:10px 18px;text-decoration:none;cursor:pointer}.webapp-frame{border:1px solid var(--faint);background:var(--card);padding:6px}.webapp-frame iframe{display:block;width:100%;height:620px;border:0;background:#fff}.prose{font-size:calc(13.5px * var(--fsx));line-height:1.9}.prose>:first-child{margin-top:0}.prose h2{font-size:calc(15px * var(--fsx));font-weight:700;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:8px;width:fit-content;margin:2.2em 0 .7em}.prose h3{font-size:calc(14px * var(--fsx));margin:1.8em 0 .5em}.prose p{margin:1em 0}.prose ul,.prose ol{margin:1em 0 1em 1.4em;padding:0}.prose li{margin:.35em 0}.prose a{color:var(--accent);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.prose blockquote{border-left:2px solid var(--rule);padding-left:18px;margin:1.4em 0;color:var(--muted);font-family:var(--font-hand);font-size:calc(17px * var(--fsx))}.prose code{font-family:var(--font-body);font-size:.92em;background:var(--card);border:1px solid var(--faint);padding:1px 5px}.prose pre{background:var(--card);border:1px solid var(--faint);padding:16px 18px;overflow-x:auto;margin:1.4em 0}.prose pre code{background:none;border:none;padding:0}.prose img{max-width:100%}.post-meta{font-size:calc(11px * var(--fsx));color:var(--soft)}.social-row{display:flex;gap:16px;flex-wrap:wrap;font-size:calc(12.5px * var(--fsx))}.social-row a{color:var(--ink);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.colophon{font-size:calc(11px * var(--fsx));color:var(--soft);border-top:1px dashed var(--dotline);padding-top:16px}.colophon a{color:var(--soft)}@media(max-width:700px){.rule{display:none}.flow{padding:64px 4px 40px 8px;gap:40px}.note{position:static;width:auto;text-align:left;margin-bottom:-4px}.card-grid{grid-template-columns:1fr}.card.wide{grid-column:auto}}