:root{--color-bg:#fff;--color-surface:#f6f6f6;--color-surface-soft:#fbf2f0;--color-surface-strong:#efd8d3;--color-text:#000;--color-text-muted:#6e6e6e;--color-text-faint:#a8a8a8;--color-line:#ececec;--color-link:#1a1a1a;--color-accent:#1a1a1a;--color-warn:#b88a2a;--color-success:#2e7d4f;--font-serif:"Adelphe Floreal", "Iowan Old Style", "Cambria", Georgia, serif;--font-sans:"Bricolage Grotesque", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-meta:12px;--text-sm:14px;--text-base:16px;--text-lead:18px;--text-h4:22px;--text-h3:26px;--text-h2:32px;--text-h1:44px;--text-display:56px;--text-hero:88px;--leading-tight:1.05;--leading-snug:1.2;--leading-normal:1.5;--leading-relaxed:1.7;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--max-content:720px;--max-page:1920px;--page-margin-y:var(--space-7)}@media (prefers-color-scheme:dark){:root{--color-bg:#0d0d0d;--color-surface:#1a1a1a;--color-surface-soft:#241a1a;--color-surface-strong:#2e2020;--color-text:#ededed;--color-text-muted:#9a9a9a;--color-text-faint:#5a5a5a;--color-line:#2a2a2a;--color-link:#ededed;--color-accent:#ededed;--color-warn:#e0b04a;--color-success:#5cbe83}}@font-face{font-family:Adelphe Floreal;src:url(/fonts/Adelphe-FlorealRegular.woff2)format("woff2"),url(/fonts/Adelphe-FlorealRegular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Adelphe Floreal;src:url(/fonts/Adelphe-FlorealItalic.woff2)format("woff2"),url(/fonts/Adelphe-FlorealItalic.woff)format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Adelphe Floreal;src:url(/fonts/Adelphe-FlorealBold.woff2)format("woff2"),url(/fonts/Adelphe-FlorealBold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Adelphe Floreal;src:url(/fonts/Adelphe-FlorealBoldItalic.woff2)format("woff2"),url(/fonts/Adelphe-FlorealBoldItalic.woff)format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-v9-latin-200.woff2)format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-v9-latin-300.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-v9-latin-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-v9-latin-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-v9-latin-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none;padding:0}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4{font-family:var(--font-serif);letter-spacing:-.01em;margin:0;font-weight:400}p{margin:0}a{color:var(--color-link);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}.read-nav,.user-page,.me,.about,.editor,.thread,.letter-view,.letter-view__replies,.letter-view__contribute{max-width:var(--max-page);margin:var(--page-margin-y) auto;width:100%}.comment,.letter-view{gap:var(--space-7);grid-template-columns:1fr 2fr 1fr;align-items:start;display:grid}.user-page__section-title,.me__section-title,.write-lists__title,.letter-view__replies-title{font-family:var(--font-sans);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.me__badge{padding:2px var(--space-2);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;line-height:var(--leading-normal);border-radius:999px;display:inline-block}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text);transition:background .15s;display:inline-flex}.btn:hover{background:var(--color-surface-strong)}.btn--ghost{border:1px solid var(--color-line);background:0 0}.btn--ghost:hover{background:var(--color-surface-soft)}.label{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.muted{color:var(--color-text-muted)}.serif{font-family:var(--font-serif)}.divider{background:var(--color-line);height:1px;margin:var(--space-6) 0;border:none}.layout{min-height:100vh;padding:var(--space-8) var(--space-7)}.layout__main{flex-direction:column;width:100%;display:flex}.layout__corner{z-index:50;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);padding:var(--space-2) var(--space-3);background:0 0;text-decoration:none;position:fixed}.layout__corner:hover,.layout__corner[aria-current=page]{text-underline-offset:4px;text-decoration:underline}.layout__corner--tl{top:var(--space-2);left:var(--space-2)}.layout__corner--tr{top:var(--space-2);right:var(--space-2)}.layout__corner--bl{bottom:var(--space-2);left:var(--space-2)}.layout__corner--br{bottom:var(--space-2);right:var(--space-2)}.wordmark{font-family:var(--font-serif);font-size:var(--text-lead);letter-spacing:-.01em;color:var(--color-text);font-weight:400;text-decoration:none}.nav-link{color:var(--color-text);padding:var(--space-2) 0;text-decoration:none}.nav-link[aria-current=page],.nav-link:hover{text-underline-offset:4px;text-decoration:underline}.home{min-height:calc(100vh - var(--space-9));flex:1;justify-content:center;align-items:center;display:flex}.home__inner{text-align:center}.home__wordmark{width:clamp(280px,60vw,720px);height:auto;margin:0 auto;display:block}.home__tagline{font-family:var(--font-serif);color:var(--color-text-muted);margin-top:var(--space-5);font-size:clamp(18px,2vw,26px);font-style:italic}.avatar{width:56px;height:56px;font-family:var(--font-sans);color:#fff;-webkit-user-select:none;user-select:none;object-fit:cover;background:var(--color-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.avatar--sm{width:36px;height:36px;font-size:var(--text-sm)}.avatar--lg{width:80px;height:80px;font-size:var(--text-h4)}.letter-view__author{align-items:flex-start;gap:var(--space-3);top:var(--space-5);flex-direction:column;display:flex;position:sticky}.letter-view__author-link{align-items:flex-start;gap:var(--space-3);color:inherit;flex-direction:column;text-decoration:none;display:inline-flex}.letter-view__author-link:hover .letter-view__author-name{text-underline-offset:3px;text-decoration:underline}.letter-view__author-name{font-family:var(--font-serif);font-size:var(--text-h3);line-height:var(--leading-snug);color:var(--color-text)}.letter-view__author-bio{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted)}.letter-view--author-compact .letter-view__author,.letter-view--reply .letter-view__author,.letter-view--author-compact .letter-view__author-link,.letter-view--reply .letter-view__author-link{column-gap:var(--space-3);grid-template-columns:auto 1fr;align-items:center;row-gap:0;display:grid}.letter-view--author-compact .letter-view__author-name,.letter-view--reply .letter-view__author-name{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-snug)}.letter-view--author-compact .letter-view__author-bio{display:none}.letter-view__content{font-family:var(--font-serif)}.letter-view__title{font-size:var(--text-display);line-height:var(--leading-tight);margin-bottom:var(--space-7);letter-spacing:-.01em}.letter-view__body p{font-size:var(--text-h3);line-height:var(--leading-relaxed);margin:0 0 var(--space-5)}.letter-view__sidebar{gap:var(--space-5);font-size:var(--text-sm);top:var(--space-5);flex-direction:column;display:flex;position:sticky}.letter-view__actions{gap:var(--space-3);margin-top:var(--space-7);flex-wrap:wrap;align-items:center;display:flex}.letter-view__actions--review{padding:var(--space-4) var(--space-5);border:1px solid var(--color-warn);border-radius:var(--radius-md);background:var(--color-surface)}.letter-view__review-prompt{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-warn);margin-right:var(--space-4)}.letter-view__replies-link{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);text-underline-offset:3px;text-decoration:underline}.letter-view__respond-header{margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted)}.letter-view--reply .letter-view__body p{font-size:var(--text-h4)}.letter-view__map{margin-top:var(--space-6);border-radius:var(--radius-md);width:100%;height:auto}.letter-view__replies{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-line)}.letter-view__replies .letter-view+.letter-view{margin-top:var(--space-7);padding-top:var(--space-7);border-top:1px solid var(--color-line)}.letter-view__replies-title{text-align:center;margin-bottom:var(--space-5)}.letter-view__contribute{padding-top:var(--space-7);border-top:1px solid var(--color-line);justify-content:center;display:flex}.sidebar-field__label{color:var(--color-text-muted);font-family:var(--font-sans);margin-bottom:var(--space-1)}.sidebar-field__value{font-family:var(--font-sans);line-height:var(--leading-normal)}.sidebar-field__value a{color:var(--color-text)}.thread{padding:var(--space-7) 0;margin:0 auto}.thread__divider{background:var(--color-surface);height:1px;margin:var(--space-5) 0}.thread__compose{padding:var(--space-7) 0 var(--space-5);justify-content:center;display:flex}.comment{padding:var(--space-5) 0}.comment__author{align-items:center;gap:var(--space-3);display:flex}.comment__name{font-family:var(--font-serif);font-size:var(--text-lead)}.comment__body{font-family:var(--font-serif)}.comment__body p{font-size:var(--text-lead);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.comment__sidebar{gap:var(--space-4);font-size:var(--text-sm);flex-direction:column;display:flex}.source-modal{background:var(--color-bg);border-radius:var(--radius-md);width:100%;max-width:720px;max-height:90vh;padding:var(--space-7);position:relative;overflow-y:auto}.source-modal__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;padding:var(--space-5);background:#14141473;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.source-modal__close{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface-soft);width:32px;height:32px;font-size:var(--text-lead);justify-content:center;align-items:center;display:flex;position:absolute}.source-modal__close:hover{background:var(--color-surface)}.source-modal__header{text-align:center;margin-bottom:var(--space-6)}.source-modal__publisher{font-family:var(--font-serif);font-size:var(--text-h3);margin-bottom:var(--space-2)}.source-modal__tagline{font-size:var(--text-sm);color:var(--color-text-muted)}.source-modal__card{background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-5)}.source-modal__author{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.source-modal__body p{font-family:var(--font-serif);font-size:var(--text-lead);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.source-modal__link{margin-top:var(--space-5);font-size:var(--text-sm);display:inline-block}.editor{gap:var(--space-7);grid-template-columns:240px 1fr 280px;align-items:start;display:grid}.editor__main{font-family:var(--font-serif)}.editor__meta{gap:var(--space-5);font-size:var(--text-sm);flex-direction:column;display:flex}.editor__meta--left{align-items:flex-start;gap:var(--space-3)}.editor__author-name{font-family:var(--font-serif);font-size:var(--text-h3);line-height:var(--leading-snug)}.editor__author-bio{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted)}.editor__title-input,.editor__body-input,.editor__sources-input{color:var(--color-text);caret-color:var(--color-text)}.editor__title-input::placeholder,.editor__body-input::placeholder,.editor__sources-input::placeholder{color:var(--color-text-faint)}.editor__title-input{width:100%;font-family:var(--font-serif);font-size:var(--text-h1);line-height:var(--leading-snug);letter-spacing:-.01em;margin-bottom:var(--space-6);padding:0 0 var(--space-3);border:none;border-bottom:1px solid var(--color-line);background:0 0;outline:none}.editor__title-input:focus{border-bottom-color:var(--color-text)}.editor__body-input{width:100%;font-family:var(--font-serif);font-size:var(--text-lead);line-height:var(--leading-relaxed);background:repeating-linear-gradient(to bottom, transparent, transparent calc(1.6em - 1px), var(--color-line) calc(1.6em - 1px), var(--color-line) 1.6em);resize:vertical;border:none;outline:none;min-height:320px;padding:0}.editor__sources-input{width:100%;font-family:var(--font-sans);font-size:var(--text-meta);line-height:var(--leading-normal);padding:var(--space-2);margin-top:var(--space-1);border:1px solid var(--color-line);border-radius:var(--radius-sm);resize:vertical;word-break:break-all;background:0 0;outline:none}.editor__sources-input:focus{border-color:var(--color-text)}.editor__actions{gap:var(--space-3);margin-top:var(--space-6);align-items:center;display:flex}.editor__count{font-size:var(--text-sm);color:var(--color-text-muted);margin-left:auto}.editor__label{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}.editor__hint{font-family:var(--font-serif);color:var(--color-text-muted);font-size:var(--text-h4);margin-bottom:var(--space-5)}.write-lists{margin-top:var(--space-8)}.write-lists__cta{margin-bottom:var(--space-6)}.write-lists__columns{gap:var(--space-7);grid-template-columns:1fr 1fr;align-items:start;display:grid}.write-lists__col{flex-direction:column;display:flex}.write-lists__title{margin-bottom:var(--space-3)}.about section{margin-bottom:var(--space-8)}.about__title{font-size:var(--text-display);line-height:var(--leading-tight);margin-bottom:var(--space-7)}.about__hero{text-align:center;margin-bottom:var(--space-8);padding:var(--space-7) 0 var(--space-5)}.about__hero-title{font-size:var(--text-hero);margin-bottom:var(--space-3);font-weight:300;line-height:var(--leading-tight);letter-spacing:-.07em}.about__hero-logo{width:clamp(240px,40vw,480px);height:auto;margin:0 auto var(--space-3);display:block}.about__hero-sub{font-family:var(--font-serif);font-style:italic;font-size:var(--text-h4);color:var(--color-text-muted)}.about__section-title{font-family:var(--font-serif);font-size:var(--text-h1);margin-bottom:var(--space-7);text-align:center}.about__grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.about__card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-6);flex-direction:column;min-height:220px;display:flex}.about__card-title{font-family:var(--font-sans);font-weight:700;font-size:var(--text-lead);margin-bottom:var(--space-4)}.about__card-body{font-size:var(--text-sm);line-height:var(--leading-normal)}.about__pillars-grid{gap:var(--space-4);margin-left:auto;margin-right:var(--space-8) auto;grid-template-columns:1fr 2fr 1fr;display:grid}.about__pillar{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-7) var(--space-5);text-align:center;flex-direction:column;align-items:center;min-height:360px;display:flex}.about__pillar-title{font-family:var(--font-sans);font-weight:700;font-size:var(--text-h4);margin-bottom:var(--space-3)}.about__pillar-sub{font-family:var(--font-serif);font-style:italic;font-size:var(--text-h4);margin-bottom:var(--space-7)}.about__pillar-detail{font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-relaxed)}.about__credits{text-align:center}.me{max-width:720px;padding:0 var(--space-5)}.me__header{align-items:center;gap:var(--space-5);margin-bottom:var(--space-7);display:flex}.me__name{font-family:var(--font-serif);font-size:var(--text-h2)}.me__webid{font-size:var(--text-sm);color:var(--color-text-muted);word-break:break-all}.me__section{margin-bottom:var(--space-7)}.me__section-title{margin-bottom:var(--space-3)}.me__item{font-family:var(--font-serif);font-size:var(--text-h4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-line);color:var(--color-text);justify-content:space-between;align-items:baseline;text-decoration:none;display:flex}.me__item:hover{background:var(--color-surface-soft)}.me__item-meta{font-family:var(--font-sans);font-size:var(--text-meta);color:var(--color-text-muted);align-items:center;gap:var(--space-3);display:inline-flex}.me__badge{font-size:var(--text-meta);border:1px solid}.me__badge--draft{color:var(--color-text-muted)}.me__badge--review{color:var(--color-warn)}.me__badge--published{color:var(--color-success)}.me__lang-toggle{gap:var(--space-2);display:inline-flex}.me__lang-btn{font-family:var(--font-sans);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-line);color:var(--color-text);cursor:pointer;background:0 0}.me__lang-btn--active{background:var(--color-surface);border-color:var(--color-surface)}.user-page{max-width:720px;padding:0 var(--space-5)}.user-page__header{align-items:center;gap:var(--space-5);margin-bottom:var(--space-7);display:flex}.user-page__name{font-family:var(--font-serif);font-size:var(--text-h2)}.user-page__bio{margin-top:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted)}.user-page__section{margin-bottom:var(--space-7)}.user-page__section-title{margin-bottom:var(--space-3)}.user-page__item{font-family:var(--font-serif);font-size:var(--text-h4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-line);color:var(--color-text);justify-content:space-between;align-items:baseline;text-decoration:none;display:flex}.user-page__item:hover{background:var(--color-surface-soft)}.user-page__item-meta{font-family:var(--font-sans);font-size:var(--text-meta);color:var(--color-text-muted)}.login{max-width:480px;margin:var(--space-9) auto;padding:0 var(--space-5)}.login__title{font-family:var(--font-serif);font-size:var(--text-h1);margin-bottom:var(--space-5);letter-spacing:-.02em}.login__hint{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-6);line-height:var(--leading-normal)}.login__form{gap:var(--space-3);flex-direction:column;display:flex}.login__label{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted)}.login__input{font-family:var(--font-sans);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);outline:none}.login__input:focus{border-color:var(--color-text)}.login__actions{gap:var(--space-3);margin-top:var(--space-3);display:flex}.login__code{background:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-md);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--text-sm);margin-bottom:var(--space-5);overflow-x:auto}.closed-notice{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-5);text-align:center;max-width:480px;margin:0 auto}.closed-notice__title{font-family:var(--font-serif);font-size:var(--text-h4);margin-bottom:var(--space-2)}.closed-notice__body{font-size:var(--text-sm);color:var(--color-text-muted)}.read-nav{margin:0 auto var(--space-7);padding:0 var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.read-nav>*{min-width:100px}.read-nav__arrow{text-decoration:none}.read-nav__arrow:hover{text-decoration:underline}.read-nav__counter{font-family:var(--font-sans);text-align:center}.read-nav__next{text-align:right}.demo-banner{max-width:var(--max-page);margin:0 auto var(--space-6);justify-content:center;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.demo-banner__text{text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-meta)}.demo-banner__cta{color:var(--color-text);text-underline-offset:3px;text-decoration:underline}@media (width<=1000px){:root{--text-meta:11px;--text-sm:13px;--text-base:15px;--text-lead:17px;--text-h4:20px;--text-h3:22px;--text-h2:26px;--text-h1:32px;--text-display:40px;--text-hero:56px;--page-margin-y:var(--space-4)}.letter-view,.comment,.editor,.write-lists__columns{gap:var(--space-5);grid-template-columns:1fr}.letter-view__author,.letter-view__sidebar,.editor__meta{position:static}.about__grid,.about__pillars-grid{grid-template-columns:1fr}.layout{padding:var(--space-4)}.demo-banner{margin-top:var(--space-6);text-align:center;display:block}.demo-banner__text{margin-right:var(--space-1)}}