:root{--paper:#f5f4ee;--rule:#d4d0c5;--surface:#eeeee8;--ink:#20201e;--muted:#5e5c56;--accent:#913c2e;--pale:#eeeee8;--white:#fff;--serif:"Songti TC", "Noto Serif TC", "PMingLiU", serif;--sans:system-ui, sans-serif;--brush:"Kaiti TC", "STKaiti", "KaiTi", var(--serif);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--layer-fact:#326782;--layer-reading:#55704b;--layer-opinion:#985221;--layer-imagination:#816044;color:var(--ink);background:var(--paper);font-family:var(--serif);font-size:18px}*{box-sizing:border-box}body{background-image:url(/art/paper-grain.svg);margin:0;line-height:1.8}a{color:var(--accent);text-underline-offset:.25em}a:hover{text-decoration-thickness:.14em}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{color:var(--paper);background:var(--accent)}h1,h2,h3{font-family:var(--brush);text-wrap:balance;font-weight:500;line-height:1.25}p{text-wrap:pretty}.site-header{width:100%;font:16px/1.6 var(--serif);justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 5vw;display:flex}.site-header a{text-decoration:none}.wordmark{color:var(--ink);font-family:var(--brush);letter-spacing:.12em;align-items:center;gap:.65em;font-size:32px;font-weight:600;display:inline-flex}.brand-seal{background:var(--accent);width:1.6em;height:1.6em;color:var(--paper);outline:1px solid var(--paper);outline-offset:-4px;border-radius:2px;place-items:center;font-size:20px;display:inline-grid;transform:rotate(-4deg)}.site-header nav a{align-items:center;min-height:44px;display:inline-flex}.site-header nav{gap:1.8rem;display:flex}.skip-link{background:var(--paper);z-index:10;padding:.6rem;position:absolute;top:-6rem;left:1rem}.skip-link:focus{top:1rem}.button{min-height:48px;color:var(--paper);background:var(--accent);font:16px/1.6 var(--sans);justify-content:center;align-items:center;padding:.65rem 1.25rem;text-decoration:none;transition:transform .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)}.site-footer{isolation:isolate;color:var(--ink);background:0 0;margin-top:5rem;padding:4rem 7vw;position:relative}.site-footer:before{content:"";opacity:.3;pointer-events:none;background:url(/art/brush-stroke.svg) 50%/100% 100% no-repeat;width:100%;height:24px;margin-bottom:clamp(40px,5vw,80px);display:block}.site-footer a{color:var(--accent)}.site-footer p{margin:.5rem 0}.site-footer .closing{font-family:var(--brush);font-size:clamp(32px,5vw,80px)}@media (width<=600px){.site-header{flex-wrap:wrap;gap:12px;padding:20px}.site-header nav{gap:1rem}.site-header .wordmark{font-size:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.catalog-page{width:100%;margin:auto;padding:60px 7vw 0}.catalog-page h1{margin:32px 0;font-size:clamp(44px,7vw,88px)}.catalog-page .intro{max-width:44em;margin-bottom:56px}.catalog-page>section{margin-top:64px}.catalog-page h2{background:url(/art/brush-stroke.svg) 0 100%/min(24rem,100%) 12px no-repeat;margin:0 0 32px;padding:24px 0;font-size:48px}.catalog-page h3{margin:32px 0 16px;font-size:24px}.catalog-page ol{margin:0;padding:0;list-style:none}.catalog-page li{border-bottom:1px solid var(--rule);grid-template-columns:3.5rem 1fr;gap:12px;padding:12px 20px;display:grid}.catalog-page .number{color:var(--muted);font-variant-numeric:tabular-nums}.catalog-page .author{color:var(--muted);margin-left:20px}.catalog-page .badge{background:var(--pale);font:16px/1.6 var(--sans);margin-left:16px;padding:2px 8px}.catalog-page a{font-weight:600}.reading-page{overflow-wrap:anywhere;width:100%;margin:auto;padding:60px 7vw 0}.reading-page>section,.reading-page>aside,.reading-page>nav{max-width:48rem;margin-inline:auto}.reading-page>h1,.reading-page>.byline{text-align:center}.reading-page h1{margin:24px 0 12px;font-size:clamp(44px,7vw,80px)}.reading-page h2{margin:48px 0 20px;font-size:28px}.reading-page h3{font-size:22px}.byline{color:var(--muted);margin-bottom:32px}.section-nav,.work-nav{font-family:var(--sans);flex-wrap:wrap;gap:12px 24px;display:flex}.section-nav{margin:24px 0}.section-nav a,.work-nav a{align-items:center;min-height:44px;display:inline-flex}.layer-legend{background:var(--surface);font:16px/1.8 var(--sans);margin:24px 0 40px;padding:24px}.layer-legend p{margin:0 0 12px}.layer-legend ul{flex-wrap:wrap;gap:12px 20px;margin:0;padding:0;list-style:none;display:flex}.layer-legend li{border-left:.3rem solid;padding-left:10px}.layer-legend .fact{border-color:var(--layer-fact)}.layer-legend .reading{border-color:var(--layer-reading)}.layer-legend .opinion{border-color:var(--layer-opinion);border-left-style:dashed}.layer-legend .imagination{border-color:var(--layer-imagination)}.poem{font-family:var(--brush);letter-spacing:.04em;padding:40px;font-size:clamp(24px,4vw,32px);line-height:2}.poem p{margin:0}.punctuation,.edition{color:var(--muted);font-size:16px}.edition{margin:8px 0}.annotation-list{margin:0;padding:0;list-style:none}.annotation-list>li{padding:16px 0}.annotation-text{margin:0}.analysis-subsection{margin-top:40px}.source-register{background:var(--surface);margin-top:56px;padding:24px}.source-register h2{margin-top:0}.work-nav{margin-top:48px}.group-nav{background:var(--surface);padding:24px}.group-nav p{margin:0 0 12px}.group-nav ul{flex-wrap:wrap;gap:16px;margin:0;padding:0;list-style:none;display:flex}.group-nav [aria-current]{font-weight:700}#original,#analysis,#family{scroll-margin-top:24px}@media (width<=600px){.catalog-page,.reading-page{padding:24px 20px 0}.catalog-page h2{padding:20px}.catalog-page li{grid-template-columns:2.6rem 1fr;gap:8px;padding:12px}.catalog-page .author{margin-left:0;display:block}.reading-page h1{font-size:42px}.poem{letter-spacing:0;padding:28px 20px;font-size:24px}.layer-legend{padding:20px}}.reading-page>#original{max-width:none}#original>:not(.original-spread){max-width:48rem;margin-inline:auto}.original-spread{max-width:80rem;margin-inline:auto}.original-spread.illustrated{grid-template-columns:minmax(0,1.5fr) minmax(16rem,1fr);align-items:center;gap:4vw;display:grid}.original-spread .poem{text-align:center;padding:32px 0}@media (width<=900px){.original-spread.illustrated{grid-template-columns:1fr;gap:16px}}@media (prefers-reduced-motion:no-preference){[data-poem-line]{animation:ink-settle 1.3s var(--ease-out) calc(.4s + var(--i,0) * .28s) both}@keyframes ink-settle{0%{opacity:0;filter:blur(6px);color:var(--muted)}55%{opacity:.85;filter:blur(.5px)}to{opacity:1;filter:blur()}}}