@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/source-serif-4-latin-wght-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/source-serif-4-latin-ext-wght-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;src:url(/fonts/source-serif-4-latin-wght-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;src:url(/fonts/source-serif-4-latin-ext-wght-italic.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/public-sans-latin-wght-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/public-sans-latin-ext-wght-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--font-serif:"Source Serif 4", "Iowan Old Style", Charter, Georgia, serif;--font-sans:"Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--step--1:.8125rem;--step-0:1rem;--step-1:1.1875rem;--step-2:1.5rem;--step-3:clamp(1.75rem, 1.4rem + 1.4vw, 2.25rem);--step-4:clamp(2.125rem, 1.6rem + 2.2vw, 3rem);--margin-col:8.5rem;--text-col:40rem;--col-gap:2.5rem;--frame:calc(var(--margin-col) + var(--col-gap) + var(--text-col));--gutter:2rem;--radius:2px}:root,[data-theme=light]{--paper:#eeede8;--surface:#f6f5f1;--ink:#1c1b19;--ink-2:#47453f;--ink-3:#6b6862;--rule:#d6d4cd;--rule-strong:#b8b5ad;--mark:#ffd84a;--mark-strong:#ffc61a;--mark-solid:#ffd84a;--mark-solid-hover:#ffc61a;--mark-edge:#8f7000;--mark-ink:#7a5d00;--on-mark:#1c1b19;--state:#1c1b19;--on-state:#ffd84a;--pencil:#f5c518;--reading:#ffd84a42;--danger:#a33a2a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--paper:#1a1917;--surface:#22211e;--ink:#e6e3dc;--ink-2:#bdb9b0;--ink-3:#8d8980;--rule:#33312d;--rule-strong:#4a4843;--mark:#f2c84057;--mark-strong:#f2c8406b;--mark-solid:#f2cf4a;--mark-solid-hover:#ffde75;--mark-edge:#f2cf4a;--mark-ink:#f2cf4a;--on-mark:#1a1917;--state:#f2cf4a;--on-state:#1a1917;--pencil:#f2cf4a;--reading:#f2c8401f;--danger:#e38b7a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=900px){:root{--gutter:1.25rem}}@media (width<=480px){:root{--gutter:1rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%;overflow-anchor:none;scroll-padding-top:4rem}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--paper);font-family:var(--font-sans);font-size:var(--step-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;line-height:1.55}::selection{background:var(--mark);color:var(--ink)}:focus-visible{outline:2px solid var(--state);outline-offset:2px;border-radius:var(--radius)}a{color:inherit}.hl,.home-link,.not-found-links a,.page-sub a,.prose a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--pencil);text-decoration-color:var(--pencil);text-underline-offset:.25em;-webkit-box-decoration-break:clone;box-decoration-break:clone;text-decoration-thickness:3px}.hl:hover,.home-link:hover,.not-found-links a:hover,.page-sub a:hover,.prose a:hover{background-image:linear-gradient(transparent 56%, var(--mark) 56%, var(--mark) 94%, transparent 94%)}button{font:inherit;color:inherit}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){z-index:1}.app{flex-direction:column;min-height:100dvh;display:flex}.app>main{flex-direction:column;flex:1 0 auto;display:flex}.frame{max-width:calc(var(--frame) + 2 * var(--gutter));padding-inline:var(--gutter);width:100%;margin:0 auto}.sheet{grid-template-columns:var(--margin-col) minmax(0, var(--text-col));column-gap:var(--col-gap);display:grid}.sheet>*{grid-column:2}.sheet>.margin{grid-column:1}.sheet>.span{grid-column:1/-1}@media (width<=767px){.sheet{grid-template-columns:minmax(0,1fr)}.sheet>*,.sheet>.margin,.sheet>.span{grid-column:1}}.site-header{border-bottom:1px solid var(--rule)}.site-header .sheet{align-items:center;min-height:3.5rem}.site-header-bare{border-bottom-color:#0000}.site-header-sticky{z-index:5;background:var(--paper);position:sticky;top:0}.site-header-sticky.is-hidden{transform:translateY(-100%)}@media (prefers-reduced-motion:no-preference){.site-header-sticky.is-scrolling{transition:transform .2s}}.wordmark{font-family:var(--font-serif);font-size:var(--step-1);color:var(--ink);letter-spacing:-.01em;font-weight:600;text-decoration:none}.site-nav{align-items:center;gap:1.5rem;display:flex}.site-nav a{font-size:var(--step--1);color:var(--ink-2);font-weight:500;text-decoration:none}.site-nav a:hover{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--pencil);text-decoration-color:var(--pencil);text-underline-offset:.25em;text-decoration-thickness:3px}.site-nav a[aria-current=page]{color:var(--ink);text-underline-offset:.35em;text-decoration:underline;text-decoration-thickness:1px}.site-nav .icon-btn{margin-left:auto}@media (width<=767px){.site-header .sheet{gap:1.5rem;display:flex}.site-nav{flex:1}}.icon-btn{border:1px solid var(--rule);border-radius:var(--radius);width:2rem;height:2rem;color:var(--ink-2);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--ink);background:var(--mark);border-color:var(--rule-strong)}.icon-btn svg{width:1rem;height:1rem}.site-footer{border-top:1px solid var(--rule);font-size:var(--step--1);color:var(--ink-3);margin-top:5rem;padding-block:1.5rem 2rem}.site-footer .sheet{row-gap:.5rem}.footer-links{flex-wrap:wrap;gap:1.5rem;display:flex}.footer-links a{color:var(--ink-2);text-decoration:none}.footer-links a:hover{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--pencil);text-decoration-color:var(--pencil);text-underline-offset:.25em;text-decoration-thickness:3px}.page{padding-top:clamp(2.5rem,7vh,4.5rem)}.page-title{text-wrap:balance;font-family:var(--font-serif);font-size:var(--step-3);letter-spacing:-.015em;color:var(--ink);font-weight:600;line-height:1.15}.page-sub{color:var(--ink-3);font-size:var(--step--1);margin-top:.5rem}.page-head{margin-bottom:2.5rem}.margin-label{font-size:var(--step--1);color:var(--ink-3);padding-top:.35em}@media (width<=767px){.margin-label{margin-bottom:.5rem;padding-top:0}}.empty-text{color:var(--ink-2)}.error-text,.form-error{color:var(--danger);font-size:var(--step--1)}.back-link{font-size:var(--step--1);color:var(--ink-3);margin-bottom:1.5rem;text-decoration:none;display:inline-block}.back-link:hover{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--pencil);text-decoration-color:var(--pencil);text-underline-offset:.25em;text-decoration-thickness:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.proof-note{font-family:var(--font-serif);font-style:italic;font-size:var(--step-1);color:var(--mark-ink);transform-origin:0;align-self:start;align-items:center;gap:.35rem;padding-top:4.4rem;display:flex;rotate:-6deg}.proof-dele{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.75rem;height:1.75rem}@media (width<=767px){.proof-note{margin-bottom:.5rem;padding-top:0}}.struck{isolation:isolate;max-width:100%;font-family:var(--font-serif);font-size:var(--step-4);letter-spacing:-.02em;color:var(--ink-2);margin-top:.5rem;font-weight:600;line-height:1.15;display:inline-block;position:relative}.struck-text{text-decoration:line-through;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.struck-line{z-index:-1;width:106%;height:.5em;position:absolute;top:50%;left:-3%;overflow:visible;translate:0 -35%}.struck-line path{fill:none;stroke:var(--mark);stroke-width:.62em;stroke-linecap:butt}@media (prefers-reduced-motion:no-preference){.struck-line{clip-path:inset(0 100% 0 0);animation:.55s cubic-bezier(.3,.7,.4,1) .35s forwards strike}}@keyframes strike{to{clip-path:inset(0)}}.not-found-copy{max-width:34rem;font-family:var(--font-serif);font-size:var(--step-1);color:var(--ink-2);margin-top:1.25rem;line-height:1.55}.not-found-links{flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:1.5rem;display:flex}.not-found-links a{font-weight:500}.not-found-sub{font-size:var(--step--1);margin-top:4rem;padding-bottom:.75rem;font-weight:600}.home{flex:1 0 auto;align-content:center;padding-block:3rem 7rem}@media (width<=767px){.home{padding-block:2.5rem 4rem}}.portrait{border-radius:var(--radius);object-fit:cover;width:4.5rem;height:4.5rem;display:block}@media (width<=767px){.portrait{width:3.5rem;height:3.5rem;margin-bottom:1.25rem}}.home-title{text-wrap:balance;font-family:var(--font-serif);font-size:var(--step-4);letter-spacing:-.02em;font-weight:600;line-height:1.08}.home-bio{font-family:var(--font-serif);font-size:var(--step-1);color:var(--ink-2);text-wrap:pretty;max-width:34rem;margin-top:1rem;line-height:1.55}.home-link{margin-top:2rem;font-weight:500;display:inline-block}.essay-index{border-top:1px solid var(--rule);list-style:none}.essay-index-pending{min-height:20rem}.essay-index>li{border-bottom:1px solid var(--rule)}.essay-row{grid-template-columns:var(--margin-col) minmax(0, var(--text-col));column-gap:var(--col-gap);color:inherit;padding-block:1.25rem;text-decoration:none;display:grid}.essay-row-date{font-size:var(--step--1);color:var(--ink-3);padding-top:.3em}.essay-row-title{text-wrap:balance;font-family:var(--font-serif);font-size:var(--step-2);letter-spacing:-.01em;color:var(--ink);font-weight:600;line-height:1.25;display:block}.essay-row-excerpt{color:var(--ink-2);font-size:var(--step-0);max-width:36rem;margin-top:.35rem;display:block}.essay-row:hover .essay-row-title span{text-decoration:underline;-webkit-text-decoration-color:var(--pencil);text-decoration-color:var(--pencil);text-underline-offset:.2em;text-decoration-thickness:3px}@media (width<=767px){.essay-row{grid-template-columns:minmax(0,1fr);row-gap:.25rem}.essay-row-date{padding-top:0}}.essay-meta{font-size:var(--step--1);color:var(--ink-3);flex-direction:column;gap:.15rem;padding-top:.6em;display:flex}@media (width<=767px){.essay-meta{flex-direction:row;gap:.75rem;margin-bottom:.75rem;padding-top:0}}.essay-title{text-wrap:balance;font-family:var(--font-serif);font-size:var(--step-4);letter-spacing:-.02em;max-width:22ch;font-weight:600;line-height:1.1}.essay-lede{font-family:var(--font-serif);font-style:italic;font-size:var(--step-1);color:var(--ink-2);margin-top:1rem;line-height:1.5}.essay-head{border-bottom:1px solid var(--rule);margin-bottom:2.5rem;padding-bottom:2rem}.prose{text-wrap:pretty;font-family:var(--font-serif);font-size:var(--step-1);color:var(--ink);font-variant-numeric:oldstyle-nums proportional-nums;hanging-punctuation:first;line-height:1.65}.prose>*+*{margin-top:1.1em}.prose>*{border-radius:var(--radius)}.prose>.is-reading{background-color:var(--reading);box-shadow:0 0 0 .4em var(--reading)}@media (prefers-reduced-motion:no-preference){.prose>*{transition:background-color .4s,box-shadow .4s}}.prose h2{font-size:var(--step-2);letter-spacing:-.01em;margin-top:2.2em;font-weight:600;line-height:1.25}.prose h3{font-family:var(--font-sans);font-size:var(--step-0);margin-top:2em;font-weight:600}.prose h4{font-family:var(--font-sans);font-size:var(--step--1);color:var(--ink-2);margin-top:1.8em;font-weight:600}.prose h2+*,.prose h3+*,.prose h4+*{margin-top:.6em}.prose strong{font-weight:650}.prose blockquote{color:var(--ink-2);margin-inline:1.5em 0;font-style:italic}.prose ul,.prose ol{padding-left:1.25em}.prose li+li{margin-top:.35em}.prose li::marker{color:var(--ink-3)}.prose code{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:.05em .3em;font-size:.82em}.prose pre{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:1rem 1.125rem;font-size:.8125rem;line-height:1.6;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;border:0;padding:0}.prose hr{border:0;border-top:1px solid var(--rule);margin-block:2.5em}.prose img{border-radius:var(--radius);max-width:100%;height:auto;display:block}.prose figure{margin-block:2em}.prose figcaption{font-family:var(--font-sans);font-size:var(--step--1);color:var(--ink-3);margin-top:.6rem;line-height:1.45}.prose table{border-collapse:collapse;width:100%;font-family:var(--font-sans);font-size:var(--step--1);font-variant-numeric:tabular-nums}.prose th,.prose td{border-bottom:1px solid var(--rule);text-align:left;padding:.5em .75em .5em 0}.prose th{border-bottom-color:var(--rule-strong);font-weight:600}.listen{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.65rem;margin-top:1.1rem;padding:0;display:inline-flex}.listen-icon{border-radius:var(--radius);background:var(--state);width:2.25rem;height:2.25rem;color:var(--on-state);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.listen-icon svg{width:.95rem;height:.95rem}.listen-text{flex-direction:column;line-height:1.25;display:flex}.listen-label{font-family:var(--font-serif);font-size:var(--step-0);background-image:linear-gradient(var(--pencil), var(--pencil));background-position:0 100%;background-repeat:no-repeat;background-size:100% 3px;align-self:flex-start;padding-bottom:.2em;font-weight:600}.listen.has-started .listen-label{background-size:max(var(--p), .3em) 3px}.listen-meta{font-size:var(--step--1);color:var(--ink-3);font-variant-numeric:tabular-nums}.listen:hover .listen-icon{opacity:.85}@media (width<=767px){.listen{margin:0 0 1.25rem}}.has-player body{padding-bottom:5.5rem}.player{z-index:8;background:var(--paper);border-top:1px solid var(--rule-strong);padding-block:.7rem;position:fixed;inset:auto 0 0}.player-grid{grid-template-columns:var(--margin-col) minmax(0, var(--text-col));column-gap:var(--col-gap);align-items:center;display:grid}.player-controls{align-items:center;gap:.25rem;display:flex}.player-play{border-radius:var(--radius);background:var(--state);width:2.75rem;height:2.75rem;color:var(--on-state);cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.player-play svg{width:1.1rem;height:1.1rem}.player-skip,.player-close,.player-rate,.player-follow{border-radius:var(--radius);min-width:2.25rem;height:2.25rem;color:var(--ink-2);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0 .35rem;display:inline-flex}.player-skip svg{width:1.4rem;height:1.4rem}.player-close svg{width:.9rem;height:.9rem}.player-skip:hover,.player-close:hover,.player-rate:hover,.player-follow:hover{color:var(--ink);background:var(--mark)}.player-rate{font-size:var(--step--1);font-variant-numeric:tabular-nums;min-width:3rem;font-weight:600}.player-follow{font-size:var(--step--1);white-space:nowrap;color:var(--ink);box-shadow:inset 0 -3px 0 var(--pencil);padding-inline:.5rem;font-weight:600}.player-main{min-width:0}.player-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.player-title{min-width:0;font-family:var(--font-serif);font-size:var(--step-0);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.player-actions{flex-shrink:0;align-items:center;display:flex}.player-scrub{align-items:center;gap:.75rem;margin-top:.1rem;display:flex}.player-time{min-width:2.75rem;color:var(--ink-3);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.75rem}.player-time:last-child{text-align:right}.player-seek{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:1.25rem;margin:0}.player-seek::-webkit-slider-runnable-track{background:linear-gradient(var(--pencil), var(--pencil)) 0 50% / var(--p,0%) 3px no-repeat, linear-gradient(var(--rule-strong), var(--rule-strong)) 0 50% / 100% 1px no-repeat;border-radius:1px;height:.5rem}.player-seek::-moz-range-track{background:linear-gradient(var(--pencil), var(--pencil)) 0 50% / var(--p,0%) 3px no-repeat, linear-gradient(var(--rule-strong), var(--rule-strong)) 0 50% / 100% 1px no-repeat;border-radius:1px;height:.5rem}.player-seek::-webkit-slider-thumb{appearance:none;background:var(--state);border:0;border-radius:1px;width:3px;height:1.1rem;margin-top:-.3rem}.player-seek::-moz-range-thumb{background:var(--state);border:0;border-radius:1px;width:3px;height:1.1rem}.player-seek:focus-visible{outline:2px solid var(--state);outline-offset:2px}@media (width<=767px){.player-grid{grid-template-columns:auto minmax(0,1fr);column-gap:.75rem}.player-skip,.player-time:first-of-type{display:none}}.reading-progress{z-index:10;pointer-events:none;height:3px;position:fixed;inset:0 0 auto}.reading-progress-bar{background:var(--mark-solid);height:100%}.frame-wide{max-width:calc(66rem + 2 * var(--gutter))}.btn,.google-btn{border-radius:var(--radius);border:1px solid var(--rule-strong);color:var(--ink);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.6rem;padding:.55rem .95rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled),.google-btn:hover:not(:disabled){border-color:var(--ink-3)}.btn:disabled,.google-btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--mark-solid);border-color:var(--mark-edge);color:var(--on-mark)}.btn-primary:hover:not(:disabled){background:var(--mark-solid-hover);border-color:var(--mark-edge)}.google-btn{background:var(--surface);width:100%;padding-block:.75rem}.google-btn svg{width:1rem;height:1rem}.link-btn{font-size:var(--step--1);color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:.25rem 0;font-weight:500;text-decoration:none}.link-btn:hover{color:var(--ink)}.link-btn-danger:hover{color:var(--danger)}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 1.5rem;display:flex}.admin-actions{align-items:center;gap:1rem;display:flex}.admin-list{border-top:1px solid var(--rule);list-style:none}.admin-row{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-start;gap:1.5rem;padding-block:1.1rem;display:flex}.admin-row-main{min-width:0}.admin-row-meta{font-size:var(--step--1);color:var(--ink-3);gap:.75rem;margin-bottom:.2rem;display:flex}.status-published{color:var(--on-mark);background:var(--mark-solid);border-radius:var(--radius);padding:0 .3em;font-weight:500}.admin-row-title{font-family:var(--font-serif);font-size:var(--step-1);font-weight:600;line-height:1.3}.admin-row-title a{color:inherit;text-decoration:none}.admin-row-title a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--pencil);text-decoration-color:var(--pencil);text-underline-offset:.2em;text-decoration-thickness:3px}.admin-row-slug{font-family:var(--font-mono);color:var(--ink-3);overflow-wrap:anywhere;font-size:.75rem}.admin-row-actions{flex-shrink:0;gap:1rem;display:flex}.login-actions{flex-direction:column;gap:1rem;max-width:24rem;display:flex}.editor-page{padding-top:1rem}.editor-bar{z-index:4;background:var(--paper);border-bottom:1px solid var(--rule);margin-bottom:2.5rem;padding-block:.75rem;position:sticky;top:0}.editor-bar-row{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;display:flex}.editor-bar .back-link{margin-bottom:0}.editor-status{font-size:var(--step--1);color:var(--ink-3);flex-wrap:wrap;flex:auto;gap:.25rem 1rem;display:flex}.status-dirty{color:var(--ink);font-weight:500}.editor-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.editor-actions .btn{font-size:var(--step--1);padding:.45rem .8rem}.editor-toolbar-row{position:relative}.editor-toolbar-row:not(:empty){border-top:1px solid var(--rule);margin-top:.75rem;padding-top:.75rem}@media (width<=767px){.editor-bar{display:contents}.editor-bar-row{padding-top:.5rem}.editor-toolbar-row:not(:empty){z-index:4;background:var(--paper);border-bottom:1px solid var(--rule);margin-top:1rem;padding-block:.5rem;position:sticky;top:0}.editor-layout,.editor-notes{margin-top:1.5rem}.editor-notes+.editor-layout{margin-top:0}.btn-focus{display:none}}.seg{border:1px solid var(--rule-strong);border-radius:var(--radius);display:inline-flex}.seg-btn{font-size:var(--step--1);color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:.45rem .8rem;font-weight:500}.seg-btn+.seg-btn{border-left:1px solid var(--rule-strong)}.seg-btn.is-active{background:var(--surface);color:var(--ink);box-shadow:inset 0 -2px 0 var(--state)}.seg-btn:disabled{opacity:.45;cursor:not-allowed}.editor-notes{gap:.75rem;margin:-1rem 0 2rem;display:grid}.editor-note{background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.editor-note p{flex:16rem;font-size:.9375rem}.editor-layout{grid-template-columns:minmax(0,42rem) 16rem;justify-content:space-between;align-items:start;column-gap:4rem;display:grid}@media (width<=1000px){.editor-layout{grid-template-columns:minmax(0,1fr)}}.title-input{resize:none;width:100%;font-family:var(--font-serif);font-size:var(--step-4);letter-spacing:-.02em;color:var(--ink);background:0 0;border:0;margin-bottom:1.5rem;padding:0;font-weight:600;line-height:1.1;display:block;overflow:hidden}.title-input::placeholder,.md-input::placeholder{color:var(--ink-3)}.title-input:focus,.md-input:focus{outline:none}.md-input{resize:none;width:100%;min-height:60vh;font-family:var(--font-mono);color:var(--ink);caret-color:var(--state);background:0 0;border:0;padding:0 0 30vh;font-size:.9375rem;line-height:1.7;display:block;overflow:hidden}.editor-preview .essay-head{margin-bottom:2rem}.editor-details{font-size:var(--step--1);position:sticky;top:9.5rem}@media (width<=1000px){.editor-details{border-top:1px solid var(--rule);margin-top:1rem;padding-top:2rem;position:static}}.detail+.detail{margin-top:1.75rem}.detail-label{font-size:var(--step--1);color:var(--ink);margin-bottom:.5rem;font-weight:600;display:block}.detail-note{color:var(--ink-3);margin-top:.4rem}.detail-note a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--pencil);text-decoration-color:var(--pencil);text-underline-offset:.2em;text-decoration-thickness:3px}.detail .form-error{margin-top:.4rem}.switch-row{cursor:pointer;align-items:center;gap:.6rem;font-size:.9375rem;display:inline-flex}.switch-row input{appearance:none;border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;width:2.1rem;height:1.2rem;margin:0;position:relative}.switch-row input:before{content:"";background:var(--ink-3);border-radius:1px;width:calc(1.2rem - 6px);height:calc(1.2rem - 6px);position:absolute;top:2px;left:2px}.switch-row input:checked{background:var(--state);border-color:var(--state)}.switch-row input:checked:before{background:var(--on-state);transform:translate(.9rem)}@media (prefers-reduced-motion:no-preference){.switch-row input:before{transition:transform .15s}}.slug-field{background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--radius);font-family:var(--font-mono);align-items:center;font-size:.8125rem;display:flex}.slug-field span{color:var(--ink-3);padding-left:.6rem}.slug-field input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;flex:1;padding:.5rem .6rem .5rem 0}.slug-field input:focus{outline:none}.slug-field:focus-within{outline:2px solid var(--state);outline-offset:-1px}.slug-field.is-invalid{border-color:var(--danger)}.detail-textarea{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--radius);resize:none;padding:.5rem .6rem;font-size:.9375rem;line-height:1.45;display:block;overflow:hidden}.detail-textarea:focus{outline:2px solid var(--state);outline-offset:-1px}.detail-list{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.75rem;list-style:none}.shortcut-sub{margin-top:1.25rem}.shortcut-list{gap:.35rem;display:grid}.shortcut-list div{justify-content:space-between;gap:1rem;display:flex}.shortcut-list dt{color:var(--ink-2)}kbd{font-family:var(--font-mono);color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:.05rem .35rem;font-size:.75rem}.editor-page.is-focus .editor-details,.editor-page.is-focus .editor-toolbar-row,.editor-page.is-focus .editor-bar .back-link,.editor-page.is-focus .seg{display:none}.app:has(.editor-page.is-focus) .site-header{display:none}.app:has(.editor-page.is-focus) .site-footer{display:none}.editor-page.is-focus .editor-bar{border-bottom-color:#0000}.editor-page.is-focus .editor-layout{grid-template-columns:minmax(0,42rem);justify-content:center}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);z-index:6;border-radius:var(--radius);background:var(--ink);color:var(--paper);font-family:var(--font-sans);white-space:nowrap;pointer-events:none;opacity:0;padding:.3rem .5rem;font-size:.75rem;font-weight:500;line-height:1.3;transition:opacity .12s;position:absolute;top:calc(100% + .4rem);left:50%;translate:-50%}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transition-delay:.45s}.editor-actions [data-tip]:after{left:auto;right:0;translate:none}.select{position:relative}.select-button{min-width:8.5rem;font-size:var(--step--1);color:var(--ink);border:1px solid var(--rule-strong);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .5rem .35rem .65rem;font-weight:500;display:inline-flex}.select-button:hover{border-color:var(--ink-3)}.select-button svg{width:.9rem;height:.9rem;color:var(--ink-3)}.select-list{z-index:7;background:var(--paper);border:1px solid var(--rule-strong);border-radius:var(--radius);outline:none;min-width:13rem;padding:.3rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0}.select-list li{border-radius:var(--radius);color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.45rem .55rem;font-size:.875rem;display:flex}.select-list li.is-active{background:var(--surface)}.select-list li[aria-selected=true] span{text-decoration:underline;-webkit-text-decoration-color:var(--pencil);text-decoration-color:var(--pencil);text-underline-offset:.25em;text-decoration-thickness:3px}.select-list li[aria-selected=true]{color:var(--ink);font-weight:500}.confirm{width:min(26rem,100vw - 2rem);color:var(--ink);background:var(--paper);border:1px solid var(--rule-strong);border-radius:var(--radius);margin:auto;padding:1.5rem}.confirm::backdrop{background:#14131173}.confirm-title{font-family:var(--font-serif);font-size:var(--step-2);font-weight:600;line-height:1.25}.confirm-body{color:var(--ink-2);margin-top:.6rem;font-size:.9375rem}.confirm-actions{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--paper)}.btn-danger:hover:not(:disabled){border-color:var(--danger);opacity:.9}.disclosure-button{font-size:var(--step--1);color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;padding:0;font-weight:600;display:inline-flex}.disclosure-button svg{width:.8rem;height:.8rem;color:var(--ink-3);transition:rotate .15s}.disclosure-button[aria-expanded=true] svg{rotate:90deg}@media (prefers-reduced-motion:reduce){.disclosure-button svg{transition:none}}.disclosure-body{margin-top:.75rem}.history-list{gap:.15rem;list-style:none;display:grid}.history-list li{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:.75rem;padding-block:.35rem;display:flex}.history-when{color:var(--ink-2)}.history-meta{color:var(--ink-3);font-size:.75rem}.history-actions{flex-shrink:0;gap:.75rem;display:flex}.version-preview{border-top:1px solid var(--rule);max-height:60vh;margin-top:1rem;padding-top:1rem;overflow-y:auto}.confirm.is-wide{width:min(44rem,100vw - 2rem)}
