:root{--paper:#f4f2ed;--ink:#161715;--muted:#73746f;--line:rgba(22,23,21,.13);--white:#fff;--serif:"Songti SC","STSong","Noto Serif SC",Georgia,serif;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:999;background:#fff;padding:.6rem 1rem}.skip-link:focus{top:1rem}.site-header{height:76px;padding:0 clamp(24px,5vw,72px);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;border-bottom:1px solid var(--line)}.home-page .site-header{position:absolute;width:100%;color:#fff;border-color:rgba(255,255,255,.2)}.brand{font-family:var(--serif);font-size:1.08rem;letter-spacing:.14em}.site-header nav{display:flex;gap:2rem;font-size:.84rem;letter-spacing:.08em}.site-header nav a{opacity:.7;transition:opacity .2s}.site-header nav a:hover,.site-header nav a[aria-current]{opacity:1}.nav-toggle{display:none;border:0;background:none}.moment{min-height:100svh;position:relative;display:grid;place-items:center;color:#fff;background-image:var(--hero);background-size:cover;background-position:var(--focus);transition:background-image .6s ease}.moment-shade{position:absolute;inset:0;background:linear-gradient(100deg,rgba(7,16,23,.62),rgba(8,14,20,.18) 65%,rgba(8,14,20,.35))}.moment-content{position:relative;width:min(780px,84vw);margin-top:2vh}.eyebrow{font-size:.67rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 1.5rem}.moment .eyebrow{color:rgba(255,255,255,.62)}blockquote{font-family:var(--serif);font-size:clamp(2rem,4.5vw,4.7rem);font-weight:400;line-height:1.35;letter-spacing:.04em;margin:0;max-width:12em;text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.2)}.quote-source{min-height:1.7em;color:rgba(255,255,255,.65);font-family:var(--serif);margin:1.4rem 0}.shuffle{border:0;border-bottom:1px solid rgba(255,255,255,.35);padding:.35rem 0;background:none;color:rgba(255,255,255,.76);cursor:pointer;font-size:.78rem;letter-spacing:.08em}.shuffle:hover{color:#fff;border-color:#fff}.image-caption{position:absolute;right:clamp(24px,5vw,72px);bottom:30px;font-size:.7rem;color:rgba(255,255,255,.58);letter-spacing:.08em}.enter{position:absolute;left:clamp(24px,5vw,72px);bottom:30px;font-size:.72rem;letter-spacing:.12em}.enter span{margin-left:.5rem}.page-shell,.article-shell,.about-shell{width:min(1040px,88vw);margin:0 auto}.page-intro{padding:clamp(5rem,10vw,9rem) 0 4rem;border-bottom:1px solid var(--line)}.page-intro h1,.about-shell h1{font-family:var(--serif);font-size:clamp(2.8rem,6vw,5.5rem);font-weight:400;line-height:1.15;margin:0 0 1rem}.page-intro>p:last-child{color:var(--muted)}.post-list{padding-bottom:8rem}.post-row{display:grid;grid-template-columns:120px 1fr auto;gap:2rem;align-items:start;padding:2.4rem 0;border-bottom:1px solid var(--line)}.post-row time{color:var(--muted);font-size:.78rem}.post-row h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.25rem,2.5vw,1.8rem);line-height:1.4;margin:-.3rem 0 .55rem}.post-row p{color:var(--muted);margin:0;max-width:660px}.row-arrow{font-size:1.2rem}.empty{padding:4rem 0;color:var(--muted)}.article-shell{max-width:760px}.article-shell>header{padding:6rem 0 4rem}.back{display:block;color:var(--muted);font-size:.8rem;margin-bottom:3rem}.article-shell h1{font-family:var(--serif);font-size:clamp(2.3rem,5vw,4rem);font-weight:400;line-height:1.25;margin:0 0 1.5rem}.article-shell time{font-size:.8rem;color:var(--muted)}.prose{font-family:var(--serif);font-size:1.08rem;padding-bottom:8rem}.prose h2{font-size:1.7rem;font-weight:500;margin:3.5rem 0 1rem}.prose h3{font-size:1.3rem;margin-top:2.5rem}.prose p,.prose ul,.prose ol{margin:0 0 1.6rem}.prose img{max-width:100%;border-radius:2px}.prose pre{overflow:auto;background:#e9e6de;padding:1.3rem}.prose code{font-family:ui-monospace,monospace;font-size:.88em}.prose blockquote{font-size:1.4rem;text-shadow:none;border-left:2px solid var(--ink);padding-left:1.4rem;margin:2.5rem 0}.about-shell{min-height:calc(100vh - 76px);padding:clamp(5rem,12vw,10rem) 0;max-width:900px}.about-shell h1{max-width:11em}.about-copy{font-family:var(--serif);font-size:1.25rem;color:var(--muted);max-width:650px;white-space:pre-line}.about-links{display:flex;gap:2rem;margin-top:3rem;font-size:.85rem}footer{border-top:1px solid var(--line);height:90px;padding:0 clamp(24px,5vw,72px);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.72rem}.lock-shell{min-height:calc(100vh - 166px);display:grid;place-items:center;padding:4rem 1.5rem}.lock-card{width:min(380px,100%);text-align:center}.lock-mark{font-family:var(--serif);font-size:2rem}.lock-card h1{font-family:var(--serif);font-weight:400;font-size:2.4rem;margin:.5rem}.lock-card>p{color:var(--muted)}form label{display:block;text-align:left;font-size:.76rem;color:var(--muted);margin:1rem 0}.lock-card form{margin-top:2.5rem}.lock-card input{width:100%}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--line);padding:.72rem 1.3rem;background:transparent;cursor:pointer}.button.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.lock-card .button{width:100%;margin-top:.6rem}.form-error{color:#9c3029!important;font-size:.82rem}.admin-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 76px)}.admin-nav{padding:2.5rem;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.admin-brand{font-family:var(--serif);margin-bottom:4rem}.admin-nav nav{display:grid;gap:1.1rem;font-size:.84rem}.admin-nav form{margin-top:auto}.text-button{border:0;padding:0;background:none;cursor:pointer;font-size:.8rem}.danger{color:#9c3029}.admin-main{padding:clamp(3rem,6vw,6rem);max-width:1200px;width:100%}.admin-main h1{font-family:var(--serif);font-weight:400;font-size:3.3rem;margin:0 0 3rem}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.stat-grid a{background:var(--paper);padding:2rem;display:grid}.stat-grid strong{font-family:var(--serif);font-size:3rem;font-weight:400}.stat-grid span{color:var(--muted);font-size:.8rem}.admin-heading{display:flex;justify-content:space-between;align-items:start}.admin-list{border-top:1px solid var(--line)}.admin-row{padding:1.5rem 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:2rem;align-items:center}.admin-row h2{font-family:var(--serif);font-size:1.15rem;font-weight:400;margin:.5rem 0 .1rem}.admin-row small{color:var(--muted)}.badge{display:inline-block;font-size:.66rem;padding:.15rem .45rem;border:1px solid var(--line);margin-right:.35rem;color:var(--muted)}.badge.published{background:#dce6dc;color:#35523b}.row-actions{display:flex;gap:1rem;align-items:center;font-size:.8rem}.row-actions form{margin:0}.stack-form,.inline-create{display:grid;gap:.3rem}.stack-form.narrow{max-width:650px}.stack-form label,.inline-create label{margin:.3rem 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stack-form input,.stack-form textarea,.stack-form select,.inline-create input,.inline-create textarea,.inline-create select,.lock-card input{display:block;width:100%;border:1px solid var(--line);background:rgba(255,255,255,.35);padding:.75rem;margin-top:.35rem}.stack-form textarea,.inline-create textarea{resize:vertical}.markdown-editor{font-family:ui-monospace,monospace;line-height:1.7}.stack-form .button,.inline-create .button{justify-self:start;margin-top:1rem}.inline-create{max-width:720px;padding:1.5rem;border:1px solid var(--line);margin-bottom:3rem}.image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.image-admin-card{border:1px solid var(--line)}.image-admin-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.image-admin-card>div{padding:1rem}.image-admin-card p{min-height:1.7em}
@media(max-width:720px){.site-header{height:64px}.nav-toggle{display:block}.site-header nav{display:none;position:absolute;left:0;right:0;top:64px;padding:1.5rem;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);flex-direction:column}.home-page .site-header nav{background:rgba(10,15,18,.92);color:#fff}.site-header nav.open{display:flex}.moment-content{width:84vw}.image-caption{display:none}.post-row{grid-template-columns:1fr auto;gap:1rem}.post-row time{grid-column:1/-1}.admin-layout{display:block}.admin-nav{height:auto;position:static;border-right:0;border-bottom:1px solid var(--line);padding:1.2rem;flex-direction:row;align-items:center;overflow:auto;gap:1.5rem}.admin-brand{margin:0;white-space:nowrap}.admin-nav nav{display:flex;gap:1rem;white-space:nowrap}.admin-nav form{margin:0 0 0 auto}.admin-main{padding:3rem 1.3rem}.admin-main h1{font-size:2.5rem}.stat-grid,.image-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.admin-row{align-items:flex-start}.row-actions{flex-direction:column;align-items:flex-end}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}:focus-visible{outline:2px solid currentColor;outline-offset:4px}