:root{--study-ink:#152944;--study-blue:#405fe8;--study-accent:#f5b944;--study-bg:#edf2ff}
body{background:var(--study-bg)!important;color:var(--study-ink);font-family:system-ui,"Microsoft YaHei",sans-serif}
body main{max-width:1440px;margin:auto;padding:20px 36px 48px}
body .topbar{position:sticky;top:0;background:#fffefc!important;color:var(--study-ink);border-bottom:1px solid #d4def1;backdrop-filter:blur(14px);padding:16px 32px;gap:24px;z-index:80}
body .brand{color:var(--study-ink);font-size:20px;font-weight:800;white-space:nowrap}body .brand-mark{background:var(--study-blue);color:white;border-radius:14px;box-shadow:3px 3px 0 #f5b944}
body .nav{gap:4px;flex-wrap:wrap}body .nav a{font-size:14px;letter-spacing:0;color:#53637b;padding:10px 12px;border-radius:12px}body .nav a:hover,body .nav a[aria-current="page"]{color:var(--study-blue);background:#eef0ff}
.study-wallet{display:flex;align-items:center;gap:6px;padding:12px 18px;border:1px solid #eac266;background:#fff4d6;border-radius:16px;color:#674514;text-decoration:none;white-space:nowrap;font-size:14px}.study-wallet span{color:#a76400;font-size:22px}
.study-strip{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:12px 18px;border-radius:20px;border:1px solid #d4def1;background:#fff;box-shadow:0 4px 0 #dfe7f7}.study-avatar{width:56px;height:56px;background:#e9eeff;border-radius:18px;overflow:hidden;flex-shrink:0}.study-avatar img{width:100%;height:100%;object-fit:contain}.study-strip>div{flex:1}.study-strip strong{display:block;font-size:16px}.study-strip>div>span{display:block;color:#69758b;font-size:14px;margin-top:4px}.study-strip button{padding:12px 18px;border:0;border-radius:12px;background:var(--study-blue);color:white;font-size:14px;font-weight:700;cursor:pointer}.study-strip button:disabled{background:#e9edf5;color:#65758a;cursor:default}
.study-level{display:flex;gap:10px;align-items:center;border:1px solid #d5ddf2;background:#eff2ff;border-radius:12px;padding:12px 16px;font-size:14px;color:#354fbd;text-decoration:none}.study-level[data-skin="moon"]{background:#e5eaff;border-color:#91a1de}.study-level[data-skin="jade"]{background:#dcf6ef;border-color:#4eaa94;color:#176552}.study-level[data-skin="gold"]{background:#fff1ca;border-color:#dc9d29;color:#7b5200}
body main>section[hidden]{display:none!important}body main>section:not([hidden]){animation:study-appear .3s ease-out}body main>section{scroll-margin-top:100px}
@keyframes study-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
body .reader{min-height:520px;height:calc(100vh - 210px);max-height:740px;border-radius:28px;overflow:hidden;margin:0;background:#14283e;isolation:isolate}body .reader-bg{content:url("assets/wenxuan-mobile-guoman-hero.webp");object-fit:cover;object-position:75% 63%}body .reader-shade{background:linear-gradient(90deg,rgba(11,28,51,.94),rgba(11,28,51,.58) 48%,rgba(11,28,51,.05))}body .hero-copy{max-width:520px;left:5%;top:10%}body .hero-copy h1{font-size:clamp(40px,5vw,72px);letter-spacing:.06em;color:#fff;margin:10px 0;font-weight:800}body .hero-copy .eyebrow{color:#ffd780;font-size:14px}body .hero-copy .lede{color:#e7eeff;font-size:18px;line-height:1.6}body .hero-verse{display:none}body .rhyme-portal{position:absolute;top:auto;bottom:6%;left:5%;right:auto;width:350px;padding:20px;border:1px solid #9caeca70;border-radius:20px;background:#ffffffef;box-shadow:0 12px 32px #00172b30;color:var(--study-ink)}body .portal-rhyme{display:none}body .portal-selection p{font-size:14px;line-height:1.6}body .portal-selection{margin:12px 0}body .portal-label{font-size:14px}body .mode-options button{border-radius:10px}body .portal-actions button{border-radius:12px;min-height:44px}body .portal-actions .primary-button{background:var(--study-blue);color:white;border-color:var(--study-blue)}body .hero-smoke,body .bamboo-drift{display:none}
body .author-match-game,body .feihua-game,body .library,body .notebook-section,body .map,body .workbench-portal-section{margin:0;padding:28px;border-radius:24px;background:#fff;border:1px solid #d4def1;box-shadow:0 6px 0 #dfe7f7}
body .author-match-heading h3,body .feihua-heading h2,body .library-heading h2{font-family:inherit;font-weight:800;font-size:30px;letter-spacing:0;color:var(--study-ink)}body .eyebrow{font-family:inherit;font-size:14px;letter-spacing:.06em;color:#5669b8}
body .author-match-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}body .author-match-stage{min-height:390px;padding:28px;background:linear-gradient(140deg,#eef0ff,#f7fbff);border:1px solid #bdcbee;border-radius:24px;box-shadow:none}body .match-water,body .match-lanterns{display:none}body .match-scroll{position:relative;inset:auto;margin:0 auto 24px;padding:24px;min-height:0;max-width:680px;width:100%;background:white;border:1px solid #d4def1;border-radius:18px;box-shadow:0 5px 0 #dde3f5;transform:none;color:#243759}body .match-scroll blockquote{font-family:inherit;font-weight:700;font-size:clamp(23px,3vw,34px);line-height:1.6;writing-mode:horizontal-tb}body .match-scroll p{font-size:14px;color:#65758a}body .match-author-options{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:680px;margin:auto}body .match-author-options button{position:relative;inset:auto!important;transform:none!important;width:100%;min-height:64px;background:#fff;border:2px solid #cbd6f0;border-radius:16px;color:#2f4565;box-shadow:0 4px 0 #dfe7f7;font-size:18px;transition:background .2s,translate .2s}body .match-author-options button:hover{translate:0 -3px;border-color:var(--study-blue)}body .match-author-options button.is-correct{background:#dff5e9;border-color:#3b9c78;color:#166444}body .match-author-options button.is-wrong{background:#ffe3e6;border-color:#d87587}body .match-feedback{position:relative;inset:auto;display:block;margin:20px auto 0;text-align:center;font-size:16px;color:#354e79;background:none}body .author-match-panel{border-radius:20px;background:#f6f8ff;border:1px solid #d4def1;padding:20px}body .match-history{max-height:200px;overflow:auto}body .match-mode-switch button{border-radius:12px;min-height:44px;font-size:14px}body .author-match-scoreboard{font-size:14px;gap:12px}body .author-match-scoreboard span{background:#f2f5ff;border-radius:12px;padding:10px 12px}body .match-actions button{border-radius:12px;min-height:44px}
body .library-heading>p:last-child{font-size:14px;line-height:1.7}body .library-heading{margin-bottom:20px}body .search-shell,body .detail-panel{border-radius:18px}body .advanced-filters{max-height:160px;overflow:auto}body .article-list{max-height:600px;overflow:auto}body .focus-reader{border-radius:24px;background:#fff}body .reader-text{font-size:18px}body .reader-toolbar{background:#f3f6ff}body .reader-journal{border-radius:16px}.reading-reward{display:block;margin:28px auto;padding:16px 22px;border:0;background:var(--study-blue);color:white;border-radius:14px;font:600 16px system-ui;cursor:pointer}.reading-reward:disabled{background:#e6ebf6;color:#64738c;cursor:default}
.rewards-view{padding:30px;border:1px solid #d4def1;border-radius:26px;background:white}.rewards-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.rewards-heading h2{font-size:36px;margin:10px 0;letter-spacing:0;color:var(--study-ink)}.rewards-heading p{color:#66758b;font-size:16px}.rewards-heading img{object-fit:contain;filter:drop-shadow(0 12px 20px #adb9e8)}.reward-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.reward-stats>div{padding:20px;background:#f0f3ff;border-radius:18px;border:1px solid #dbe2fa}.reward-stats span{font-size:14px;color:#65728d}.reward-stats strong{display:block;font-size:32px;color:#304caf;margin-top:8px}.reward-stats strong span{font-size:32px;color:inherit}.reward-progress{background:#f8faff;border:1px solid #dbe2fa;padding:20px;border-radius:18px}.reward-progress>div{display:flex;justify-content:space-between;gap:16px;font-size:14px}.reward-progress progress{display:block;width:100%;height:12px;margin-top:14px;accent-color:var(--study-blue)}.rewards-view h3{font-size:20px;margin:30px 0 16px}.quest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quest-card{padding:20px;display:flex;flex-direction:column;gap:12px;border:1px solid #d4def1;border-radius:18px;background:#fff;text-decoration:none;color:var(--study-ink);box-shadow:0 4px 0 #e4eafa;transition:translate .2s}.quest-card:hover{translate:0 -4px;border-color:#6179e0}.quest-card>strong{font-size:18px}.quest-card>span:not(.quest-icon){font-size:14px;color:#62728d;line-height:1.6}.quest-card small{font-size:14px;color:#425dbb}.quest-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#edf0ff;color:#4662d4;font-size:22px;font-weight:700}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.badge{padding:18px;border:1px dashed #c9d3e9;border-radius:18px;display:flex;flex-direction:column;gap:8px;color:#64738c;background:#f6f8fc;font-size:14px}.badge strong{font-size:16px}.badge.earned{background:#fff6dc;border:1px solid #e7c978;color:#7b5b19}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.shop-card{padding:22px;border:1px solid #d4def1;border-radius:18px;background:#eef1ff}.shop-card>span{font-size:36px}.shop-card h4{font-size:18px;margin:12px 0}.shop-card p{font-size:14px;color:#536880}.shop-card.jade{background:#e5f7f1}.shop-card.gold{background:#fff3d6}.shop-card button{border:1px solid #beccea;background:white;color:#30497c;padding:12px 18px;border-radius:12px;font-size:14px;cursor:pointer}.shop-card button:disabled{opacity:.6;cursor:default}.rewards-note{font-size:14px;line-height:1.8;color:#69758b;margin-top:28px;max-width:850px}.reward-status{font-size:14px;color:#3859b9}.reward-retry{padding:12px;border-radius:10px;border:1px solid #ccd6ef;background:white}.study-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:16px 24px;border:1px solid #d9ae44;border-radius:18px;background:#fff3cc;color:#70480b;font-size:16px;font-weight:700;box-shadow:0 8px 32px #24375925;z-index:2000;max-width:90vw;text-align:center;pointer-events:none}body .nav a:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #667df0;outline-offset:4px}body footer{display:none}
@media(max-width:1000px){body .topbar{padding:12px 18px;gap:12px}body .nav a{padding:8px;font-size:14px}body main{padding:18px}.quest-grid,.badge-grid{grid-template-columns:repeat(2,1fr)}body .author-match-layout{grid-template-columns:minmax(0,1fr)}body .author-match-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}body .match-history{grid-column:1/-1;max-height:100px}.study-level{padding:10px}.study-level>span:first-child{display:none}}
@media(max-width:640px){body main{padding:12px 12px 110px}body .topbar{min-height:64px}body .brand{font-size:18px}body .nav{display:none}.study-wallet{padding:9px 12px;font-size:14px;margin-left:auto}body .mobile-jump-nav{position:fixed;top:auto;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid #d5def1;z-index:100;overflow-x:auto;gap:0;padding:8px 4px max(8px,env(safe-area-inset-bottom));border-radius:18px 18px 0 0}body .mobile-jump-nav a{min-width:64px;flex:1;color:#60708a;text-decoration:none;padding:4px}body .mobile-jump-nav a[aria-current="page"]{color:#405fe8;background:#edf1ff;border-radius:12px}body .mobile-jump-nav em{font-size:12px}body .mobile-jump-nav span{font-size:18px}.study-strip{padding:12px;gap:8px}.study-avatar{width:42px;height:42px;border-radius:12px}.study-strip strong{font-size:14px}.study-strip>div>span{font-size:12px}.study-strip button{padding:10px;font-size:14px}.study-level{display:none}body .reader{min-height:600px;height:calc(100svh - 210px);border-radius:22px}body .reader-bg{object-position:65% 62%}body .reader-shade{background:linear-gradient(180deg,#10243fcc,transparent 50%,#10243fbb)}body .hero-copy{left:7%;top:5%;width:86%}body .hero-copy h1{font-size:42px}body .hero-copy .lede{font-size:16px}body .rhyme-portal{left:6%;width:88%;bottom:5%;padding:16px}body .rhyme-portal .portal-selection p{display:none}body .author-match-game,body .feihua-game,body .library,body .notebook-section,body .map,body .workbench-portal-section{padding:18px 14px;border-radius:20px}body .author-match-heading{align-items:flex-start;gap:14px;flex-direction:column}body .author-match-heading h3{font-size:26px}body .author-match-scoreboard{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%}body .author-match-scoreboard span{font-size:12px;padding:8px}body .author-match-stage{padding:16px;min-height:360px}body .match-scroll{padding:18px}body .match-scroll blockquote{font-size:23px}body .match-author-options button{font-size:16px;min-height:58px}body .author-match-panel{display:block}body .match-mode-switch{display:flex;gap:6px}body .match-mode-switch button{flex:1;padding:10px 6px;font-size:14px}.rewards-view{padding:20px 16px}.rewards-heading h2{font-size:26px}.rewards-heading img{width:80px;height:100px}.rewards-heading p{font-size:14px}.reward-stats{gap:8px}.reward-stats>div{padding:14px 10px}.reward-stats strong,.reward-stats strong span{font-size:25px}.reward-progress>div{flex-wrap:wrap}.quest-card{padding:16px;gap:10px}.quest-card>strong{font-size:16px}.shop-grid{grid-template-columns:1fr}.shop-card{display:grid;grid-template-columns:44px 1fr;gap:0 16px}.shop-card h4{margin:0}.shop-card p,.shop-card button{grid-column:2}.shop-card>span{grid-row:1/3}.badge-grid{gap:8px}.badge{padding:14px}.study-toast{bottom:100px;font-size:14px}.reading-reward{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body .author-match-stage{display:block}body .match-scroll{animation:none}body .match-scroll::before,body .match-scroll::after{display:none}body .match-feedback{box-shadow:none;padding:12px;transform:none}body .author-match-scoreboard span{color:#5b6b86}body .author-match-scoreboard strong{color:#304caf}body .author-match-heading h3{text-shadow:none}body .match-mode-switch button{background:#edf1ff;color:#40547c;border:1px solid #cbd6ef}body .match-mode-switch button[aria-pressed="true"]{background:#405fe8;color:#fff;border-color:#405fe8}body .match-current-source{border-left-color:#7288e0}body .match-current-source strong{font-family:inherit;font-size:24px;color:#203859}body .match-current-source span{color:#5a6c95}body .match-current-source p{font-size:14px;color:#63738e}body .match-actions button{background:#405fe8;color:white;border:0}body .match-actions button:disabled{background:#d4dced;color:#6e7b92}body .match-author-card span{background:#e7edff;color:#405fe8;border-radius:12px}body .match-author-card strong{font-family:inherit;font-size:18px;color:#284469}body .match-author-card small{font-size:14px;color:#667790}body .match-author-options button{padding:14px}body .site-footer{display:none}
body>.footer{display:none!important}body .reader-navigation{display:flex}body .match-author-options{padding-bottom:0}body .reward-progress[data-skin="moon"]{background:#e5eaff;border-color:#91a1de}body .reward-progress[data-skin="jade"]{background:#dcf6ef;border-color:#4eaa94}body .reward-progress[data-skin="gold"]{background:#fff1ca;border-color:#dc9d29}
.mobile-more{display:none}

/* V10: illustration and controls occupy separate areas; reading stays quiet. */
body .reader {
  display:grid; grid-template-areas:"copy portrait" "portal portrait";
  grid-template-columns:minmax(0,1fr) minmax(0,.95fr); grid-template-rows:auto 1fr;
  gap:24px 36px; padding:36px; height:auto; min-height:0; max-height:none;
  background:#142940; align-items:start;
}
body .reader-bg {
  grid-area:portrait; position:static!important; inset:auto;
  width:100%; height:560px; min-width:0; display:block; opacity:1;
  object-fit:cover; object-position:50% 49%; content:normal;
  border-radius:20px; filter:none; transform:none; z-index:0;
}
body .reader-shade {display:none}
body .hero-copy {
  grid-area:copy; display:block!important; position:static!important;
  inset:auto; width:100%; max-width:none; margin:0; padding:8px 0 0;
  transform:none; opacity:1; visibility:visible; z-index:1;
}
body .hero-copy::before {display:none}
body .hero-copy h1 {font-size:clamp(36px,4.5vw,58px); margin:16px 0; line-height:1.3}
body .hero-copy .lede {font-size:16px;line-height:1.8;max-width:28em}
body .rhyme-portal {
  grid-area:portal; position:static!important; inset:auto; width:100%;
  max-width:430px; margin:0; padding:24px; border-radius:18px; transform:none;
  align-self:start; background:#fff; color:#263b55; box-shadow:none;
}
body .portal-selection .classic-head strong {font-family:inherit;font-size:26px;color:#1f3856}
body .rhyme-portal .panel-head {font-size:14px;color:#62728a}
body .rhyme-portal .panel-head strong {font-size:16px;color:#405fe8}
body .rhyme-portal .mode-options button {font-size:16px;background:#f1f4fb;color:#455a79;border:1px solid #d1daf0;min-height:44px}
body .rhyme-portal .mode-options button.is-active {background:#405fe8;color:#fff;border-color:#405fe8}
body .portal-selection p {font-weight:400;color:#586b83;margin-top:12px}
body .study-strip {box-shadow:none;background:#f7f9ff;padding:10px 16px;border-color:#dbe3f2}
body .study-strip>div>span {font-size:14px}
body .study-strip button {background:#ecf0ff;border:1px solid #cbd5f2;color:#3d59c8}
body .study-strip button:disabled {background:#edf1f6;color:#67758b}
body .study-wallet {background:#fff9e9;border-color:#e9d9a7;padding:10px 14px}
body .library {box-shadow:none}
body .library-heading {display:block;margin-bottom:20px}
body .library-heading .eyebrow {display:none}
body .library-heading h2 {font-size:28px;margin:0 0 8px;line-height:1.4}
body .library-heading p:last-child {max-width:none;width:auto;margin:0;color:#62748a}
body .search-shell {background:#f7f9ff;border:1px solid #d6e0f1;padding:20px;box-shadow:none}
body .search-shell label {color:#263e60;font-size:16px}
body .search-row {display:flex;gap:10px;align-items:center}
body .search-row input {min-width:0;flex:1;font:16px system-ui;min-height:46px;border-radius:12px;background:white;border:1px solid #c3d0e7}
body .search-row button {background:#405fe8;color:white;border:0;border-radius:12px;min-height:46px;padding:12px 16px;font:600 14px system-ui;white-space:nowrap}
body .search-row button[data-clear-search] {background:#eaf0fb;color:#425b80}
.library-filters {margin-top:16px;border-top:1px solid #d9e2f2}
.library-filters>summary {display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 0 8px;color:#405577;font-size:14px;cursor:pointer;list-style:none}
.library-filters>summary::after {content:"＋";font-size:18px}
.library-filters[open]>summary::after {content:"−"}
.library-filters>summary span {flex:1;text-align:right;color:#64748b}
body .advanced-filters {max-height:none;overflow:visible;margin-top:12px}
body .filter-line {border-color:#dce4f1;padding:12px 0}
body .filter-line>span {font-size:14px;color:#56677f}
body .filter-options button {font:14px system-ui;color:#445875;background:#fff;border:1px solid #d0dbee;border-radius:10px;min-height:40px;padding:8px 12px}
body .filter-options button.is-active {background:#405fe8;color:#fff;border-color:#405fe8}
body .filter-summary {margin-top:10px;padding:0;font-size:14px;color:#5a6c85;gap:12px;flex-wrap:wrap}
body .filter-summary button {color:#4a61b9;font-size:14px}
body .search-tags {gap:8px;margin-top:14px}
body .search-tags button {background:white;color:#526989;border:1px solid #d7e0ef;border-radius:10px;padding:8px 14px;font:14px system-ui;min-height:40px}
body .library-layout {display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;margin-top:24px;align-items:start}
body .article-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-height:none;overflow:visible}
body .result-count {grid-column:1/-1;font-size:14px;color:#66788d;margin:0 0 2px;font-weight:400;scroll-margin-top:120px}
body .article-card {min-width:0;padding:18px;border:1px solid #d6dfef;border-radius:16px;background:#fff;box-shadow:none;display:flex;flex-direction:column;gap:10px}
body .article-card.is-selected {border-color:#6f87d7;background:#f5f8ff}
body .article-card small {font:14px/1.7 system-ui;color:#61758c;overflow-wrap:anywhere}
body .article-card strong {font:700 21px/1.4 system-ui;color:#213c5b}
body .article-card .article-plain-title {display:none}
body .article-card .article-excerpt {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#596d87;font:16px/1.85 "Noto Serif SC",serif;margin:0;padding:0;max-height:3.7em}
body .article-actions {display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}
body .article-actions button {border:0;border-radius:10px;background:#405fe8;color:#fff;padding:10px 14px;min-height:44px;font:14px system-ui}
body .article-actions .secondary-action {background:#eef2fa;color:#536987}
body .article-detail {position:sticky;top:112px;margin:0;padding:20px;border:1px solid #d5dfef;border-radius:16px;background:#f7f9ff;box-shadow:none;min-width:0;scroll-margin-top:110px}
body .article-detail>span {font:14px/1.7 system-ui;color:#63748e}
body .article-detail h3 {font:700 26px/1.5 system-ui;color:#263f5c;margin:10px 0}
body .article-detail p {font:16px/1.8 system-ui;color:#5b6e87}
body .article-detail>.article-excerpt {font:16px/1.95 "Noto Serif SC",serif;color:#435b78;max-height:12em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
body .detail-extra {margin:16px 0;font-size:14px;color:#62758e}
body .detail-extra summary {cursor:pointer;padding:10px 0}
body .article-detail .article-meta {display:flex;flex-wrap:wrap;gap:6px}
.library-pagination {grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:18px;margin:8px 0 0;font-size:14px;color:#526b88}
.library-pagination button {background:#edf2ff;border:1px solid #d0ddf1;color:#3e5988;border-radius:10px;min-height:44px;padding:10px 18px;cursor:pointer;font-size:14px}
.library-pagination button:disabled {opacity:.4;cursor:default}
.flow-next {display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:20px;border-radius:16px;border:1px solid #d5dfef;background:#edf3ff;color:#3e5789;text-decoration:none}
.flow-next span {font-size:14px}.flow-next strong {font-size:16px}
body .focus-reader::before,body .focus-reader::after {display:none}
body .focus-reader {width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);background:#fafbfd;color:#243649}
body .reader-layout {gap:32px;padding:32px;max-width:1080px}
body .reader-text {width:100%;max-width:40ic;margin:auto}
body .reader-text h2 {font-size:clamp(28px,4vw,40px);line-height:1.5;margin:10px 0}
body .reader-content,body .reader-content.is-baihua,body .reader-original,body .reader-translation {font-size:var(--reading-size,19px);line-height:1.95;text-align:left;letter-spacing:.02em}
body .reader-content {margin-top:24px;padding-top:24px}
body .reader-content>p {font-weight:400;margin:0 0 1.5em}
body .reader-content>p:hover,body .reader-content>p.reader-hover-focus {background:transparent;box-shadow:none}
body .focus-reader[data-reader-view="clean"] .reader-layout {grid-template-columns:minmax(0,1fr);max-width:860px}
body .focus-reader[data-reader-view="clean"]:not(.show-reading-notes) .reader-notes {display:none}
body .focus-reader[data-reader-view="clean"].show-reading-notes .reader-layout {grid-template-columns:minmax(0,1fr) 280px;max-width:1080px}
body .focus-reader[data-reader-view="clean"] .reader-entry-card,body .focus-reader[data-reader-view="clean"] .reader-mobile-facts {display:none}
body .focus-reader .companion-widget {display:none}
body .reader-toolbar {padding:14px 20px;gap:12px;flex-wrap:wrap;background:#fff;border-bottom:1px solid #dbe2ed}
body .reader-breadcrumb {font-size:14px;line-height:1.6;min-width:0}
body .reader-toolbar-actions {gap:8px;flex-wrap:wrap}
body .reader-toolbar button {min-height:42px;min-width:40px;border-radius:10px;font-size:14px}
.reading-preferences {display:flex;gap:10px;align-items:center;padding:12px 24px;border-bottom:1px solid #e1e7ef;font:14px system-ui;color:#64748b;background:#f5f7fb;flex-wrap:wrap}
.reading-preferences button {border:1px solid #cbd6e6;border-radius:10px;background:white;color:#354c6c;padding:8px 12px;min-height:40px;cursor:pointer;font:14px system-ui}
.reading-preferences button:disabled {opacity:.4;cursor:default}.reading-preferences output {min-width:40px;text-align:center}.reading-preferences [data-reading-notes] {margin-left:auto}
body .match-author-options button {grid-template-columns:34px minmax(0,1fr);gap:4px 10px;padding:12px}
body .match-author-card span {width:34px;height:34px}
body .match-author-card strong {font-size:17px;overflow-wrap:normal;word-break:normal}
body .match-author-card small {font-size:14px;font-weight:400}
body .author-match-stage,body .author-match-panel,body .match-scroll {box-shadow:none}
body .author-match-heading .eyebrow {display:none}
body .author-match-game {box-shadow:none}
body .match-scroll {padding:24px;margin-bottom:20px}
body .match-scroll blockquote {font-size:clamp(22px,2.5vw,30px);line-height:1.85}
body .match-scroll p {font-size:14px;font-weight:400;margin-top:14px}
body .study-strip [data-checkin] {min-width:96px}
body[data-study-view="reader"] .study-strip {display:none}

@media(max-width:1000px) {
  body .reader {gap:24px;padding:28px;grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}
  body .reader-bg {height:560px}
  body .library-layout {grid-template-columns:minmax(0,1fr) 240px}
  body .article-list {grid-template-columns:1fr}
}
@media(max-width:760px) {
  body .library-layout {grid-template-columns:1fr}
  body .article-list {grid-template-columns:repeat(2,minmax(0,1fr))}
  body .article-detail:not(.is-inspected) {display:none}
  body .article-detail {position:static}
  body .reader-layout,body .focus-reader[data-reader-view="clean"].show-reading-notes .reader-layout {grid-template-columns:1fr;padding:24px 20px}
  body .reader-toolbar {padding:12px}
  body .reader-breadcrumb {width:100%}
  body .reader-toolbar-actions {width:100%;justify-content:space-between}
  body .focus-reader {width:100%;max-height:100dvh;border-radius:0}
}
@media(max-width:640px) {
  body .reader {grid-template-areas:"copy" "portrait" "portal";grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:18px;padding:20px;min-height:0;height:auto}
  body .reader-bg {height:270px;object-position:50% 49%;border-radius:16px}
  body .hero-copy {width:100%;padding:0}
  body .hero-copy h1 {font-size:36px;margin:10px 0}
  body .hero-copy .eyebrow {font-size:14px;margin:0}
  body .hero-copy .lede {margin:0;font-size:16px}
  body .rhyme-portal {width:100%;max-width:none;padding:18px;align-self:stretch}
  body .rhyme-portal .portal-selection p {display:block;font-size:14px;margin:8px 0}
  body .reader .portal-selection {margin:10px 0}
  body .reader .portal-label {display:none}
  body .library-heading h2 {font-size:24px}
  body .search-shell {padding:14px}
  body .search-row {flex-wrap:wrap}
  body .search-row input {flex-basis:100%}
  body .search-row button {flex:1;min-height:42px}
  body .article-list {grid-template-columns:1fr}
  body .article-card {padding:16px}
  body .article-card strong {font-size:20px}
  body .flow-next {display:block;padding:16px}
  body .flow-next span,body .flow-next strong {display:block;line-height:1.7}
  body .study-strip>div>span {font-size:14px;line-height:1.5}
  body .study-strip strong {font-size:14px}
  body .mobile-jump-nav>a.mobile-primary {display:flex!important;flex-direction:column;align-items:center;min-width:0;flex:1}
  body .mobile-jump-nav em {font-size:14px}
  body .mobile-jump-nav a span {font-size:18px}
  body .match-author-options button {grid-template-columns:28px minmax(0,1fr);gap:4px 8px;padding:10px}
  body .match-author-card span {width:28px;height:32px;font-size:16px}
  body .match-author-card strong {font-size:16px;white-space:nowrap}
  body .match-author-card small {font-size:14px;line-height:1.5}
  body .reader-layout {padding:24px 18px}
  body .reader-content {font-size:var(--reading-size,19px)}
  .reading-preferences {padding:10px 12px;gap:8px}
  .reading-preferences [data-reading-notes] {margin-left:0}
}
@media(max-width:640px){body .mobile-jump-nav{overflow:visible;justify-content:space-around}body .mobile-jump-nav>a:nth-child(2),body .mobile-jump-nav>a:nth-child(4),body .mobile-jump-nav>a:nth-child(5),body .mobile-jump-nav>a:nth-child(8){display:none}body .mobile-jump-nav>a{min-width:0;flex:1}body .mobile-jump-nav a span,body .mobile-jump-nav a em{color:#526886;text-shadow:none}body .mobile-jump-nav a[aria-current="page"] span,body .mobile-jump-nav a[aria-current="page"] em{color:#405fe8}body .mobile-jump-nav em{font-size:14px}.mobile-more{display:block;flex:1;min-width:0;position:relative}.mobile-more summary{list-style:none;text-align:center;color:#526886;padding:4px;cursor:pointer}.mobile-more summary::-webkit-details-marker{display:none}.mobile-more summary span{display:block;font-size:18px;font-weight:800;height:24px}.mobile-more summary em{display:block;font-style:normal;font-size:14px}.mobile-more-menu{position:absolute;bottom:66px;right:6px;width:180px;background:white;border:1px solid #cbd6ef;border-radius:16px;box-shadow:0 8px 30px #21396325;padding:8px;display:grid;gap:4px}.mobile-more-menu a{padding:12px!important;text-align:left;border-radius:10px;font-size:14px}.mobile-more-menu a:hover{background:#edf1ff}}

body .reader::before,body .reader::after {display:none!important}body .reader .hero-copy h1 {color:#fff}body .reader .hero-copy .eyebrow {color:#ffd780}body .reader .hero-copy .lede {color:#e7eeff}

body .reader .hero-copy h1 {max-width:none;width:auto;white-space:nowrap}body .reader .rhyme-portal .portal-label,body .reader .rhyme-portal .portal-selection p {color:#52647b;text-shadow:none}body .reader .rhyme-portal .classic-head {color:#52647b}
.account-open {border:1px solid #d7dff3;background:#edf1ff;color:#3554cd;border-radius:12px;padding:10px 14px;font:600 14px/1.5 inherit;white-space:nowrap;cursor:pointer}
.account-dialog {width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px;border:1px solid #d7dff3;border-radius:22px;background:#fff;color:#263b55;box-shadow:0 20px 80px #10294140;font:16px/1.7 system-ui,sans-serif}
.account-dialog::backdrop {background:#10294180;backdrop-filter:blur(4px)}
.account-dialog [hidden] {display:none!important}
.account-heading {display:flex;align-items:center;justify-content:space-between;gap:12px}
.account-heading h2 {margin:0;font-size:24px}
.account-dialog button {font:inherit;cursor:pointer;min-height:44px;border:1px solid #d7dff3;border-radius:10px;padding:8px 16px;background:#f4f6fd;color:#263b55}
.account-heading button {font-size:24px;padding:0;width:44px;line-height:1}
.account-modes {display:flex;gap:8px;margin:22px 0}
.account-modes button {flex:1}
.account-modes button[aria-pressed=true],.account-dialog .account-submit {background:#405fe8;color:white;border-color:#405fe8}
.account-dialog label {display:block;margin:16px 0;font-weight:600}
.account-dialog input {display:block;box-sizing:border-box;width:100%;font:400 16px/1.5 system-ui,sans-serif;padding:12px;margin-top:6px;border:1px solid #b9c7e3;border-radius:10px;background:white;color:#263b55}
.account-dialog input:focus {outline:2px solid #405fe8;outline-offset:2px}
.account-dialog .account-hint {font-size:14px;color:#52647b}
.account-submit {width:100%;margin-top:6px}
.account-dialog button:disabled {opacity:.6;cursor:wait}
.account-greeting {font-size:20px;margin-top:24px}
[data-account-message] {font-size:14px;color:#3554cd;margin-bottom:0;overflow-wrap:anywhere}
@media(max-width:640px) {.account-open {margin-left:auto;padding:8px 10px;font-size:14px}.topbar .study-wallet {margin-left:0;padding:8px}.account-dialog {padding:22px}}

/* Daily check-in is the first, persistent navigation invitation. */
body .nav a.daily-checkin-link {color:#943e32;background:#f5e7da;border:1px solid #cfa48b;border-radius:12px;font-weight:700}
.daily-checkin-card {display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0 24px;padding:24px 28px;border:1px solid #d3b294;border-radius:20px;background:linear-gradient(115deg,#f7eddd,#faf5eb);color:#624a33}
.daily-checkin-kicker {display:block;font-size:14px;color:#965344;margin-bottom:10px}
.daily-checkin-card strong {display:block;font-size:27px;letter-spacing:1px}
.daily-checkin-card strong span {color:#a04537}
.daily-checkin-card p {margin:10px 0 0;font-size:14px;line-height:1.7}
.daily-checkin-card button {flex-shrink:0;padding:16px 26px;background:#a14c3e;color:#fff9ee;border:1px solid #8b4035;border-radius:14px;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 4px 0 #78382e;transition:transform .15s}
.daily-checkin-card button:hover:not(:disabled){transform:translateY(-2px)}
.daily-checkin-card button:disabled{background:#e7ddcc;color:#786956;border-color:#d4c6af;box-shadow:none;cursor:default}
@media(max-width:640px){body .mobile-jump-nav>a.daily-checkin-link {background:#f5e7da;border-radius:12px}body .mobile-jump-nav .daily-checkin-link span,body .mobile-jump-nav .daily-checkin-link em {color:#943e32}.daily-checkin-card {padding:20px;flex-direction:column;align-items:stretch;gap:18px}.daily-checkin-card strong{font-size:24px}.daily-checkin-card button{width:100%;font-size:16px}}

/* Keep reading controls in normal flow so they cannot cover scrolling text. */
body .focus-reader .reader-toolbar {position:relative;inset:auto;z-index:auto;pointer-events:auto;background:#f5efdf}
body .focus-reader .reader-toolbar-actions {pointer-events:auto}
body .focus-reader .reader-layout {z-index:auto}
body .focus-reader .reader-breadcrumb {display:block;overflow-wrap:anywhere}
body .focus-reader .reader-toolbar .reader-view-toggle,body .focus-reader .reader-toolbar .reader-script-toggle {display:flex}
body.is-reader-open .focus-reader .reader-floating-view-toggle {position:relative;inset:auto;width:fit-content;margin:12px auto;max-width:calc(100% - 32px);z-index:auto;flex-wrap:wrap}

/* Reader controls have a separate row; only the article panel scrolls. */
body .focus-reader[open],body .focus-reader.is-fallback-open {display:flex;flex-direction:column;overflow:hidden;height:calc(100dvh - 32px)}
body .focus-reader .reader-progress {position:relative;flex:none;top:auto}
body .focus-reader .reader-toolbar {flex:none;z-index:20;position:relative;background:#f5efdf;box-shadow:0 2px 8px #51442e0a}
body .focus-reader .reader-scroll {flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
body .focus-reader .reader-toolbar .reader-view-toggle,body .focus-reader .reader-toolbar .reader-script-toggle {pointer-events:auto}
body .reader-scroll:focus {outline:none}
body .reader-breadcrumb {max-width:none;white-space:normal}
body .reader-toolbar .reader-view-toggle button {font-size:14px;min-height:42px;padding:8px 12px}
body .reader-toolbar .reader-close {flex:none}
body .shop-intro {font-size:14px;line-height:1.8;color:#716956;margin:0 0 18px;max-width:700px}
@media(max-width:760px){body .focus-reader[open],body .focus-reader.is-fallback-open{height:100dvh}body .focus-reader .reader-toolbar-actions{justify-content:flex-start;gap:8px}body .focus-reader .reader-toolbar .reader-close{margin-left:auto}body .focus-reader .reader-breadcrumb{font-size:12px}body .reader-toolbar .reader-view-toggle button{padding:8px 10px}body .reader-toolbar .reader-script-toggle button{min-width:30px}body .focus-reader .reader-scroll{scrollbar-gutter:auto}}

#star-shop {scroll-margin-top:110px}

body .reader {grid-template-areas:"copy portrait" "pet portrait" "portal portrait"}
.home-pet {grid-area:pet;display:flex;gap:14px;align-items:center;max-width:460px;padding:14px 18px;border:1px solid #d4bd9e;border-radius:18px;background:#faf3e5;color:#454d3e;position:relative;z-index:1}
.home-pet-avatar{border:0;background:transparent;padding:0;flex:none;cursor:pointer;width:82px;height:100px}.home-pet-avatar img{width:100%;height:100%;object-fit:contain;animation:home-pet-breathe 5s ease-in-out infinite}.home-pet-info{flex:1;min-width:0}.home-pet-info strong{display:block;font-size:16px}.home-pet-info>span{display:block;font-size:14px;color:#8c6044;margin:4px 0}.home-pet-info progress{display:block;width:100%;height:8px;accent-color:#a36b50}.home-pet-info small{font-size:12px;color:#736b57}.home-pet-info p{font-size:14px;line-height:1.7;margin:8px 0}.home-pet-info a,.home-pet-info button{font-size:14px;color:#914234}.home-pet-info button{border:0;background:transparent;margin-left:12px;cursor:pointer;padding:4px}.home-pet-info a{display:inline-block;padding:4px 0}body.is-reader-open .home-pet{visibility:hidden}@keyframes home-pet-breathe{50%{transform:translateY(-3px)}}
@media(max-width:640px){body .reader{grid-template-areas:"copy" "pet" "portrait" "portal"}.home-pet{padding:12px;gap:10px;width:100%;max-width:none;box-sizing:border-box}.home-pet-avatar{width:64px;height:86px}.home-pet-info small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.home-pet-avatar img{animation:none}}

/* Independent desktop companion, with a speech bubble on demand. */
body .reader {grid-template-areas:"copy portrait" "portal portrait"}
body .reader .home-pet {position:fixed;right:22px;bottom:24px;grid-area:auto;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;width:112px;max-width:none;height:146px;display:block;z-index:90}
.home-pet .home-pet-avatar {width:112px;height:130px;position:relative;filter:drop-shadow(0 5px 7px #483d2820)}
.home-pet .home-pet-avatar::after {content:attr(data-level);position:absolute;bottom:-8px;left:32px;padding:3px 9px;border-radius:12px;background:#faf2df;color:#76523b;font:12px system-ui;border:1px solid #ceb99a}
.home-pet .home-pet-info {position:absolute;right:116px;bottom:24px;width:230px;padding:16px;background:#fbf5e8;border:1px solid #d1bda1;border-radius:18px 18px 2px 18px;box-shadow:0 5px 22px #55412815;box-sizing:border-box}
.home-pet .home-pet-info:has([data-home-pet-message][hidden]) {display:none}
body .rewards-view .beast-qinglong {background:#e3eee6;border-color:#adc7b5}body .rewards-view .beast-baihu {background:#edf0ef;border-color:#c4cfcd}body .rewards-view .beast-xuanwu {background:#e3e9e6;border-color:#afc0b6}body .rewards-view .beast-zhuque {background:#f3e2d5;border-color:#d6b59f}.beast-shop .reward-art{width:96px;height:106px;border:0;background:transparent;padding:0}
body[data-pet]:not([data-pet=""]) .reader-pet-icon {display:block;position:absolute;width:36px;height:44px;left:48%;top:14px;object-fit:contain}body[data-pet]:not([data-pet=""]) .reader-companion {position:relative;inset:auto;width:100%;margin:20px auto;display:flex;justify-content:center}body[data-pet]:not([data-pet=""]) .reader-companion .companion-panel{position:relative;inset:auto}
@media(max-width:640px){body .reader{grid-template-areas:"copy" "portrait" "portal"}body .reader .home-pet{right:8px;bottom:92px;width:82px;height:106px}.home-pet .home-pet-avatar{width:82px;height:96px}.home-pet .home-pet-avatar::after{left:20px;bottom:-6px}.home-pet .home-pet-info{right:80px;bottom:20px;width:min(220px,calc(100vw - 106px));padding:14px}.beast-shop .reward-art{width:60px;height:70px}body[data-pet]:not([data-pet=""]) .reader-pet-icon{left:auto;right:14px;top:4px;width:22px;height:30px}}

/* Pair the traditional emblem with its illustrated companion. */
body .rewards-view .beast-shop .shop-card{display:flex;flex-direction:column;align-items:stretch}
.beast-art-pair{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:120px}
body .beast-art-pair .beast-cartoon{width:104px;height:120px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 5px 7px rgba(70,55,35,.1))}
@media(max-width:640px){.beast-art-pair{min-height:100px}body .beast-art-pair .beast-cartoon{width:90px;height:104px}}

/* Keep five mobile destinations visible, including career progression. */
@media(max-width:640px){
  body .mobile-jump-nav>a.mobile-primary{display:flex!important;min-height:48px;min-width:0;flex:1}
  body .mobile-jump-nav>.mobile-more{display:block;flex:1;min-width:0}
  body .mobile-more summary{min-height:48px;box-sizing:border-box}
  body .mobile-more-menu{max-height:60svh;overflow-y:auto}
}

/* Start with check-in and keep the study tasks within easy reach. */
@media(max-width:640px){
  body .mobile-jump-nav{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;padding:5px 3px calc(4px + env(safe-area-inset-bottom));overflow:visible;align-items:stretch;border-radius:14px 14px 0 0}
  body .mobile-jump-nav>a.mobile-primary,body .mobile-jump-nav>.mobile-more>summary{min-height:48px;padding:0;box-sizing:border-box;border:0;border-radius:0;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;background:transparent}
  body .mobile-jump-nav>a.mobile-primary span,body .mobile-jump-nav>.mobile-more>summary span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:16px;line-height:25px;background:#eee8db;color:#6c6558}
  body .mobile-jump-nav>a.mobile-primary em,body .mobile-jump-nav>.mobile-more>summary em{font-size:14px;line-height:19px;white-space:nowrap;font-style:normal}
  body .mobile-jump-nav>a.mobile-primary[aria-current="page"]{background:transparent;font-weight:700}
  body .mobile-jump-nav>a.mobile-primary[aria-current="page"] span{background:#96744e;color:#fff9ed}
  body .mobile-jump-nav>.mobile-more{position:static;min-width:0}
  body .mobile-jump-nav .mobile-more-menu{bottom:calc(100% + 8px);right:8px;width:180px;max-height:55svh;overflow-y:auto}
  body .mobile-jump-nav a:focus-visible,body .mobile-jump-nav summary:focus-visible{outline:2px solid #947344;outline-offset:-2px}
  body main{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  body .study-toast{bottom:calc(74px + env(safe-area-inset-bottom))}
  body .reader .home-pet{bottom:calc(72px + env(safe-area-inset-bottom))}
  body .reader{display:block;position:relative;padding:0;height:clamp(560px,calc(100svh - 180px),760px);min-height:560px;border-radius:18px;overflow:hidden}
  body .reader .reader-bg{position:absolute!important;inset:0;display:block;width:100%;height:100%;border-radius:0;object-fit:cover;object-position:center 48%}
  body .reader .reader-shade{display:block;position:absolute;inset:0;background:linear-gradient(180deg,#0d203b99,transparent 33%,transparent 60%,#0d203b88);pointer-events:none}
  body .reader .hero-copy{position:absolute!important;top:20px;left:20px;right:20px;width:auto;padding:0;z-index:1}
  body .reader .hero-copy h1{font-size:34px;margin:8px 0;line-height:1.2}
  body .reader .hero-copy .hero-title img{width:44px;height:44px}
  body .reader .hero-copy .lede{margin:6px 0;font-size:14px}
  body .reader .rhyme-portal{position:absolute!important;left:16px;right:16px;bottom:18px;top:auto;width:auto;max-width:none;padding:14px 16px;background:#faf5e8e8;border:1px solid #efe2c888;border-radius:14px}
  body .reader .rhyme-portal .portal-selection{margin:8px 0}
  body .reader .rhyme-portal .classic-head strong{font-size:22px}
  body .reader .rhyme-portal .mode-options button{min-height:36px;padding:4px 10px}
  body .reader .rhyme-portal .portal-actions button{min-height:40px}
}
@media(max-width:640px){html[data-theme="dark"] body .mobile-jump-nav>a.mobile-primary span,html[data-theme="dark"] body .mobile-more>summary span{background:#35433b;color:#dfd5bb}html[data-theme="dark"] body .mobile-jump-nav>a.mobile-primary[aria-current="page"] span{background:#aa8b59;color:#17231c}}

/* Preserve the entire portrait and keep mobile copy in its open left side. */
@media(max-width:640px){
  body .reader{height:auto;min-height:0;aspect-ratio:853 / 1844}
  body .reader .reader-bg{object-fit:contain;object-position:center;height:100%;width:100%}
  body .reader .reader-shade{background:linear-gradient(90deg,rgba(12,30,46,.32),transparent 49%)}
  body .reader .hero-copy{top:20px;left:14px;right:auto;width:46%;max-width:210px}
  body .reader .hero-copy .hero-title{gap:0}
  body .reader .hero-copy .hero-title img{display:none}
  body .reader .hero-copy h1{font-size:clamp(23px,6.8vw,29px);line-height:1.3;letter-spacing:0;margin:8px 0}
  body .reader .hero-copy .eyebrow{font-size:14px;line-height:1.6}
  body .reader .hero-copy .lede{font-size:14px;line-height:1.6;max-width:11em}
  body .reader .rhyme-portal{top:162px;bottom:auto;left:10px;right:auto;width:44%;max-width:205px;box-sizing:border-box;padding:12px 10px;border-radius:12px;background:rgba(250,245,232,.88);backdrop-filter:blur(3px)}
  body .reader .rhyme-portal .panel-head{gap:4px;font-size:14px}
  body .reader .rhyme-portal .portal-selection{margin:8px 0}
  body .reader .rhyme-portal .classic-head{display:block}
  body .reader .rhyme-portal .classic-head>span{font-size:14px}
  body .reader .rhyme-portal .classic-head strong{display:block;font-size:18px;line-height:1.5;overflow-wrap:anywhere}
  body .reader .rhyme-portal .portal-label{font-size:14px}
  body .reader .rhyme-portal .mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  body .reader .rhyme-portal .mode-options button{min-width:0;min-height:36px;padding:4px 0;font-size:14px}
  body .reader .rhyme-portal .portal-actions{display:grid;grid-template-columns:1fr;gap:6px;margin-top:10px}
  body .reader .rhyme-portal .portal-actions button{min-width:0;width:100%;min-height:40px;padding:6px;font-size:14px}
}

/* Reading feedback stays legible inside the reader's modal layer. */
.reading-sync-status{margin:12px 0 22px;padding:10px 14px;border-left:3px solid #b59a66;background:#f2eddf;color:#66573d;font:14px/1.7 system-ui;border-radius:0 8px 8px 0}
.reading-sync-status[data-state="saved"]{border-color:#4b7d65;background:#eaf1e8;color:#2c644a}
.reading-sync-status[data-state="error"]{border-color:#b78537;background:#fbefdb;color:#805b24}
.reading-saved-flash{position:absolute;z-index:40;left:50%;bottom:85px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 40px);box-sizing:border-box;border:1px solid #759180;border-radius:12px;padding:14px 20px;background:#234c3f;color:#fff9e8;box-shadow:0 8px 24px #102d3433;font:600 15px/1.6 system-ui;text-align:center;pointer-events:none}
.reading-saved-flash[hidden]{display:none}
html[data-theme="dark"] .reading-sync-status{background:#303a34;color:#e1d7bd;border-color:#bda36f}
html[data-theme="dark"] .reading-sync-status[data-state="saved"]{background:#263c33;color:#bfe3c9;border-color:#83b998}
html[data-theme="dark"] .reading-sync-status[data-state="error"]{background:#473b29;color:#f3d9a4;border-color:#d2ac63}
html[data-theme="dark"] .reading-reward:disabled{background:#354239;color:#d3ddce}
@media(max-width:600px){.reading-sync-status{font-size:13px;padding:10px}.reading-saved-flash{bottom:95px;font-size:14px;padding:12px 16px}}

/* The old read landing is retired; full article dialogs remain available. */
html body #reader[data-retired-reader-home]{display:none!important}