:root{--paper:#f8f5ed;--ink:#263c42;--muted:#6c7776;--line:#d9dcd4;--accent:#ad5139;--serif:'Noto Serif CJK SC','Songti SC',Georgia,serif}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}html{scroll-padding-top:92px}.wrap{max-width:1260px;padding:0 54px 55px}header{padding:22px 0;border-color:var(--line)}header span{font-size:10px;color:#788378;letter-spacing:2px}.logo{width:112px}.header-tools{gap:24px}.header-tools a{font-size:12px}.motion-toggle{background:transparent;border:0;padding:10px 0;font-size:10px;color:#7d887e}.reading-nav{position:sticky;top:0;z-index:10;display:flex;justify-content:center;gap:48px;padding:15px 20px;background:#f8f5edf5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.reading-nav a{text-decoration:none;font-size:12px;letter-spacing:1px;min-height:32px;display:flex;align-items:center;gap:7px}.reading-nav small{font:10px Georgia;color:#ad5139}.reading-nav a:hover{color:var(--accent)}.hero{gap:85px;padding:56px 0 65px;grid-template-columns:1fr 1fr}.eyebrow,.section-kicker{font-size:9px;letter-spacing:2.5px;color:#7c897e}.section-kicker{margin-bottom:18px}.hero h1{font-family:var(--serif);font-size:86px;font-weight:400;letter-spacing:12px;margin:25px 0 10px}.hero .english{font:italic 16px Georgia;color:#7d897f}.meta{font-size:12px;color:#817157;margin:25px 0;border-top:1px solid var(--line);padding-top:20px}.intro{font-family:var(--serif);font-size:29px;line-height:1.65}.chip{font-size:11px;background:transparent;border-left:2px solid #abb7a4;border-radius:0;padding:0 12px 0 8px}.art{border-radius:180px 180px 3px 3px;aspect-ratio:941/1070;box-shadow:none;background:#e9ece0}.art img{transform:translateY(-26%)}.artcap{font-size:11px;text-align:center;padding-bottom:20px;letter-spacing:1px}.wake{right:14px;top:auto;bottom:55px;border:0;border-radius:3px;font-size:11px;box-shadow:none;min-height:40px;padding:10px 12px}.wake-bubble{top:40%;right:20%;border-radius:30px 30px 3px 30px;font-family:var(--serif)}.primary,.secondary{border-radius:3px;min-height:46px;font-size:12px;letter-spacing:.5px;padding:13px 20px}.primary{background:var(--ink);border-color:var(--ink)}.secondary{border-color:#bbc6bb;color:var(--ink)}.primary:hover{background:var(--accent);border-color:var(--accent)}.small{font-size:11px;line-height:1.9;color:#768279}.hero .small{margin-top:17px}.panel{padding:40px 0;margin:0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}.sectiontop h2,.printbox h2,.columns h2{font-family:var(--serif);font-size:30px!important;font-weight:400;letter-spacing:.5px}.sectiontop p{font-size:11px}.tag{background:#e9eee3;border-radius:2px;font-size:10px;padding:6px 10px;color:#5d7167}.music-leaf{font-size:24px;margin-right:10px}.modes{gap:0;margin:28px 0 0;border-bottom:1px solid #d7dfd3}.modes button{border:0;border-radius:0;background:transparent;padding:13px 20px;font-size:12px;min-height:46px}.modes button[aria-pressed=true]{background:var(--ink);color:white}.audiobar{background:#e9eee6;border-radius:0;padding:20px;gap:15px}.loop{font-size:11px}.audiobar .secondary{background:transparent;border-color:#c5d0bf;font-size:11px}.play-progress{margin-top:0;height:3px;border-radius:0}.play-progress span{background:var(--accent)}#status{color:#8b7754;font-size:12px;margin-bottom:6px}.verses{margin-top:25px;gap:1px;background:#d7dfd2;border:1px solid #d7dfd2}.verse{background:#fffdf7;padding:24px 25px;border:0;border-left:3px solid transparent;border-radius:0}.verse.active{border-left-color:#ad5139;background:#f2e9d8}.characters{gap:8px}.hz{font-family:var(--serif);font-size:34px;color:var(--ink);line-height:1.8}.py{font-size:10px;color:#9c7657}.verse .english{font-size:10px;color:#819084;margin-top:12px}.verse:hover{background:#eef2e8}.columns{gap:45px;padding:20px 0 50px}.columns .panel{padding-top:35px}.relay-list{gap:8px}.relay{background:#efefe5;border:0;border-radius:2px;padding:14px 18px;min-height:70px;gap:17px}.relay .head{font-family:var(--serif);font-size:34px;color:#ad5139}.relay>span:nth-child(2){color:#9cae99;font-size:14px}.relay .rest{font-family:var(--serif);font-size:23px}.relay[aria-expanded=false] .rest{font-family:Reading,sans-serif;font-size:11px;letter-spacing:.5px}.relay.revealed{background:#e7ede1}.reward-note{font-size:12px;color:#92734a}.relay-help{font-size:12px;color:#758175}.cheat{padding:21px 0;border-color:var(--line)}.cheat .zh{font-family:var(--serif);font-size:21px}.cheat .english{font-size:11px;color:#7a877b}#route{padding:40px;background:#eeefe6;margin:20px 0 30px;border:0}.journey{border-radius:0;padding:22px 15px;background:transparent;border-bottom:1px solid #d6ddcd;margin-top:12px}.seed-icon{width:46px;height:46px;background:transparent;border:1px solid #c8d0bc;border-radius:50%;color:#8d9a7c;font:22px Georgia}.seed{font-size:11px}.seed.complete .seed-icon{background:#3d5c51;color:#fff;border-color:#3d5c51}.journey-line{background:#c5d0bb;width:45px}.daypick{margin:25px 0 0;gap:0}.daypick button{border-radius:0;border:0;border-bottom:1px solid #cbd3c1;background:transparent;font-size:12px;padding:14px 8px}.daypick button[aria-selected=true]{background:#fffdf7;border-bottom:2px solid #ad5139}.daybody{background:#fffdf7;border-radius:0;padding:28px}.daybody h3{font-family:var(--serif);font-size:24px;font-weight:400}.daybody p{font-size:14px;line-height:1.9}.daybody .english{font-size:11px;color:#7d897b}.done{font-size:12px;margin-top:20px}.done input{accent-color:#263c42}.printbox{background:#263c42;color:#f6f3e8;padding:36px 40px;gap:45px;border-radius:2px}.printbox .eyebrow{color:#abbcaf}.printbox .note,.printbox .small{color:#bccbc0;font-size:11px}.printbox p{font-size:13px;line-height:1.9}.printbox .primary{background:#f8f5ed;color:#263c42;border-color:#f8f5ed}.printbox .secondary{color:#f8f5ed;border-color:#7f9588}.printlinks{min-width:225px}.next{margin-top:48px;padding:27px 0;border-color:var(--line)}.next summary{font-family:var(--serif);font-size:22px}.next .previewpoem{font-family:var(--serif);font-size:27px;line-height:2}.footer{padding-top:32px;font-size:11px;line-height:1.9}.toast{border-radius:3px;background:#263c42f5;font-size:14px}.motion-toggle:focus-visible,.reading-nav a:focus-visible{outline:2px solid var(--accent)}
@media(max-width:900px){.wrap{padding-left:30px;padding-right:30px}.hero{gap:40px}.hero h1{font-size:72px}.intro{font-size:25px}.verse{padding:20px 16px}.hz{font-size:29px}.columns{gap:28px}.rest{font-size:20px}}
@media(max-width:760px){html{scroll-padding-top:72px}.wrap{padding:0 20px 35px}header{padding:16px 0 12px;gap:8px}.logo{width:88px}.header-tools{gap:12px}.header-tools a{font-size:11px}.motion-toggle{font-size:9px}header>span{font-size:9px;letter-spacing:1px;margin-top:3px}.reading-nav{gap:0;justify-content:space-between;padding:10px 0}.reading-nav a{font-size:11px;gap:5px;letter-spacing:0;min-height:34px}.hero{grid-template-columns:1fr;gap:28px;padding:32px 0 42px}.hero h1{font-size:66px;margin:20px 0 8px}.meta{font-size:11px;padding-top:16px;margin:20px 0}.intro{font-size:25px;margin:18px 0}.hero .actions{gap:8px}.primary,.secondary{padding:12px 14px;font-size:11px}.hero .small{font-size:10px}.art{max-width:420px;margin:auto;border-radius:160px 160px 3px 3px;aspect-ratio:941/1000}.art img{transform:translateY(-29%)}.panel{padding:30px 0}.section-kicker{font-size:8px;letter-spacing:1.6px;margin-bottom:15px}.sectiontop{flex-wrap:wrap;gap:10px}.sectiontop h2,.printbox h2,.columns h2{font-size:26px!important}.sectiontop p{font-size:10px}.tag{font-size:9px}.modes{margin-top:20px}.modes button{font-size:11px;padding:12px 11px}.audiobar{padding:14px;gap:10px}.audiobar audio{flex-basis:100%;min-width:0;width:100%}.audiobar .secondary{margin-left:auto}.verses{grid-template-columns:1fr;margin-top:18px}.verse{padding:20px 14px}.hz{font-size:31px}.py{font-size:11px}.verse .english{font-size:10px}.characters{gap:4px}.columns{grid-template-columns:1fr;padding-bottom:35px;gap:24px}.columns .panel{padding-top:25px}.relay .rest{font-size:22px}.relay[aria-expanded=false] .rest{font-size:11px}.cheat .zh{font-size:21px}.cheat .english{font-size:11px}#route{padding:26px 16px;margin:12px 0 14px}.journey{gap:5px;padding:19px 0}.seed{font-size:10px}.seed-icon{width:40px;height:40px;font-size:19px}.journey-line{width:15px}.daypick button{font-size:10px;padding:12px 5px}.daybody{padding:20px 16px}.daybody h3{font-size:22px}.daybody p{font-size:13px}.daybody .english{font-size:11px}.done{font-size:11px}.printbox{padding:28px 22px;grid-template-columns:1fr;gap:20px}.printlinks{min-width:0}.printbox p{font-size:12px}.next{margin-top:34px}.next summary{font-size:19px;line-height:1.8}.next .previewpoem{font-size:23px}.next p{font-size:12px}}
@media print{.reading-nav{display:none}#print{background:white;color:black}}
.art{aspect-ratio:941/1000}.art img{transform:translateY(-34.5%)}
.pdf-is-open{overflow:hidden}.pdf-preview{padding:0;width:min(1100px,calc(100vw - 40px));max-width:none;height:90vh;max-height:940px;border:0;border-radius:5px;background:var(--paper);color:var(--ink);box-shadow:0 25px 80px #10272a44}.pdf-preview[open]{display:flex;flex-direction:column}.pdf-preview::backdrop{background:#13282cc7;backdrop-filter:blur(4px)}.pdf-preview-head{display:flex;align-items:center;justify-content:space-between;padding:20px 26px 14px;border-bottom:1px solid var(--line)}.pdf-preview-head small{font-size:8px;letter-spacing:2px;color:var(--muted)}.pdf-preview-head h2{font:26px var(--serif);margin:7px 0 0}.pdf-preview-head button{width:44px;height:44px;border:0;background:transparent;font-size:30px;color:var(--ink)}.pdf-preview-tools{display:flex;align-items:center;gap:22px;padding:14px 26px}.pdf-preview-tools p{margin:0 auto 0 0;font-size:12px}.pdf-preview-tools p small{font-size:10px;color:var(--muted)}.pdf-preview-tools>a{font-size:12px;white-space:nowrap;min-height:44px;display:flex;align-items:center}.pdf-preview iframe{width:100%;flex:1;min-height:220px;border:0;background:#e4e6df}.pdf-preview-help{font-size:10px;padding:12px 26px;margin:0;color:var(--muted)}@media(max-width:760px){.pdf-preview{width:calc(100vw - 16px);height:92vh;height:92dvh;max-height:none}.pdf-preview-head{padding:14px 16px 10px}.pdf-preview-head h2{font-size:22px}.pdf-preview-tools{padding:10px 16px;gap:14px;flex-wrap:wrap}.pdf-preview-tools p{width:100%;font-size:11px}.pdf-preview-tools .primary{margin-left:auto}.pdf-preview-tools>a{font-size:11px}.pdf-preview-help{font-size:10px;padding:10px 16px}}
.pdf-pages{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#e4e6df;padding:20px 24px}.pdf-pages figure{max-width:850px;margin:0 auto 26px}.pdf-pages figcaption{font-size:11px;letter-spacing:1px;text-align:center;color:#6a796e;margin-bottom:10px}.pdf-pages img{display:block;width:100%;height:auto;background:white;box-shadow:0 4px 18px #263c4217}@media(max-width:760px){.pdf-pages{padding:14px 10px}.pdf-pages figure{margin-bottom:20px}}

/* Clear audio choices: 2026-10-25 */
.modes{display:flex;gap:12px;border:0;margin-bottom:14px;flex-wrap:wrap}
.modes button{flex:1;min-width:140px;min-height:56px;padding:14px 20px;border:2px solid #263c42;border-radius:9px;background:#fffdf7;color:#263c42;font-size:17px;font-weight:700;box-shadow:0 3px 0 #263c421c}
.modes button[aria-pressed=true]{background:#263c42;color:#fffdf7;border-color:#263c42}
.modes button:hover{border-color:#ad5139;box-shadow:0 3px 0 #ad513944}
.modes button:focus-visible{outline:3px solid #ad5139;outline-offset:4px}
@media(max-width:380px){.modes{gap:8px}.modes button{min-width:120px;font-size:15px;padding:12px 8px}}