:root{--bg: #faf7f0;--bg-sunken: #f1ece2;--surface: #ffffff;--surface-2: #f7f4ed;--ink: #14110f;--ink-2: #2c2926;--muted: #6b6660;--muted-2: #908a83;--border: #e6dfd2;--border-strong: #c8c0ad;--accent: #d23f1d;--accent-ink: #ffffff;--accent-soft: #fbe7e0;--success: #0e7c4a;--warn: #b45309;--danger: #c03434;--fs-12: clamp(.75rem, .74rem + .05vw, .78rem);--fs-14: clamp(.84rem, .82rem + .1vw, .9rem);--fs-16: 1rem;--fs-18: clamp(1.06rem, 1rem + .3vw, 1.15rem);--fs-20: clamp(1.18rem, 1.1rem + .4vw, 1.3rem);--fs-24: clamp(1.32rem, 1.2rem + .6vw, 1.5rem);--fs-32: clamp(1.7rem, 1.4rem + 1.5vw, 2.1rem);--fs-40: clamp(2rem, 1.5rem + 2.5vw, 2.7rem);--fs-56: clamp(2.6rem, 1.8rem + 4vw, 4rem);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--radius-1: 4px;--radius-2: 8px;--radius-3: 14px;--radius-4: 20px;--shadow-1: 0 1px 2px rgba(20, 17, 15, .06);--shadow-2: 0 4px 16px rgba(20, 17, 15, .08);--shadow-3: 0 18px 40px rgba(20, 17, 15, .12);--ease: cubic-bezier(.2, .6, .2, 1);--fast: .12s;--med: .22s;--serif: "Source Serif 4", "Charter", "Iowan Old Style", "Source Serif Pro", "Apple Garamond", Georgia, "Times New Roman", serif;--sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%}body{line-height:1.5;font-size:var(--fs-16)}img,svg,video,canvas{display:block;max-width:100%;height:auto}button{font:inherit;cursor:pointer}a{color:inherit}.container{width:min(1200px,100% - 2 * var(--sp-5));margin-inline:auto}.container-narrow{width:min(720px,100% - 2 * var(--sp-5));margin-inline:auto}.container-reading{width:min(680px,100% - 2 * var(--sp-5));margin-inline:auto}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.between{justify-content:space-between}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-5{gap:var(--sp-5)}.gap-6{gap:var(--sp-6)}.muted{color:var(--muted)}.serif{font-family:var(--serif)}.mono{font-family:var(--mono)}.center{text-align:center}.hide-mobile{display:initial}.show-mobile{display:none}@media(max-width:720px){.hide-mobile{display:none}.show-mobile{display:initial}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:10px 16px;border-radius:var(--radius-2);border:1px solid transparent;background:transparent;color:var(--ink);font-weight:600;font-size:var(--fs-14);letter-spacing:.01em;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease),transform var(--fast) var(--ease);text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:var(--ink);color:var(--accent-ink);border-color:var(--ink)}.btn--primary:hover{background:var(--accent);border-color:var(--accent)}.btn--accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn--accent:hover{background:var(--ink);border-color:var(--ink)}.btn--ghost{background:transparent;border-color:var(--border-strong)}.btn--ghost:hover{background:var(--bg-sunken)}.btn--danger{background:transparent;color:var(--danger);border-color:var(--border-strong)}.btn--danger:hover{background:#fcecec;border-color:#f2c4c4}.btn--sm{padding:6px 10px;font-size:var(--fs-12)}.btn--lg{padding:14px 22px;font-size:var(--fs-16)}.input,.textarea{display:block;width:100%;padding:10px 12px;font:inherit;font-size:var(--fs-14);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2);color:var(--ink);transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--muted-2)}.input:focus,.textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{min-height:120px;resize:vertical;font-family:var(--mono);font-size:var(--fs-14);line-height:1.6}.label{display:block;font-size:var(--fs-12);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-2)}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.hint{font-size:var(--fs-12);color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-3);padding:var(--sp-5);box-shadow:var(--shadow-1)}.card--flat{box-shadow:none}.card--hover{transition:transform var(--med) var(--ease),box-shadow var(--med) var(--ease)}.card--hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:var(--fs-12);font-weight:600;letter-spacing:.04em;border-radius:999px;background:var(--bg-sunken);color:var(--ink-2);border:1px solid var(--border)}.badge--accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.badge--success{background:#e7f3ec;color:var(--success);border-color:#c6e3d2}.badge--warn{background:#fbf1de;color:var(--warn);border-color:#f1deaa}.badge--danger{background:#fce8e8;color:var(--danger);border-color:#f1c0c0}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:var(--fs-12);font-weight:600}.pill:before{content:"";width:8px;height:8px;border-radius:999px;background:currentColor}.pill--draft{color:var(--muted);background:var(--bg-sunken)}.pill--scheduled{color:var(--warn);background:#fbf1de}.pill--published{color:var(--success);background:#e7f3ec}.pill--archived{color:var(--muted);background:var(--bg-sunken)}.tag{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--fs-12);color:var(--accent);border:1px solid var(--accent-soft);background:var(--accent-soft);border-radius:999px}.hr-soft{border:0;border-top:1px solid var(--border);margin:var(--sp-6) 0}.avatar{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-sunken);color:var(--ink);font-weight:700;font-size:var(--fs-12);border:1px solid var(--border);flex:none}.avatar img{width:100%;height:100%;border-radius:999px;object-fit:cover}.skeleton{background:linear-gradient(90deg,var(--bg-sunken),var(--bg),var(--bg-sunken));background-size:400% 100%;border-radius:var(--radius-2);animation:shimmer 1.6s linear infinite}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.toast{position:fixed;bottom:var(--sp-5);right:var(--sp-5);padding:12px 16px;background:var(--ink);color:var(--accent-ink);border-radius:var(--radius-2);box-shadow:var(--shadow-3);font-size:var(--fs-14);z-index:1000}.display{font-family:var(--serif);font-weight:700;line-height:1.05;letter-spacing:-.01em}.display-xl{font-size:var(--fs-56)}.display-lg{font-size:var(--fs-40)}.display-md{font-size:var(--fs-32)}.eyebrow{font-family:var(--mono);font-size:var(--fs-12);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600}.mdx-body{font-family:var(--serif);font-size:var(--fs-18);color:var(--ink-2);line-height:1.65}.mdx-body .mdx-h1{font-family:var(--serif);font-weight:700;font-size:var(--fs-40);margin:var(--sp-7) 0 var(--sp-4);line-height:1.1;color:var(--ink);letter-spacing:-.01em}.mdx-body .mdx-h2{font-family:var(--serif);font-weight:700;font-size:var(--fs-32);margin:var(--sp-7) 0 var(--sp-3);line-height:1.2;color:var(--ink);letter-spacing:-.005em}.mdx-body .mdx-h3{font-family:var(--serif);font-weight:700;font-size:var(--fs-24);margin:var(--sp-6) 0 var(--sp-2);color:var(--ink)}.mdx-body .mdx-h4{font-family:var(--serif);font-weight:700;font-size:var(--fs-20);margin:var(--sp-5) 0 var(--sp-2);color:var(--ink)}.mdx-body .mdx-p{margin:0 0 var(--sp-5)}.mdx-body .mdx-p+.mdx-p{text-indent:1.4em}.mdx-body .mdx-a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--fast) var(--ease)}.mdx-body .mdx-a:hover{color:var(--ink)}.mdx-body .mdx-strong{color:var(--ink);font-weight:700}.mdx-body .mdx-em{font-style:italic}.mdx-body .mdx-blockquote{margin:var(--sp-6) 0;padding:var(--sp-3) var(--sp-5);border-left:3px solid var(--accent);font-style:italic;color:var(--ink-2);font-size:var(--fs-20)}.mdx-body .mdx-ul,.mdx-body .mdx-ol{margin:0 0 var(--sp-5);padding-left:var(--sp-6)}.mdx-body .mdx-li{margin:var(--sp-2) 0}.mdx-body .mdx-code{font-family:var(--mono);background:var(--bg-sunken);padding:2px 6px;border-radius:4px;font-size:.9em}.mdx-body .mdx-pre{background:#1d1a17;color:#f0e8d8;padding:var(--sp-5);border-radius:var(--radius-3);overflow-x:auto;font-family:var(--mono);font-size:var(--fs-14);line-height:1.6;margin:var(--sp-5) 0}.mdx-body .mdx-pre code{background:transparent;padding:0;color:inherit}.mdx-body .mdx-hr{border:0;border-top:1px solid var(--border);margin:var(--sp-7) 0}.mdx-body .mdx-img{border-radius:var(--radius-3);margin:var(--sp-5) 0;box-shadow:var(--shadow-2)}.mdx-body .mdx-table{width:100%;border-collapse:collapse;margin:var(--sp-5) 0;font-size:var(--fs-14)}.mdx-body .mdx-table th,.mdx-body .mdx-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);text-align:left}.mdx-body .mdx-table th{background:var(--bg-sunken);font-weight:700}.mdx-embed{position:relative;padding-bottom:56.25%;margin:var(--sp-5) 0;border-radius:var(--radius-3);overflow:hidden;background:#000}.mdx-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.mdx-tweet{margin:var(--sp-5) 0;padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-3);background:var(--surface-2);font-family:var(--sans)}.mdx-callout{margin:var(--sp-5) 0;padding:var(--sp-4);border-radius:var(--radius-3);border-left:3px solid var(--accent);background:var(--accent-soft);font-family:var(--sans)}.mdx-callout--tip{border-color:var(--success);background:#e7f3ec;color:#0a5a37}.mdx-callout--warn{border-color:var(--warn);background:#fbf1de;color:#7a4007}.mdx-callout--note{border-color:var(--accent);background:var(--accent-soft);color:#8a2c14}.mdx-anchor{color:var(--muted-2);text-decoration:none}.mdx-anchor:hover{color:var(--accent)}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:color-mix(in srgb,var(--bg) 80%,transparent);border-bottom:1px solid var(--border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) 0}.site-header__brand{font-family:var(--serif);font-weight:700;font-size:var(--fs-24);letter-spacing:-.01em;text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;gap:var(--sp-2)}.site-header__brand .dot{width:10px;height:10px;border-radius:999px;background:var(--accent);display:inline-block}.site-header__nav{display:flex;align-items:center;gap:var(--sp-4)}.site-header__nav a:not(.btn){color:var(--ink-2);font-size:var(--fs-14);font-weight:500;text-decoration:none;opacity:.8;transition:opacity var(--fast) var(--ease)}.site-header__nav a:not(.btn):hover{opacity:1}.site-footer{border-top:1px solid var(--border);padding:var(--sp-7) 0;margin-top:var(--sp-9);color:var(--muted);font-size:var(--fs-14)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeUp var(--med) var(--ease) both}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.thin-scroll::-webkit-scrollbar{width:8px;height:8px}.thin-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.thin-scroll::-webkit-scrollbar-track{background:transparent}