.intro{width:min(100%,680px);padding:58px 0 116px;transition:padding .55s}h1{letter-spacing:-.025em;margin:0;font-size:clamp(31px,6vw,45px);font-weight:500}.welcome-accent{color:var(--text)}.intro-note{color:var(--muted);margin:28px 0 0;font-size:14px}.section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-bottom:14px;display:flex}.section-head h2{letter-spacing:.08em;margin:0;font-family:inherit;font-size:13px;font-weight:600}.section-head span{color:var(--faint);font-size:11px}.reading-layout{grid-template-columns:minmax(0,680px) minmax(0,0fr);gap:0;transition:grid-template-columns .65s cubic-bezier(.22,.72,.24,1),gap .65s cubic-bezier(.22,.72,.24,1);display:grid}.post-list{scrollbar-width:thin;scrollbar-color:var(--line) transparent;min-width:0}.post-list article{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr 24px;gap:18px;padding:27px 0 28px;transition:opacity .3s,padding .5s;display:grid;position:relative}.post-meta{color:var(--faint);letter-spacing:.03em;flex-direction:column;align-items:flex-start;gap:7px;padding-top:5px;font-size:11px;display:flex}.post-meta time{padding:0}.post-meta span{border:1px solid var(--line);letter-spacing:.08em;border-radius:999px;padding:2px 6px;font-size:9px}h3{margin:0 0 7px;font-family:inherit;font-size:17px;font-weight:560}h3 a{text-underline-offset:5px;text-decoration-color:#0000;transition:color .2s,text-decoration-color .2s}h3 a:hover{text-decoration:underline;text-decoration-color:var(--accent)}.post-list article p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.arrow{color:var(--faint);align-self:center;font-size:15px;transition:color .2s,transform .2s}.post-list article:hover .arrow{color:var(--accent);transform:translate(2px,-2px)}.article-preview{opacity:0;pointer-events:none;scrollbar-width:thin;scrollbar-color:var(--line) transparent;grid-template-columns:minmax(0,1fr);align-items:start;min-width:0;max-height:720px;transition:opacity .4s .18s,transform .55s cubic-bezier(.22,.72,.24,1) .1s;display:grid;position:relative;overflow:auto;transform:translate(28px)}.post-list::-webkit-scrollbar{width:5px}.article-preview::-webkit-scrollbar{width:5px}.post-list::-webkit-scrollbar-track{background:0 0}.article-preview::-webkit-scrollbar-track{background:0 0}.post-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.article-preview::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.post-list::-webkit-scrollbar-thumb:hover{background:var(--faint)}.article-preview::-webkit-scrollbar-thumb:hover{background:var(--faint)}.preview-close{z-index:2;border:1px solid var(--line);width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;grid-area:1/1;place-self:start end;padding:0;font:300 20px/1 sans-serif;transition:color .2s,border-color .2s,transform .2s;position:sticky;top:20px}.preview-close:hover{color:var(--text);border-color:var(--muted);transform:rotate(8deg)}.preview-content{will-change:opacity, transform;grid-area:1/1;padding:24px 44px 12px 0}.preview-content.preview-enter{z-index:1;animation:.58s cubic-bezier(.22,.61,.36,1) both preview-enter}.preview-content.preview-leave{pointer-events:none;animation:.23s ease-in both preview-leave}@keyframes preview-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}@keyframes preview-leave{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(-7px)}}.preview-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;font-size:10px;font-weight:600}.preview-content h2{letter-spacing:-.02em;max-width:480px;margin:0 0 14px;font-size:30px;font-weight:500}.preview-meta{color:var(--faint);gap:16px;font-size:10px;display:flex}.preview-meta time{padding:0}.preview-prose{overflow-wrap:anywhere;min-width:0;max-width:100%;font-family:var(--font-serif);padding:34px 0 18px;font-size:16px;line-height:2}.preview-prose p{margin:0 0 1.4em}.preview-prose img,.preview-prose video,.preview-prose iframe{border-radius:7px;max-width:100%;height:auto;margin:1.6em auto;display:block}.preview-prose figure{max-width:100%;margin:1.6em 0}.preview-prose figure img{margin:0 auto}.preview-prose figcaption{color:var(--faint);text-align:center;margin-top:.6em;font-size:.78em}.preview-prose table{max-width:100%;display:block;overflow-x:auto}.preview-prose h1,.preview-prose h2,.preview-prose h3{font-family:var(--font-serif);margin:1.8em 0 .7em;font-weight:560;line-height:1.45}.preview-prose h1{font-size:30px}.preview-prose h2{font-size:21px}.preview-prose h3{font-size:17px}.preview-prose ul,.preview-prose ol{margin:0 0 1.5em;padding-left:1.4em}.preview-prose blockquote{border-left:2px solid var(--accent);color:var(--muted);margin:1.8em 0;padding-left:1.2em}.preview-prose code{background:color-mix(in srgb, var(--text) 7%, transparent);border-radius:4px;padding:.12em .35em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86em}.preview-prose pre{border:1px solid var(--line);border-radius:7px;margin:1.8em 0;padding:16px 18px;line-height:1.7;overflow-x:auto}.preview-prose pre code{background:0 0;padding:0}.preview-prose a{text-underline-offset:4px;text-decoration:underline}.open-page{color:var(--muted);font-size:12px;display:inline-block}.open-page:hover{color:var(--accent)}@media (width>=900px){.recent.is-reading .reading-layout{grid-template-columns:minmax(0,350px) minmax(0,1fr);align-items:stretch;gap:68px;height:clamp(380px,68vh,720px)}.recent.is-reading .post-list,.recent.is-reading .article-preview{overscroll-behavior-y:contain;scrollbar-gutter:stable;height:100%;max-height:none;overflow-y:auto}.recent.is-reading .article-preview{opacity:1;pointer-events:auto;padding-right:8px;transform:translate(0)}.recent.is-reading .post-list{padding-right:12px}.recent.is-reading .post-list article{grid-template-columns:54px 1fr 18px;gap:10px;padding:22px 0}.recent.is-reading .post-list article:not([data-active]){opacity:.45}.recent.is-reading .post-list article[data-active] h3 a{color:var(--accent)}.recent.is-reading .post-list article p{display:none}}@media (width<=899px){.article-preview{display:none}}@media (width<=560px){.intro{padding:42px 0 88px}.post-list article{grid-template-columns:1fr 20px;gap:10px}.post-list .post-meta{flex-direction:row;grid-column:1/-1;align-items:center;padding:0}}@media (prefers-reduced-motion:reduce){.preview-content.preview-enter,.preview-content.preview-leave{animation:none}}