:root{--color-bg:#e7edf4;--color-surface:rgba(246,250,255,.72);--color-panel:rgba(248,251,255,.84);--color-border:rgba(70,92,118,.16);--color-ink:#8a6379;--color-muted:#a88297;--color-accent:#6e8fb5;--shadow-soft:0 18px 50px rgba(34,49,70,.1);--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--shell-width:min(1120px, calc(100vw - 2rem) );--font-display:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;--font-body:"Avenir Next","PingFang SC","Hiragino Sans GB","Noto Sans SC",sans-serif}*,:after,:before{box-sizing:border-box}html{background:var(--color-bg);scroll-behavior:smooth}body{background:radial-gradient(circle at top left,rgba(168,191,220,.42),transparent 34%),radial-gradient(circle at 85% 10%,rgba(201,213,231,.34),transparent 28%),linear-gradient(180deg,#eef3f9,#dde6f1);color:var(--color-ink);font-family:var(--font-body);line-height:1.65;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}.site-frame{min-height:100vh;position:relative}.site-background{background:linear-gradient(135deg,hsla(0,0%,100%,.34),transparent 45%),radial-gradient(circle at bottom right,rgba(118,146,182,.18),transparent 30%);inset:0;pointer-events:none;position:fixed}.site-shell{margin:0 auto;width:var(--shell-width)}.site-footer,.site-header{position:relative;z-index:1}.site-header{display:grid;gap:1.25rem;padding:1rem 0 0}.brand{display:inline-flex;flex-direction:column;gap:.2rem;padding:1rem .2rem 0}.brand__name{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.02em}.brand__note{color:var(--color-muted);font-size:.9rem;max-width:32rem}.header-actions{display:grid;gap:.9rem}.site-nav{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.2rem}.locale-switch,.site-nav__link{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf294;border:1px solid var(--color-border);border-radius:999px;padding:.65rem 1rem;transition:transform .18s ease,background-color .18s ease,border-color .18s ease;white-space:nowrap}.locale-switch:hover,.site-nav__link.router-link-active,.site-nav__link:hover{background:#f8fbfff5;border-color:#465c763d;transform:translateY(-1px)}.locale-switch{color:var(--color-muted);justify-self:start}.site-main{padding:2.8rem 0 5rem;position:relative;z-index:1}.site-main--home{align-items:center;display:flex;min-height:100vh;padding-top:2rem}.page-stack{display:grid;gap:2.4rem}.hero,.letter-card,.page-intro,.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--color-panel);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.hero,.page-intro{border-radius:var(--radius-lg);padding:1.4rem}.home-letter{width:100%}.paper-stage{margin:0 auto;max-width:52rem;padding:.5rem 0 2.5rem;position:relative}.paper-stage__shadow{background:#34466129;border-radius:2rem;filter:blur(28px);height:84%;inset:auto 7% 1rem;position:absolute;transform:translateY(1.2rem)}.paper-stage__back{background:linear-gradient(180deg,#d9e4f1fa,#c3d1e2f0),linear-gradient(90deg,hsla(0,0%,100%,.22),transparent 22%,rgba(97,124,159,.08));border-radius:calc(var(--radius-lg) + 2px);box-shadow:inset 0 1px #ffffff47;inset:1.1rem .8rem .8rem;pointer-events:none;position:absolute;transform:rotate(-1.4deg);z-index:1}.letter-card{background:radial-gradient(circle at 12% 18%,rgba(136,165,200,.08),transparent 20%),radial-gradient(circle at 82% 22%,rgba(100,124,158,.06),transparent 18%),linear-gradient(180deg,#fafdfffa,#f1f6fbf7);border-radius:calc(var(--radius-lg) + 4px);box-shadow:0 18px 38px #283a511c,inset 0 1px #ffffffb8;display:grid;gap:1.25rem;margin:0 1.4rem;max-width:none;overflow:hidden;padding:clamp(1.6rem,4vw,3rem);position:relative;z-index:2}.letter-card:before{background:radial-gradient(circle at 15% 30%,rgba(77,102,132,.04) 0 1px,transparent 1px 100%),radial-gradient(circle at 78% 64%,rgba(77,102,132,.035) 0 1px,transparent 1px 100%),linear-gradient(90deg,hsla(0,0%,100%,.32),transparent 18%,rgba(93,122,156,.03) 65%,transparent);border-radius:inherit;content:"";inset:0;opacity:.9;pointer-events:none;position:absolute}.letter-title{font-family:var(--font-display);font-size:clamp(2.8rem,10vw,5.6rem);letter-spacing:-.04em;line-height:.94;margin:0}.letter-writing{--rule-gap:2.4rem;--rule-line:rgba(110,143,181,.14);display:grid;gap:0;padding-top:.25rem}.letter-lead{color:var(--color-muted);font-size:1.08rem;margin:0;max-width:34rem}.letter-body{display:grid;gap:0;padding-top:0}.letter-body p,.letter-postscript,.letter-signoff p{margin:0}.letter-body p,.letter-lead,.letter-postscript,.letter-signoff p{background-image:linear-gradient(to bottom,transparent 0,transparent calc(var(--rule-gap) - 1px),var(--rule-line) calc(var(--rule-gap) - 1px),var(--rule-line) var(--rule-gap));background-repeat:repeat-y;background-size:100% var(--rule-gap);line-height:var(--rule-gap);position:relative;z-index:1}.letter-body p+p{text-indent:2ch}.letter-signoff{display:grid;gap:0;padding-top:var(--rule-gap)}.letter-signature{font-family:var(--font-display);font-size:1.4rem}.letter-postscript{color:var(--color-muted);padding-top:var(--rule-gap)}.letter-postscript span{font-family:var(--font-display);margin-right:.4rem}.about-grid,.hero__grid{display:grid;gap:1.5rem}.hero__title,.page-intro h1{font-family:var(--font-display);font-size:clamp(2.3rem,9vw,4.8rem);letter-spacing:-.03em;line-height:.96;margin:0;text-wrap:balance}.hero__aside{display:grid;gap:1rem}.brand__note,.lede,.panel p,.section-grid__closing,.site-footer__credit,.site-footer__note{text-wrap:pretty}.lede{font-size:1.02rem;margin:0}.eyebrow,.lede{color:var(--color-muted)}.eyebrow{font-size:.78rem;letter-spacing:.16em;margin:0 0 .95rem;text-transform:uppercase}.focus-list,.hero__notes{list-style:none;margin:0;padding:0}.focus-list li,.hero__notes li{border-top:1px solid rgba(70,92,118,.12);padding:.75rem 0}.section-grid__intro{display:grid;gap:.5rem}.section-grid__closing{color:var(--color-muted);margin:0;max-width:36rem}.cards-grid,.list-stack,.works-grid{display:grid;gap:1rem}.cards-grid--dense{grid-template-columns:repeat(1,minmax(0,1fr))}.panel{border-radius:var(--radius-md);padding:1.25rem}.section-card{display:grid;gap:.7rem;min-height:14rem}.category-card__count,.section-card__meta,.status-card__date,.work-card__head span,.writing-card__meta{color:var(--color-muted);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.category-card h2,.section-card h2,.work-card h2,.writing-card h2{font-family:var(--font-display);font-size:1.6rem;line-height:1.08;margin:0}.category-card p,.prose-card p,.section-card p,.status-card__text,.work-card p,.writing-card p{color:var(--color-muted);margin:0}.category-card{display:grid;gap:.65rem}.work-card,.writing-card{display:grid;gap:.8rem}.site-footer,.work-card__head,.writing-card__meta{align-items:baseline;display:flex;gap:1rem;justify-content:space-between}.about-grid{align-items:start}.prose-card{display:grid;gap:1rem}.aside-card{display:grid;gap:.8rem}.status-card{display:grid;gap:.55rem}.site-footer{color:var(--color-muted);padding:0 0 2.2rem;position:relative;z-index:1}.site-footer__credit,.site-footer__note{margin:0}.page-enter-active,.page-leave-active{transition:opacity .22s ease,transform .22s ease}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(10px)}@media(min-width:760px){.site-header{align-items:start;grid-template-columns:minmax(0,1fr) auto;padding-top:1.6rem}.header-actions{justify-items:end}.locale-switch{justify-self:end}.site-main{padding-top:3.8rem}.site-main--home{min-height:100vh;padding-bottom:4rem;padding-top:2.5rem}.hero,.letter-card,.page-intro{padding:2rem}.paper-stage{padding-top:1rem}.letter-card{margin:0 2.5rem}.paper-stage__back{inset:1.35rem 1.5rem 1rem}.about-grid,.hero__grid{grid-template-columns:minmax(0,1.4fr) minmax(18rem,.9fr)}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-grid--dense,.works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer{padding-bottom:3rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}