*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);line-height:1.6;color:var(--ink);background:#fffdf7}:root{color-scheme:light;--font-sans: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--ink-strong: #24354b;--ink: #31465e;--ink-soft: #617086;--ink-subtle: #7a8596;--accent: #b46b44;--accent-strong: #8a5a3b}body{margin:0;min-height:100vh}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{display:grid;justify-items:center;gap:.2rem;padding:1rem 1.5rem;border-bottom:1px solid #efe7d8;background:#fffdf7eb;backdrop-filter:blur(10px);position:sticky;top:0;z-index:10;text-align:center}.site-mark{font-weight:700;font-size:clamp(1.35rem,2.1vw,1.75rem);letter-spacing:-.03em;line-height:1.05;color:var(--ink-strong);text-decoration:none}.site-mark:hover{text-decoration:underline}a:focus-visible{outline:2px solid #8a5a3b;outline-offset:3px}.site-tagline{margin:0;max-width:28rem;font-size:.82rem;line-height:1.45;color:var(--ink-soft)}main{flex:1;padding:2rem 1.5rem 3rem;max-width:64rem;margin:0 auto;width:100%}.site-footer{padding:1rem 1.5rem;text-align:center;font-size:.85rem;color:var(--ink-soft);border-top:1px solid #efe7d8;background:#fffaf0}.home-hero{padding:4rem 0 2rem;text-align:center}.home-hero__eyebrow{margin:0 0 .75rem;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.home-hero h1{font-size:clamp(2.4rem,7vw,4.8rem);line-height:1;letter-spacing:-.04em;margin:0;color:var(--ink-strong)}.home-hero p{max-width:42rem;margin:1rem auto 0;font-size:1.1rem;color:var(--ink)}.home-section{padding:1rem 0 0}.home-section__header{margin-bottom:1.5rem}.home-section__header h2{margin:0;font-size:1.5rem}.home-section__header p{margin:.4rem 0 0;color:var(--ink-soft)}.question-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}.question-card{min-height:100%}.question-card__link{display:block;height:100%;padding:1.4rem;border-radius:24px;border:1px solid #efe7d8;background:linear-gradient(180deg,#fffef9,#fff8eb);text-decoration:none;color:inherit;box-shadow:0 14px 40px #87634214;transition:transform .2s ease,box-shadow .2s ease}.question-card__link:hover{transform:translateY(-2px);box-shadow:0 18px 44px #8763421f}.question-card__topic{margin:0 0 .75rem;font-size:.85rem;color:var(--accent);text-transform:capitalize}.question-card h3{margin:0;font-size:1.35rem;line-height:1.2;color:var(--ink-strong)}.question-card__zh{margin:.75rem 0 0;font-size:1.05rem;color:var(--ink)}.question-card__summary{margin:1rem 0 0;color:var(--ink-soft)}.page--reader{background:linear-gradient(180deg,#fffdf7,#f7efe1)}.page--reader-home .site-header,.page--reader-home .site-footer{display:none}.page--cover{background:linear-gradient(180deg,#fffdf7,#f6efe2)}.page--cover .site-header,.page--cover .site-footer{display:none}.main--cover{max-width:none;padding:clamp(1rem,3vw,2rem);display:grid;place-items:center}.cover-page{width:min(100%,74rem)}.cover-page__frame{position:relative;border-radius:38px;overflow:hidden;border:1px solid #eadfce;background:#fffef9;box-shadow:0 28px 72px #87634229}.cover-page__art{display:block;width:100%;aspect-ratio:5 / 4;object-fit:cover;object-position:center center}.cover-page__overlay{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr auto;align-items:start;justify-items:center;padding:clamp(1.5rem,4vw,3rem);text-align:center;background:linear-gradient(180deg,#fffcf554,#fffcf50f 24%,#fffcf500 42%,#fffcf50d 70%,#fffcf561)}.cover-page__title-block{display:grid;gap:.45rem;justify-items:center;margin-top:clamp(.35rem,1vw,.9rem)}.cover-page__eyebrow{margin:0;font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-strong)}.cover-page__title{margin:0;font-size:clamp(2.6rem,6vw,5.4rem);line-height:.95;letter-spacing:-.05em;color:var(--ink-strong);max-width:10ch;text-wrap:balance}.cover-page__subtitle{margin:0;font-size:clamp(1rem,1.9vw,1.22rem);line-height:1.4;color:var(--ink);max-width:26ch}.cover-page__enter{display:inline-flex;align-items:center;justify-content:center;align-self:end;padding:.95rem 1.5rem;border-radius:999px;border:1px solid #e5d7c1;background:#fff9efeb;color:var(--accent-strong);font-weight:700;text-decoration:none;box-shadow:0 10px 26px #8763421f}.cover-page__enter:hover{background:#fffaf0}.book-cover-page{width:100%}.cover-page__overlay--back{align-items:start;justify-items:center;text-align:center}.cover-page__title-block--back{max-width:min(34rem,76%);padding:clamp(1rem,2.2vw,1.45rem);border-radius:24px;background:#fff9efc7;border:1px solid rgba(229,215,193,.82);box-shadow:0 16px 38px #8763421a}.cover-page__blurb,.cover-page__closing-line{margin:0;color:var(--ink)}.cover-page__blurb{font-size:clamp(1rem,1.8vw,1.16rem);line-height:1.65}.cover-page__blurb--back{max-width:34ch;text-wrap:balance}.cover-page__closing-line{font-size:.98rem;font-weight:700;color:var(--accent-strong)}.support-sheet{grid-template-columns:1fr}.support-sheet--plain{background:#fffefb}.support-sheet__body--plain{max-width:min(100%,48rem);margin:0 auto;padding-block:clamp(2rem,5vw,4rem)}.support-sheet__header--plain{padding-bottom:1rem;border-bottom:1px solid #f0e6d5}.support-sheet__content--plain{gap:1.2rem}.support-sheet__art{display:grid;place-items:center;aspect-ratio:16 / 9;padding:2rem;background:linear-gradient(160deg,#f7e5be,#d9edff)}.support-sheet__art--closing{background:linear-gradient(160deg,#f9eac7,#f7d9d1)}.support-sheet__icon{width:min(11rem,34vw);height:auto;filter:drop-shadow(0 14px 24px rgba(135,99,66,.14))}.support-sheet__icon--small{width:min(8.5rem,28vw)}.support-sheet__body{display:grid;gap:1.5rem;padding:clamp(1.25rem,2.2vw,2rem)}.support-sheet__header{gap:.6rem}.support-sheet__eyebrow{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-strong)}.support-sheet__title{margin:0;max-width:14ch;font-size:clamp(2.4rem,5.4vw,4.6rem);line-height:.96;letter-spacing:-.05em;color:var(--ink-strong);text-wrap:balance}.support-sheet__title--closing{max-width:18ch;font-size:clamp(1.8rem,4vw,3rem);line-height:1.08}.support-sheet__subtitle{margin:0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.5;color:var(--ink)}.support-sheet__content{gap:1.4rem}.support-sheet__credits{font-weight:700;color:var(--accent-strong)}.main--reader{max-width:none;padding:1.75rem clamp(1rem,3vw,2.75rem) 3rem}.question-reader{--page-max-width: 72rem;--sheet-radius: 32px;--sheet-shadow: 0 28px 70px rgba(135, 99, 66, .14);--story-art-desktop-ratio: 16 / 9;--story-art-tablet-ratio: 5 / 4;--story-art-mobile-ratio: 6 / 5;position:relative;width:min(100%,var(--page-max-width));margin:0 auto;touch-action:pan-y}.reader-frame{display:grid;gap:1rem}.reader-frame__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 .5rem;color:var(--ink-soft);font-size:.95rem}.reader-frame__top--compact{justify-content:flex-end}.reader-page-count{margin:0;letter-spacing:.03em}.reader-edge-nav{display:none}.story-sheet{display:grid;grid-template-columns:1fr;border-radius:var(--sheet-radius);border:1px solid #efe7d8;background:#fffefb;box-shadow:var(--sheet-shadow);overflow:hidden;min-height:auto}.story-sheet__art{position:relative;aspect-ratio:var(--story-art-desktop-ratio);background:radial-gradient(circle at 26% 25%,var(--hero-glow) 0,transparent 24%),linear-gradient(160deg,var(--hero-from) 0%,var(--hero-to) 100%)}.story-sheet__art-fill{position:absolute;inset:0}.story-sheet__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.question-hero__moon,.question-hero__planet,.question-hero__glow{position:absolute;border-radius:999px}.question-hero__moon{width:8rem;height:8rem;top:2rem;right:2rem;background:#ffffffb8}.question-hero__planet{width:16rem;height:16rem;left:-2rem;bottom:-3rem;background:#ffffff40}.question-hero__glow{width:9rem;height:9rem;right:20%;bottom:18%;background:#ffffff2e}.story-sheet__body{display:grid;grid-template-rows:auto 1fr;gap:1.5rem;padding:clamp(1.25rem,2.2vw,2rem)}.story-sheet__header{display:grid;gap:1rem;padding-bottom:1.2rem;border-bottom:1px solid #f0e6d5}.question-kicker{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-strong)}.question-meta{display:flex;flex-wrap:wrap;gap:.5rem}.question-meta span{display:inline-flex;padding:.3rem .7rem;border-radius:999px;background:#fff1dd;color:var(--accent-strong);font-size:.82rem;font-weight:700;text-transform:capitalize}.question-heading{display:grid;gap:.45rem}.question-heading__eyebrow{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.question-title{margin:0;line-height:1.1;letter-spacing:-.03em;max-width:16ch}.question-title--zh-primary{font-size:clamp(2.3rem,4.8vw,4rem);line-height:1.08;color:var(--ink-strong);max-width:min(100%,22ch);text-wrap:balance}.question-title--secondary{font-size:clamp(1.15rem,2.1vw,1.65rem);line-height:1.35;color:var(--ink);max-width:min(100%,30ch);text-wrap:balance}.question-title__pinyin{margin:0;max-width:34ch;font-size:1.02rem;line-height:1.6;color:var(--ink-soft)}.question-summary{margin:0;max-width:58ch;font-size:1.02rem;line-height:1.65;color:var(--ink)}.question-flow{display:grid;gap:1.6rem;align-content:start}.question-flow__group{display:grid;gap:1rem}.question-flow__section{display:grid;gap:.45rem}.question-flow__text{margin:0;max-width:54ch;font-size:1.14rem;line-height:1.72;color:var(--ink)}.question-flow__text--zh{max-width:34ch;font-size:1.28rem;line-height:1.78;color:var(--ink-strong)}.question-flow__group--en{padding-top:1.35rem;border-top:1px solid #eadfcf}.question-flow__text--en{max-width:50ch;font-size:1.04rem;line-height:1.72;color:var(--ink)}.question-pinyin{margin:0;max-width:40ch;font-size:.98rem;line-height:1.6;color:var(--ink-soft)}.question-pinyin--flow{max-width:40ch;font-size:.94rem}@media(min-width:70rem){.question-flow{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:2rem;align-items:start}.question-flow__group--zh,.question-flow__group--en{padding-top:0;border-top:0}.question-flow__group--en{padding-left:1.75rem;border-left:1px solid #eadfcf}.question-flow__text--zh,.question-pinyin--flow,.question-flow__text--en{max-width:none}}.reader-footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.reader-footer-nav--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-footer-nav a{display:block;padding:.95rem 1rem;border-radius:999px;border:1px solid #e8dcc6;background:#fffaf0d1;color:var(--accent-strong);text-decoration:none;font-weight:600;text-align:center}.reader-footer-nav a:hover{background:#fffaf0}@media(min-width:80rem){.reader-edge-nav{display:block}.reader-edge-nav__button{position:fixed;top:50%;transform:translateY(-50%);width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid #e8dcc6;background:#fffefbf0;color:var(--accent-strong);text-decoration:none;box-shadow:0 18px 44px #8763421f;font-size:1.35rem}.reader-edge-nav__button--prev{left:1rem}.reader-edge-nav__button--next{right:1rem}}@media(max-width:64rem){.story-sheet__art{aspect-ratio:var(--story-art-tablet-ratio)}.question-title,.question-title--zh-primary,.question-title--secondary,.question-title__pinyin,.question-flow__text,.question-flow__text--zh,.question-flow__text--en,.question-pinyin--flow{max-width:none}}@media(min-width:41rem)and (max-width:48rem){.cover-page__art{aspect-ratio:7 / 8;object-position:center 42%}}@media(max-width:48rem){.main--cover{padding:.9rem}.cover-page__frame{border-radius:28px}.cover-page__art{aspect-ratio:4 / 5}.cover-page__overlay{padding:1.25rem}.cover-page__title-block--back{max-width:100%}.cover-page__title{max-width:9ch}.support-sheet__art{aspect-ratio:5 / 4}.support-sheet__title{max-width:none}.main--reader{padding-inline:1rem}.reader-frame__top{padding-inline:0}.story-sheet__body{padding:1.15rem}.question-flow__text,.question-flow__text--zh,.question-flow__text--en,.question-title__pinyin,.question-pinyin,.question-summary{max-width:none}.reader-footer-nav{grid-template-columns:1fr}}@media(max-width:40rem){main{padding-inline:1rem}.cover-page__eyebrow{font-size:.72rem}.cover-page__title{font-size:clamp(2.2rem,9vw,3.4rem)}.cover-page__subtitle{font-size:.96rem}.cover-page__enter{width:min(100%,15rem)}.site-header,.site-footer{padding-inline:1rem}.home-hero{padding-top:2.5rem}.story-sheet__art{aspect-ratio:var(--story-art-mobile-ratio)}.question-title{font-size:clamp(1.7rem,9vw,2.35rem)}.question-title--zh-primary{font-size:clamp(1.95rem,8vw,2.6rem)}.question-title__pinyin{font-size:.95rem}.question-title--secondary{font-size:1.08rem}.question-flow__text{font-size:1.02rem}.question-flow__text--zh{font-size:1.18rem}.question-flow__text--en{font-size:.98rem}}@media print{@page{margin:.5in}html,body,.page--reader{background:#fff}.page--reader .site-header,.page--reader .site-footer,.page--reader .reader-frame__top,.page--reader .reader-footer-nav,.page--reader .reader-edge-nav{display:none}.main--reader{padding:0}.question-reader{width:100%;max-width:none}.story-sheet{min-height:auto;box-shadow:none;border:1px solid #d8ccba;break-inside:avoid-page;page-break-inside:avoid}.story-sheet__body{padding:.6in .5in}.story-sheet__art{min-height:4.2in;aspect-ratio:auto}}