:root{--bg: #fffcea;--fg: #000000;--rule: #d8d4c2;--accent: #3075ff;--accent-hover: #0044d6;--panel: #ffffff;--muted: #5a6068;--code-bg: #f3f1ea}:root[data-theme=dark]{--bg: #121212;--fg: #e8e6dc;--rule: #2a2a2a;--accent: #7aa7ff;--accent-hover: #b9d1ff;--panel: #1a1a1a;--muted: #9ca3a8;--code-bg: #1f1f1f}body{font-family:Georgia,Times New Roman,serif;margin:0 auto;padding:2rem 1.5rem;background:var(--bg);color:var(--fg);line-height:1.5}header{max-width:720px;margin:0 auto 1.5rem}.content{max-width:720px;margin:0 auto}body.wide .content{max-width:980px}.note>*{max-width:700px;margin-left:auto;margin-right:auto}body.wide .note>*{max-width:none}.note>.img-row,.note>.img-text,.note>.img-full{position:relative;left:50%;transform:translate(-50%);margin-left:0;margin-right:0}.note>.img-row{width:min(70vw,1100px);max-width:none}.note>.img-text{width:min(80vw,1280px);max-width:none}.note>.img-full{width:min(80vw,1400px);max-width:none}.note>.img-center{width:min(45vw,500px);max-width:none;margin:2rem auto}.note .img-row{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem auto;justify-content:center;align-items:center}.note .img-row p{margin:0}.note .img-row img{height:var(--row-h, 320px);width:auto;max-width:100%;display:block}.note .img-text{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:2.5rem;align-items:start;margin:3rem auto}.note .img-text>div:first-child img{width:100%;height:auto;display:block;position:sticky;top:1rem}.note .img-text>div>:first-child{margin-top:0}.note .img-text>div>:last-child{margin-bottom:0}.note .img-center>p{margin:0}.note .img-center img{width:100%;height:auto;display:block}.note .img-full p{margin:0}.note .img-full img{width:100%;height:auto;display:block;margin:0 auto}.note .img-full p:not(:has(img)){font-size:.9rem;opacity:.75;max-width:800px;margin:.75rem auto 0;text-align:left}.note .note-title{font-size:2.25rem;font-weight:400;margin:1rem auto .25rem;text-align:center}.note .note-date{text-align:center;opacity:.65;margin:0 auto 2rem;font-size:.9rem}.note .format-hint{opacity:.5;font-size:.9rem;margin:.25rem auto 1.5rem}details.further{margin:.5rem auto 1rem}details.further>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:.4rem;font-style:italic;opacity:.85;user-select:none}details.further>summary::-webkit-details-marker{display:none}details.further>summary:before{content:"›";display:inline-block;font-size:1.2em;line-height:1;transition:transform .2s ease;transform-origin:50% 55%}details.further[open]>summary:before{transform:rotate(90deg)}details.further>summary:hover{color:var(--accent-hover)}.note details.further em{opacity:.85}.timeline{position:relative;padding-left:1.5rem;margin:1.5rem 0}.timeline:before{content:"";position:absolute;left:2.5px;top:.5rem;bottom:.5rem;width:1px;background:currentColor;opacity:.2}.timeline>.t-item{position:relative;margin:1rem 0;font-size:.95rem;font-weight:350;opacity:.85}.timeline>.t-item:before{content:"";position:absolute;left:-1.5rem;top:.5em;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5}.timeline>.t-item>:first-child{margin-top:0}.timeline>.t-item>:last-child{margin-bottom:0}.timeline>.t-item ul{padding-left:1.25rem;margin:.4rem 0 0}.timeline>.t-item li{margin:.2rem 0}.note img{cursor:zoom-in}#zoom{position:fixed;inset:0;background:#000000eb;display:none;align-items:center;justify-content:center;flex-direction:column;padding:2rem;z-index:1000;cursor:zoom-out}#zoom.open{display:flex}#zoom img{max-width:95vw;max-height:85vh;object-fit:contain;cursor:zoom-out}#zoom .cap{color:#eee;max-width:800px;margin-top:1rem;text-align:center;font-size:.9rem;line-height:1.5}@media(max-width:720px){.note>.img-row,.note>.img-text,.note>.img-full,.note>.img-center{width:100%;left:auto;transform:none;position:static}.note .img-text{grid-template-columns:1fr}.note .img-text>div:first-child img{position:static}.note .img-row img{height:auto;width:100%}}html{scrollbar-gutter:stable}body{position:relative;min-height:100vh;min-height:100dvh;box-sizing:border-box}body:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.08;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='720' height='720'><filter id='c'><feTurbulence type='fractalNoise' baseFrequency='0.4' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='2 0 0 0 -0.5  2 0 0 0 -0.5  2 0 0 0 -0.5  0 0 0 1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23c)'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='2 0 0 0 -0.5  2 0 0 0 -0.5  2 0 0 0 -0.5  0 0 0 1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}:root[data-theme=dark] body:before{opacity:.3;mix-blend-mode:overlay}header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}h1{font-weight:400;font-size:2rem;margin:0}header h1 a,header h1 a:visited{color:var(--fg);text-decoration:none}html{scroll-behavior:smooth}hr{border:none;border-top:1px solid var(--rule);margin:2.5rem 0 1.5rem}#theme-toggle{background:none;border:none;cursor:pointer;color:var(--fg);font:inherit;font-size:.95rem;padding:0;text-decoration:underline;text-underline-offset:3px}a,a:visited{color:var(--accent);transition:color .15s ease}a:hover{color:var(--accent-hover)}ul{padding-left:1.5rem}.note .references{font-size:.9rem;color:color-mix(in srgb,var(--fg) 70%,transparent)}.note .references h3{font-size:1rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem}.note .references ul{margin-top:0}.note .references li{margin:.25rem 0}blockquote{margin:1.25rem 0;padding:.25rem 0 .25rem 1rem;border-left:3px solid var(--rule);color:color-mix(in srgb,var(--fg) 75%,transparent);font-style:italic}blockquote>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}code{font-size:.9em;background:#7f7f7f1f;padding:.1em .35em;border-radius:3px}pre{background:#7f7f7f14;border:1px solid var(--rule);border-radius:4px;padding:.9rem 1.1rem;overflow-x:auto;line-height:1.45;font-size:.9em}pre code{background:none;padding:0;border-radius:0;font-size:1em}table{border-collapse:collapse;margin:1.25rem 0}th,td{padding:.5rem 1rem;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}#scroll-up{position:fixed;right:1.25rem;bottom:1.25rem;display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--fg);opacity:0;pointer-events:none;text-decoration:none;background:color-mix(in srgb,var(--bg) 35%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);padding:.35rem .6rem;border:1px solid transparent;border-radius:48px;transition:opacity .2s ease,color .15s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,backdrop-filter .2s ease;z-index:50}#scroll-up.visible{opacity:.8;pointer-events:auto}@media(min-width:960px){body:not(.wide) #scroll-up.visible{opacity:.6}}@media(min-width:1180px){body.wide #scroll-up.visible{opacity:.6}}#scroll-up:hover{opacity:1;color:var(--accent-hover);background:color-mix(in srgb,var(--bg) 18%,transparent);border-color:color-mix(in srgb,var(--fg) 12%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#fff 25%,transparent),0 4px 14px #00000014;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%)}#scroll-up svg{display:block}