/* Mobile website: clear destinations, one curriculum position, two study actions. */
.study-lesson-title h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.study-lesson-title{justify-content:flex-end;margin:4px 0!important}.study-lesson-title>div button{min-height:32px;font-size:12px}
:root{--arena-header-height:0px;--learning-reading-size:20px;--bx-font:"Banxuepaw Sans","PingFang SC","Noto Sans SC","Microsoft YaHei UI",system-ui,sans-serif}
body{font-synthesis:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}h1,h2,h3,h4{font-weight:700}.chinese-character-grid strong{font-family:var(--bx-font)!important}
.home-daily-quote{padding:0;margin:2px 0 12px}.home-daily-quote p{margin:0;font-size:14px;line-height:1.6;color:#303745}.home-daily-quote small{font-size:11px;color:#7b8492}.daily-welcome-modal{max-width:400px;border-radius:16px}.daily-welcome-modal .modal-head h2{font-size:13px;color:#7b8492;font-weight:400}.daily-welcome{text-align:center;padding:4px 8px 12px;animation:welcome-card .45s ease-out}.daily-welcome>img{display:block;width:160px;height:160px;object-fit:contain;margin:8px auto 18px;animation:welcome-cat 1.55s ease-out}.daily-welcome h2{font-size:22px;line-height:1.5;margin:8px 0}.daily-welcome h3{font-size:20px;font-weight:600;margin:0}.daily-welcome p{font-size:14px;color:#687180;line-height:1.7;margin:18px 0 24px}.daily-welcome-skip{display:block;margin-left:auto;font-size:12px}
@keyframes welcome-card{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes welcome-cat{0%{transform:translateY(24px) rotate(-7deg)}29%{transform:translateY(-7px) rotate(5deg)}52%{transform:translateY(0) rotate(-3deg)}77%{transform:translateY(-3px) rotate(0)}100%{transform:translateY(0) rotate(0)}}
.site-nav-modal{width:min(420px,100%);padding:18px 20px 12px;border-radius:16px;max-height:calc(100dvh - 24px)}
.site-nav-modal .modal-head{margin-bottom:10px}.site-nav-modal .modal-head h2{font-size:18px}.site-nav-sheet{display:grid;gap:18px}.nav-greeting{color:#687180;font-size:13px;margin:0}.site-nav-sheet section h3{font-size:12px;color:#687180;font-weight:500;margin:0 0 8px}.nav-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nav-feature{min-height:72px;background:#f5f6f8;border:0;border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:10px;text-align:left;min-width:0}.nav-feature-icon{color:#2563eb;display:flex;flex:none}.nav-feature strong{font-size:14px;line-height:1.5;font-weight:600}.nav-feature .icon{width:23px;height:23px}.nav-resume{display:flex;justify-content:space-between;align-items:center;border:1px solid #dde6f4;background:#f0f5ff;border-radius:10px;padding:11px 13px;min-height:58px;text-align:left}.nav-resume span{min-width:0}.nav-resume strong,.nav-resume small{display:block}.nav-resume strong{font-size:14px;color:#2563eb}.nav-resume small{font-size:12px;color:#687180;margin-top:3px}.nav-record{display:flex;gap:10px;align-items:center;min-height:46px;width:100%;padding:10px 0;background:transparent;border:0;border-bottom:1px solid #edf0f4;border-radius:0;text-align:left;color:#20242c}.nav-record span{flex:1;font-size:14px}.nav-record>.icon{color:#8993a3}.nav-account{display:flex;flex-wrap:wrap;gap:16px}.nav-account button{background:transparent;border:0;padding:0;min-height:32px;color:#687180;font-size:12px}.nav-footer{display:flex;justify-content:space-between;border-top:1px solid #e5e8ee;padding-top:8px;gap:12px}.nav-footer button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;background:transparent;border:0;min-height:44px;font-size:13px;color:#687180}
.web-menu-trigger{display:flex;align-items:center;gap:5px!important;color:#2563eb!important;background:#f0f5ff!important;border:1px solid #d7e3fb!important;border-radius:10px!important;min-height:40px!important;padding:7px 10px!important}.web-menu-trigger .icon{width:22px;height:22px}.web-menu-trigger span{font-size:12px;font-weight:600}
@media(max-width:1023px){:root{--arena-header-height:48px}.web-header{height:48px;padding:4px 14px}.web-brand{font-size:16px;min-height:40px}.web-brand img{width:25px;height:25px}.web-header nav{gap:6px}.web-header nav>button{min-height:40px;min-width:40px}.web-header nav>button:not(.web-menu-trigger){font-size:12px;padding:6px}.ebook-toolbar{top:48px}.study-title h1{font-size:18px}.study-title{margin-bottom:8px}.study-title>div button{font-size:12px;padding:6px 8px}.study-context-bar{font-size:12px}.page{padding-top:14px}.site-nav-modal{margin:0;width:100%;max-width:440px;max-height:calc(100dvh - 12px);padding:16px 18px 10px}.site-nav-modal .modal-head{position:sticky;top:0;background:white;z-index:1}.modal-backdrop:has(.site-nav-modal){align-items:flex-end;padding:6px}.site-nav-sheet{gap:14px}.nav-feature{min-height:66px;padding:10px 12px}.nav-record{min-height:44px}.nav-footer{position:sticky;bottom:-10px;background:white;padding-bottom:6px}}
@media(max-width:360px){.site-nav-modal{padding-left:14px;padding-right:14px}.nav-feature-grid{gap:8px}.nav-feature{min-height:60px;gap:8px;padding:9px}.nav-feature strong{font-size:13px}.nav-feature .icon{width:21px;height:21px}.site-nav-sheet{gap:12px}.nav-account{gap:14px}}
@media(min-width:651px) and (max-width:1023px){.site-nav-modal{max-width:480px}.modal-backdrop:has(.site-nav-modal){align-items:center}.nav-feature{min-height:76px}.nav-record{min-height:48px}}
@media(prefers-reduced-motion:reduce){.site-nav-modal,.nav-feature{animation:none!important;transition:none!important}}
@media(max-width:1023px){.web-home{gap:12px}.web-tools{gap:8px!important}.web-tool,.web-tool.major{min-height:58px!important;padding:9px 12px!important;display:grid!important;grid-template-columns:24px 1fr;align-content:center;align-items:center;column-gap:8px;row-gap:0;text-align:left}.web-tool>.icon{width:23px!important;height:23px!important;grid-row:1/3;margin:0!important}.web-tool strong{font-size:14px!important;line-height:1.5}.web-tool small{font-size:10px!important;line-height:1.4}.web-greeting h1{font-size:19px}.web-greeting p{font-size:12px}.web-stats{margin-bottom:0}.web-resume{padding:13px 14px}.web-mybooks{margin-top:12px}.home-daily-quote{margin:0}.daily-welcome-modal{max-height:calc(100dvh - 24px)}}
@media(prefers-reduced-motion:reduce){.daily-welcome,.daily-welcome>img{animation:none!important}}
.chinese-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin-bottom:10px;position:sticky;top:48px;background:white;z-index:4;border-bottom:1px solid #edf0f4}.chinese-toolbar strong{font-size:16px}.chinese-toolbar button{font-size:13px;min-height:44px;padding:6px}.chinese-intro,.chinese-count{font-size:12px;color:#687180;margin:8px 0 12px}.chinese-tabs{display:flex;gap:20px;margin:4px 0 14px;border-bottom:1px solid #edf0f4}.chinese-tabs button{border:0;border-radius:0;padding:8px 3px;min-height:44px;background:none;font-size:16px}.chinese-tabs button.active{color:#2563eb;border-bottom:2px solid #2563eb;font-weight:600}#chinese-search{display:flex;gap:8px}#chinese-search input{min-width:0;flex:1;font-size:14px}#chinese-search button{flex:none}.chinese-character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.chinese-character-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e5e8ee;background:white;border-radius:10px;min-height:86px;padding:8px 4px;overflow:hidden}.chinese-character-grid strong{font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-size:32px;font-weight:500;line-height:1.5}.chinese-character-grid small{font-size:11px;color:#687180;max-width:100%;text-align:center;overflow-wrap:anywhere}.chinese-poem-list{display:grid;gap:0}.chinese-poem-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;min-height:60px;padding:10px 2px;background:none;border:0;border-radius:0;border-bottom:1px solid #edf0f4}.chinese-poem-list strong{font-size:16px;font-weight:600}.chinese-poem-list small{font-size:12px;color:#687180}.chinese-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0}.chinese-pagination span{font-size:12px;color:#687180}.chinese-reading{padding:10px 6px 28px;min-width:0;overflow-wrap:anywhere}.chinese-reading>.chat-rich{font-size:var(--chinese-font,22px);line-height:1.9}.chinese-reading .chat-rich h2{font-size:1.2em;line-height:1.6;margin:8px 0 14px}.chinese-sources{margin-top:28px;border-top:1px solid #edf0f4;padding-top:10px;color:#687180}.chinese-sources summary{font-size:13px;min-height:44px;cursor:pointer}.chinese-sources p{font-size:12px;line-height:1.8}.chinese-font-options{display:flex;flex-wrap:wrap;gap:8px}.chinese-font-options button{flex:1;min-height:44px}.chinese-empty{font-size:13px;grid-column:1/-1;padding:20px 0;color:#687180}
@media(min-width:650px){.chinese-home,.chinese-reading{max-width:720px;margin:auto}.chinese-character-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:1024px){.chinese-toolbar{top:0}}
.chinese-reading.is-poem>.chat-rich{width:fit-content;max-width:100%;margin-inline:auto;text-align:left}.chinese-reading.is-poem .chat-rich>h2,.chinese-reading.is-poem .chat-rich>p:first-of-type{text-align:center}.chinese-reading.is-poem .chat-rich>p:not(:first-of-type){text-align:left;line-height:2.1}.chinese-reading.is-poem .chat-rich>p:first-of-type{font-size:.68em;color:#687180;margin-bottom:1.7em}
.chinese-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0;margin:16px 0}.chinese-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:66px;border:1px solid #e5e8ee;border-radius:12px;background:#fff;padding:10px 12px}.chinese-tabs button.active{border:1px solid #a9c5fa;background:#f4f8ff;color:#2563eb}.chinese-tabs img{width:36px;height:36px;flex:none}.chinese-tabs strong{font-size:15px;font-weight:600}.chinese-tabs button:not(.active) img{filter:grayscale(.65);opacity:.75}
@media(max-width:360px){.chinese-tabs{gap:8px}.chinese-tabs button{gap:6px;padding:10px 6px}.chinese-tabs strong{font-size:14px}.chinese-tabs img{width:32px;height:32px}}
.chinese-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.chinese-toolbar>button:first-child{justify-self:start}.chinese-toolbar>button:last-child{justify-self:end}.nav-feature{justify-content:center}.web-stats>div{text-align:center}
body[data-view="chinese"] .page{background:#fff}.chinese-reading.is-poem .chat-rich>p:not(:first-of-type){word-break:normal;overflow-wrap:normal}
@media(max-width:360px){.lesson-fixed-actions button{font-size:13px;padding-inline:10px;gap:5px;white-space:nowrap}.lesson-fixed-actions button .icon{width:17px;height:17px}}

/* Keep authentication feedback visible; no idle explanatory text. */
.auth-message:empty{display:none}.auth-message:not(:empty){display:block;padding:10px 12px;border-radius:8px;font-size:14px;line-height:1.5;color:#8f2730;background:#fff0ef;border:1px solid #f5c8c7;overflow-wrap:anywhere}.auth-message[data-state=success]{color:#225f45;background:#eff8f1;border-color:#cde9d5}.auth-message[data-state=info]{color:#28558a;background:#eff5ff;border-color:#d6e5fb}