@font-face{font-family:inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable.woff2)format("woff2")}@font-face{font-family:inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable-Italic.woff2)format("woff2")}:root{--bg:#b6d1c9;--paper:rgba(255, 255, 255, 0.2);--cell:rgba(255, 255, 255, 0.4);--focus:rgba(255, 255, 255, 0.3333);--focus-solo:rgba(255, 255, 255, 0.6);--ink:#111;--muted:#5d6f6a;--line:#222}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:inter,system-ui,-apple-system,helvetica neue,Arial,sans-serif;font-size:16px;line-height:1.35;letter-spacing:-.02em;-webkit-font-smoothing:antialiased;font-optical-sizing:none}button,input{font:inherit;color:inherit;letter-spacing:inherit}[hidden]{display:none!important}::selection{background:rgba(255,255,255,.4);color:inherit}.intro{padding:64px 72px 72px;max-width:780px;font-size:19px}.intro h1{font-size:64px;font-weight:700;letter-spacing:-.03em;line-height:1;margin:0 0 36px}.intro p{margin:0 0 22px}.intro .sig{margin-top:28px}.intro .sig em{display:block;font-style:normal;font-weight:600}.intro a{color:inherit;text-decoration:none}.intro a:hover{text-decoration:underline}.intro p a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.panel{margin:0 72px;max-width:1600px;border:1px solid var(--line);border-bottom:0;display:grid;grid-template-columns:320px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"search subscribe" "list   viewer";height:94vh}.inbox{display:contents}.search{grid-area:search}.subscribe{grid-area:subscribe}.list{grid-area:list}.viewer{grid-area:viewer}.search,.subscribe{border-bottom:1px solid var(--line)}.search{background:var(--cell);border-right:1px solid var(--line)}.search input,.subscribe input{width:100%;height:100%;min-height:44px;border:0;background:0 0;padding:10px 14px;outline:none;border-radius:0}.search input::placeholder,.subscribe input::placeholder{color:var(--muted)}.search input:focus,.subscribe input:focus{background:var(--focus)}.subscribe{display:grid;grid-template-columns:minmax(0,1fr)minmax(160px,32%)44px;background:var(--cell);margin:0}.subscribe label{padding:10px 14px;display:flex;align-items:center;justify-content:flex-end;text-align:right;border-right:1px solid var(--line)}.subscribe input{border-right:1px solid var(--line)}.subscribe button{border:0;background:0 0;cursor:pointer;display:grid;place-items:center;padding:0}.subscribe button:hover,.subscribe button:focus-visible{background:var(--focus);outline:none}.subscribe.done label{font-weight:600}.list{margin:0;padding:0;list-style:none;border-right:1px solid var(--line);background:var(--cell);overflow-y:auto;outline:none}.post{padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;border-top:1px solid transparent;border-bottom:1px solid transparent;display:block;color:inherit;text-decoration:none;outline:none}.post:focus-visible:not(.active){background:var(--focus)}.post.active{background:var(--focus);border-top-color:var(--line);border-bottom-color:var(--line)}.post.active:first-of-type{border-top-color:transparent}.post h3{font-size:15px;font-weight:600;line-height:1;padding-bottom:.2em;margin:0 0 calc(6px - .2em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post p{font-size:13px;color:#6b7d78;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post .meta{line-height:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.post time{font-size:13px}.empty{padding:16px 14px;color:var(--muted)}.viewer{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.25)transparent}.viewer::-webkit-scrollbar{width:6px}.viewer::-webkit-scrollbar-thumb{background:rgba(0,0,0,.25);border-radius:3px}.viewer{background:var(--paper);overflow-y:auto;padding:180px clamp(20px,6vw,80px)80px}.viewer h2{text-align:center;font-size:32px;font-weight:600;letter-spacing:-.03em;line-height:1.15;max-width:16em;text-wrap:balance;margin:0 auto 12px}.viewer .date{display:block;text-align:center;font-size:14px;color:var(--muted);margin-bottom:48px}.letter{font-family:Arial,helvetica neue,Helvetica,sans-serif;font-size:17px;line-height:1.6;max-width:640px;margin:0 auto}.letter p{margin:0 0 1.25em}.colophon{margin:0 72px;max-width:1600px;padding:20px 0 48px;font-size:13px;color:var(--muted)}.colophon p{margin:0;max-width:640px}.colophon a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.colophon a:hover{color:var(--ink)}.panel+.colophon{border-top:1px solid var(--line)}@media(max-width:1100px){.intro,.panel{width:min(640px,calc(100% - 48px));max-width:none;margin-left:auto;margin-right:auto}.intro{font-size:17px;padding:40px 0 72px}.intro h1{font-size:44px;margin-bottom:28px}.panel{display:block;border:0;height:auto}.subscribe{grid-template-columns:minmax(0,1fr)44px;background:0 0;border-bottom:0;margin-bottom:96px}.subscribe label{grid-column:1/-1;justify-content:flex-start;text-align:left;padding:0 0 10px;border:0}.subscribe input,.subscribe button{background:var(--cell);border:1px solid var(--line)}.subscribe button{border-left:0}.subscribe input:focus,.subscribe button:hover,.subscribe button:focus-visible{background:var(--focus-solo)}.inbox{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"search" "list" "viewer";border:1px solid var(--line);border-bottom:0}.list,.viewer{overflow:visible}.search{border-right:0}.list{border-right:0;border-bottom:1px solid var(--line)}.inbox:not(:has(.post)){display:block;height:auto}.inbox:not(:has(.post)) :is(.search,.list){display:none}.post{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px}.post h3{margin:0 0 -.2em;min-width:0}.post p{display:none}.post .meta{flex:none}.post.active:last-of-type{border-bottom-color:transparent}.viewer{padding:56px 18px 48px}.viewer h2{font-size:26px}.colophon{width:min(640px,calc(100% - 48px));max-width:none;margin-left:auto;margin-right:auto}}@media(max-width:640px){.panel{width:100%}.subscribe{padding:0 24px}.inbox{border-left:0;border-right:0}.colophon{width:100%;padding-left:24px;padding-right:24px}}