:root{--paper:#f8f5ef;--paper-deep:#eee9df;--ink:#211e1a;--muted:#6e6962;--line:#c9c2b7;--line-soft:#ddd7cd;--red:#a92820;--red-dark:#821c18;--moss:#607346;--serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "Yu Mincho", "Hiragino Mincho ProN", serif;--sans:Inter, "Avenir Next", "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;--content:1440px;--gutter:clamp(22px, 4.6vw, 72px)}html[lang=ja]{--serif:"Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:var(--paper);font-family:var(--sans);margin:0;line-height:1.7}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:3px}.site-frame{width:min(100%, var(--content));border-inline:1px solid #82776940;min-height:100vh;margin:0 auto}.site-header{height:76px;padding:0 var(--gutter);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:36px;display:flex}.wordmark{flex:none;align-items:baseline;gap:12px;display:inline-flex}.wordmark-hanzi{font-family:var(--serif);letter-spacing:-.08em;font-size:29px;font-weight:800}.wordmark-latin{font-family:Georgia,serif;font-size:19px}.main-nav{align-self:stretch;align-items:stretch;gap:clamp(22px,3.6vw,56px);display:flex}.main-nav a{font-family:var(--serif);white-space:nowrap;place-items:center;font-size:15px;display:grid;position:relative}.main-nav a:after{content:"";background:var(--red);height:3px;transition:transform .2s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.button{border:1px solid var(--red);min-height:46px;font-family:var(--serif);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;padding:0 34px;font-size:15px;line-height:1;transition:background .2s,color .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{color:#fffaf4;background:var(--red)}.button.primary:hover{background:var(--red-dark)}.button.secondary{color:var(--red);background:0 0}.button.secondary:hover{color:#fffaf4;background:var(--red)}.button.compact{white-space:nowrap;padding-inline:26px}.button:disabled{cursor:not-allowed;opacity:.45;transform:none}.home-hero{min-height:454px;padding:58px var(--gutter) 30px;border-bottom:1px solid var(--line);grid-template-columns:1.08fr .92fr;display:grid;overflow:hidden}.hero-copy{z-index:2;align-self:center;padding-bottom:28px;position:relative}.hero-copy h1{font:700 clamp(42px, 4.6vw, 70px)/1.15 var(--serif);letter-spacing:.03em;text-wrap:balance;margin:0}.hero-en{margin:18px 0 14px;font:24px/1.3 Georgia,serif}.hero-body{color:#514d47;max-width:580px;font:18px/1.8 var(--serif);margin:0}.hero-actions{gap:18px;margin-top:30px;display:flex}.hero-art{min-height:330px;position:relative}.hero-art img{opacity:.92;width:124%;max-width:none;position:absolute;bottom:-25%;right:-13%}.vertical-mark{z-index:2;font:800 70px/.92 var(--serif);flex-direction:column;align-items:center;display:flex;position:absolute;top:8%;left:3%}.vertical-mark i{color:#fff;background:var(--red);font:normal 10px/1 var(--serif);writing-mode:vertical-rl;letter-spacing:.18em;margin-top:14px;padding:4px}.today-strip{padding:28px var(--gutter);border-bottom:1px solid var(--line);grid-template-columns:1.1fr 1.25fr auto;align-items:center;gap:34px;display:grid}.today-intro{border-left:3px solid var(--red);padding-left:20px}.today-intro h2{font:650 clamp(24px, 2.2vw, 34px)/1.3 var(--serif);margin:0 0 13px}.progress-label{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.progress-label b{color:var(--ink);font-weight:500}.progress-track{background:#d5d0c8;height:5px;margin-top:7px}.progress-track span{background:var(--moss);min-width:36px;height:100%;display:block}.today-detail{border-left:1px solid var(--line);padding-left:32px}.today-kicker{border-bottom:1px solid var(--line);margin:0 0 11px;padding-bottom:9px;font:18px Georgia,serif}.today-meta{color:var(--muted);flex-wrap:wrap;gap:10px 20px;font-size:13px;display:flex}.today-meta span+span{border-left:1px solid var(--line);padding-left:20px}.three-paths,.recent-list{padding-inline:var(--gutter);border-bottom:1px solid var(--line);grid-template-columns:30% 1fr;display:grid}.three-paths>h2,.recent-list>h2{font:650 30px/1.3 var(--serif);margin:0;padding:44px 0}.path-list,.recent-list>div{border-left:1px solid var(--line-soft)}.path-list a{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(210px,.8fr) 1fr 32px;align-items:center;gap:20px;min-height:62px;padding:0 20px 0 44px;display:grid}.path-list a:last-child{border-bottom:0}.path-list strong{font:19px var(--serif)}.path-list span{color:var(--muted)}.path-list i{font-size:26px;font-style:normal;transition:transform .2s}.path-list a:hover i{transform:translate(5px)}.recent-list a{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr 120px 130px;align-items:center;gap:20px;min-height:50px;padding:0 20px 0 44px;font-size:14px;display:grid}.recent-list a:last-child{border-bottom:0}.recent-list time,.recent-list em{color:var(--muted);font-style:normal}.closing-band{min-height:230px;padding:56px var(--gutter);background:var(--paper-deep);position:relative;overflow:hidden}.closing-band:after{content:"";opacity:.17;background:url(/assets/daoxiao-mountains.png) 50%/cover no-repeat;position:absolute;inset:0 0 0 45%}.closing-band p,.closing-band span,.closing-band small{z-index:1;display:block;position:relative}.closing-band p{font:650 38px var(--serif);margin:0 0 10px}.closing-band span{color:var(--muted)}.closing-band small{color:var(--moss);letter-spacing:.08em;margin-top:26px}.journal-hero{min-height:385px;padding:62px var(--gutter);border-bottom:1px solid var(--line);grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;display:grid}.journal-hero h1,.vocabulary-page h1{font:700 clamp(42px, 4.5vw, 66px)/1.2 var(--serif);margin:0}.journal-hero p{max-width:650px;color:var(--muted);font:17px/1.9 var(--serif);margin:18px 0 30px}.journal-stats{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;margin:0;display:grid}.journal-stats div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;min-height:112px;padding:18px 24px;display:flex}.journal-stats div:nth-child(2){border-right:0}.journal-stats div:last-child{border-right:0;grid-column:1/-1}.journal-stats dt{color:var(--muted);letter-spacing:.12em;font-size:12px}.journal-stats dd{margin:5px 0 0;font:44px/1.1 Georgia,serif}.journal-stats dd.date-stat{font-size:26px}.journal-latest,.vocab-preview,.vocabulary-page{padding:48px var(--gutter) 70px}.section-heading-row{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:24px;display:flex}.section-heading-row h2{font:650 clamp(25px, 2.4vw, 34px)/1.3 var(--serif);margin:0}.section-heading-row h2 span{color:var(--red);font:700 .7em var(--sans);margin-right:10px}.section-heading-row p,.section-heading-row a{color:var(--muted);margin:0;font-size:13px}.archive-list{border-top:1px solid var(--ink)}.archive-list>a{border-bottom:1px solid var(--line);grid-template-columns:130px 1fr 100px 24px;align-items:center;gap:20px;min-height:98px;display:grid}.archive-list time,.archive-list em{color:var(--muted);font-size:13px;font-style:normal}.archive-list strong,.archive-list span{display:block}.archive-list strong{font:19px var(--serif);margin-bottom:4px}.archive-list span{color:var(--muted);font-size:13px}.archive-list i{font-size:23px;font-style:normal}.vocab-preview{background:var(--paper-deep);border-block:1px solid var(--line);grid-template-columns:30% 1fr;gap:50px;display:grid}.vocab-preview h2{font:650 30px var(--serif);margin:0}.vocab-preview p{color:var(--muted)}.vocab-rail{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.vocab-rail a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;min-height:100px;padding:14px 20px;display:flex}.vocab-rail strong{font:19px Georgia,serif}.vocab-rail span,.vocab-rail small{color:var(--muted)}.lesson-page{padding:45px var(--gutter) 70px}.privacy-banner{color:var(--red-dark);border:1px solid var(--red);background:#a9282014;border-radius:4px;margin-bottom:24px;padding:12px 16px;font-size:13px}.lesson-masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:30px;padding-bottom:30px;display:flex}.lesson-masthead p{color:var(--red);margin:0 0 8px;font:15px Georgia,serif}.lesson-masthead h1{font:700 clamp(34px, 4vw, 58px)/1.2 var(--serif);margin:0 0 10px}.lesson-masthead span{color:var(--muted)}.lesson-masthead time{color:var(--red);white-space:nowrap;font:22px Georgia,serif}.lesson-toolbar{z-index:8;margin-inline:calc(var(--gutter) * -1);padding:12px var(--gutter);border-bottom:1px solid var(--line);backdrop-filter:blur(8px);background:#f8f5eff5;justify-content:space-between;align-items:center;gap:24px;display:flex;position:sticky;top:0}.lesson-toolbar nav{scrollbar-width:none;gap:22px;display:flex;overflow-x:auto}.lesson-toolbar nav a{color:var(--muted);white-space:nowrap;font-size:13px}.lesson-toolbar nav a:hover{color:var(--red)}.language-toggle{flex:none;align-items:center;gap:7px;display:flex}.language-toggle span,.language-toggle button{border:1px solid var(--line);min-height:30px;color:var(--muted);white-space:nowrap;background:0 0;border-radius:2px;padding:4px 9px;font-size:11px}.language-toggle button{cursor:pointer}.language-toggle button[aria-pressed=true]{color:var(--red);border-color:var(--red)}.language-toggle b{letter-spacing:.06em;font-weight:700}.locale-switcher{flex:none;align-items:center;gap:4px;display:flex}.locale-switcher a{color:var(--muted);white-space:nowrap;border-radius:2px;padding:4px 8px;font-size:12px}.locale-switcher a.active{color:var(--red);font-weight:700}.locale-switcher a:hover{color:var(--red)}.passage-section,.quiz-shell,.lesson-section{padding-top:46px;scroll-margin-top:58px}.passage-frame{border:1px solid var(--line);background:#ffffff24;max-width:900px;margin:0 auto;padding:clamp(24px,4vw,56px)}.passage-frame p{white-space:pre-line;margin:0 0 22px;font:17px/1.95 Georgia,serif}.passage-frame p:last-child{margin-bottom:0}.letter-meta{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:32px;padding-bottom:15px;display:flex}.letter-meta span{color:var(--red);font:15px var(--sans)}.letter-meta strong{font:18px Georgia,serif}.passage-frame-empty{max-width:900px;color:var(--muted);font:15px var(--sans);margin:0 auto}.passage-block+.passage-block{margin-top:32px}.passage-block-label{max-width:900px;color:var(--red);font:13px var(--sans);letter-spacing:.02em;margin:0 auto 10px}.question-list{border-top:1px solid var(--ink)}.question{border:0;border-bottom:1px solid var(--line);margin:0;padding:26px 0 30px}.question legend{width:100%;padding:0;font:18px/1.5 Georgia,serif}.choice-grid{grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:17px;display:grid}.choice{min-height:48px;color:var(--ink);border:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:13px;padding:9px 15px;display:flex}.choice span{border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.choice:hover,.choice.selected{border-color:var(--red)}.choice.selected span{color:#fff;background:var(--red);border-color:var(--red)}.choice.correct{border-color:var(--moss);background:#60734614}.choice.correct span{background:var(--moss);border-color:var(--moss)}.choice.wrong{border-color:var(--red);background:#a928200f}.inline-explanation{border-left:3px solid var(--moss);background:#6073460f;margin-top:18px;padding:18px 22px}.inline-explanation strong{font:16px var(--serif)}.inline-explanation p{color:var(--muted);margin:6px 0 0}.quiz-actions{justify-content:center;gap:16px;padding-top:28px;display:flex}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{border-block:1px solid var(--ink);letter-spacing:.05em;padding:12px 13px;font-size:12px}td{border-bottom:1px solid var(--line-soft);vertical-align:top;padding:14px 13px}.answer-table td{font-size:14px}.answer-table td:first-child{color:var(--red);font:18px Georgia,serif}.answer-review{display:none}html[data-show-answers=true] .answer-review{display:block}.language-table td:first-child strong{font:17px Georgia,serif}.language-table td em{color:var(--muted);font-family:Georgia,serif}.col-phonetic{color:var(--muted);white-space:nowrap;font:13px Georgia,serif}.phrase-list,.business-list{border-top:1px solid var(--ink)}.phrase-list>div{border-bottom:1px solid var(--line-soft);grid-template-columns:1.1fr .8fr .9fr 1.5fr;align-items:center;gap:20px;min-height:76px;padding:13px 10px;display:grid}.phrase-list strong{font:16px Georgia,serif}.phrase-list span,.phrase-list p{color:var(--muted);font-size:13px}.phrase-list p{margin:0}.tip-list{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.tip-list li{border-bottom:1px solid var(--line-soft);grid-template-columns:58px 1fr;gap:24px;padding:21px 8px;display:grid}.tip-list li>span{color:var(--red);font:20px Georgia,serif}.tip-list strong{font:17px var(--serif)}.tip-list p{color:var(--muted);margin:5px 0 0}.business-list>div{border-bottom:1px solid var(--line-soft);grid-template-columns:1.2fr 1fr 1fr;gap:24px;padding:18px 10px;display:grid}.business-list strong{font-family:Georgia,serif}.business-list span{color:var(--muted)}.reflection-note textarea{resize:vertical;width:100%;min-height:140px;color:var(--ink);border:1px solid var(--line);background:#ffffff21;border-radius:3px;padding:18px 20px}.reflection-note>div{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding-top:10px;font-size:12px;display:flex}.reflection-note button{min-height:36px;color:var(--red);border:1px solid var(--red);cursor:pointer;background:0 0;border-radius:3px;padding:0 18px}.lesson-pagination{border:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;margin-top:48px;display:grid}.lesson-pagination>*{border-right:1px solid var(--line);place-items:center;min-height:52px;display:grid}.lesson-pagination>:last-child{border-right:0}.lesson-pagination span{color:#aaa39a}.lesson-mantra{text-align:center;font:16px var(--serif);letter-spacing:.08em;margin:25px 0 0}.source-note{color:#938d84;text-align:center;max-width:700px;margin:12px auto 0;font-size:11px}.vocabulary-page>header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:32px;display:flex}.vocabulary-page>header p{color:var(--red);margin:0 0 3px}.vocabulary-page>header span{color:var(--muted)}.vocab-count{text-align:right}.vocab-count strong{font:60px/.9 Georgia,serif;display:block}.vocab-count span{letter-spacing:.1em;font-size:12px}.vocabulary-tools{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:18px 0;display:flex}.vocabulary-tools>a{color:var(--muted);font-size:13px}.vocabulary-index td:first-child small{max-width:380px;color:var(--muted);margin-top:3px;font-size:11px;display:block}html[data-show-zh=false] .col-zh,html[data-show-ja=false] .col-ja{display:none}.site-footer{min-height:95px;padding:20px var(--gutter);border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:30px;font-size:13px;display:flex}.site-footer strong{color:var(--ink);font-family:var(--serif)}.footer-dot{color:var(--red);margin:0 9px}.footer-note{font-family:var(--serif)}.footer-mark{opacity:.85;width:48px;height:48px}.not-found{min-height:68vh;padding:60px var(--gutter);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.not-found>p{color:var(--red);margin:0;font:18px Georgia,serif}.not-found h1{font:650 clamp(36px, 5vw, 64px) var(--serif);margin:8px 0}.not-found span{color:var(--muted);margin-bottom:28px}@media (width<=980px){.site-header{flex-wrap:wrap;height:auto;min-height:72px;padding-block:13px}.main-nav{order:2;gap:28px;width:100%;overflow-x:auto}.main-nav a{min-height:36px}.home-hero{grid-template-columns:1fr;padding-top:48px}.hero-art{min-height:290px;margin-top:-15px}.hero-art img{width:90%;bottom:-30%;right:-8%}.vertical-mark{font-size:58px;top:10%;left:8%}.today-strip{grid-template-columns:1fr}.today-detail{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.today-strip .button{justify-self:start}.phrase-list>div{grid-template-columns:1fr 1fr}.phrase-list p{grid-column:1/-1}.lesson-toolbar{flex-direction:column-reverse;align-items:flex-start}.lesson-toolbar nav{width:100%}}@media (width<=720px){:root{--gutter:20px}.site-frame{border:0}.site-header{gap:8px}.wordmark-hanzi{font-size:26px}.wordmark-latin{font-size:16px}.main-nav{gap:22px}.main-nav a{font-size:13px}.home-hero{min-height:auto;padding-top:42px}.hero-copy h1{font-size:42px}.hero-en{font-size:19px}.hero-body{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-art{min-height:300px}.hero-art img{width:108%;bottom:-10%;right:-14%}.vertical-mark{font-size:48px;top:14%;left:2%}.three-paths,.recent-list,.vocab-preview{grid-template-columns:1fr}.three-paths>h2,.recent-list>h2{padding:30px 0 20px}.path-list,.recent-list>div{border-left:0}.path-list a{grid-template-columns:1fr 28px;padding:16px 0}.path-list span{grid-area:2/1}.path-list i{grid-area:1/2/span 2}.recent-list a{grid-template-columns:1fr auto;padding:13px 0}.recent-list time{grid-area:1/2}.recent-list em{grid-column:1/-1}.journal-hero{grid-template-columns:1fr;gap:45px;padding-top:46px}.journal-stats dd{font-size:38px}.archive-list>a{grid-template-columns:1fr auto;gap:8px 14px;padding:18px 0}.archive-list time,.archive-list div{grid-column:1}.archive-list em,.archive-list i{grid-column:2}.archive-list em{grid-row:1}.archive-list i{grid-row:2}.vocab-rail{grid-template-columns:1fr 1fr}.lesson-page{padding-top:32px}.lesson-masthead{flex-direction:column-reverse}.lesson-masthead h1{font-size:35px}.lesson-masthead time{font-size:17px}.lesson-toolbar{margin-top:18px;backdrop-filter:none;background:0 0;margin-inline:0;padding-inline:0;position:relative}.language-toggle{width:100%}.language-toggle span,.language-toggle button{text-align:center;flex:1}.section-heading-row{flex-direction:column;align-items:flex-start;gap:5px}.passage-frame{padding:24px 18px}.letter-meta{flex-direction:column;gap:5px}.choice-grid{grid-template-columns:1fr}.quiz-actions{flex-direction:column}.quiz-actions .button{width:100%}.phrase-list>div,.business-list>div{grid-template-columns:1fr;gap:6px;padding-block:16px}.phrase-list p{grid-column:1}.tip-list li{grid-template-columns:38px 1fr;gap:12px}.reflection-note>div{flex-direction:column;align-items:flex-start}.lesson-pagination{font-size:12px}.vocabulary-page>header{flex-direction:column;align-items:flex-start}.vocab-count{text-align:left}.site-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}