:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#263d34;background:#fbfaf7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green: #234b3b;--ink: #263d34;--muted: #7b8278;--line: #e5e6de;--paper: #fbfaf7;--serif: Georgia, "Times New Roman", serif;--sidebar: 310px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:default}button{border:0;background:none}a{color:inherit;text-decoration:none}button,a,input,select,summary{outline-offset:4px}:focus-visible{outline:2px solid #8b6748}h1,h2,h3,p{margin:0}svg{flex-shrink:0}::selection{background:#dae7ce}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s;flex-shrink:0}.icon-button:hover{background:#e9eee4}.text-button{color:var(--green);text-decoration:underline;text-underline-offset:4px;padding:12px}.wordmark{display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:-.5px}.wordmark b{font-weight:600}.wordmark b span,.library-brand b span{font-family:var(--serif);font-weight:400}.brand-symbol{width:38px;height:38px;background:var(--green);color:#f2f4e9;display:flex;align-items:center;justify-content:center;border-radius:9px 9px 9px 3px}.login-page{min-height:100svh;display:grid;grid-template-columns:1.05fr 1fr}.login-story{background:#e9ebdf;padding:38px 54px 25px;position:relative;overflow:hidden;display:flex;flex-direction:column}.login-story-copy{margin:auto;padding:60px 0 30px;width:min(100%,460px)}.login-story-copy>.eyebrow{color:#75806a;font-size:9px}.login-story-copy>h1{font-weight:500;font-size:clamp(28px,2.6vw,40px);letter-spacing:1px;line-height:1.5;margin:15px 0 16px}.login-story-copy>p{color:#73806e;font-size:13px;line-height:1.9}.book-object{position:relative;display:flex;width:260px;height:326px;margin:36px auto 38px;transform:rotate(-8deg);box-shadow:14px 18px 26px #33432a22,2px 3px 4px #33432a25;border-radius:3px 8px 8px 3px}.book-object:after{content:"";position:absolute;bottom:-4px;left:23px;right:4px;height:6px;background:repeating-linear-gradient(#d7d8c4 0 1px,#f1eedc 1px 2px);border-radius:0 0 5px 2px;z-index:-1}.book-spine{background:#1d3f30;width:23px;color:#c0c6ac;writing-mode:vertical-rl;transform:rotate(180deg);font-size:7px;letter-spacing:1.5px;padding:21px 7px;border-radius:0 0 0 3px}.book-cover{padding:22px 22px 20px;flex:1;color:#e9ecd6;background:#2b5140;border-radius:0 6px 6px 0;border-left:1px solid #73907740;box-shadow:inset -4px 0 10px #13261d22}.book-cover-top{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1.4px;padding-bottom:20px;border-bottom:1px solid #c4cfac55}.book-cover h2{font-family:var(--serif);font-weight:400;font-size:43px;letter-spacing:-2px;line-height:1.07;margin:27px 0 15px}.book-cover h2 span{color:#adba86}.book-cover i{font-family:var(--serif);font-size:15px;color:#c4cba9}.book-cover-bottom{display:flex;justify-content:space-between;align-items:end;padding-top:25px;margin-top:22px;border-top:1px solid #c4cfac55}.book-cover-bottom span{font-size:8px;line-height:1.5;letter-spacing:.5px}.collection-facts{display:flex;justify-content:center;gap:18px;align-items:center;font-size:10px;color:#74806c;white-space:nowrap}.collection-facts b{font-family:var(--serif);font-size:15px;font-weight:400;color:#354d36;margin-right:4px}.collection-facts i{height:12px;width:1px;background:#c9ccbb}.login-story-footer{font-family:var(--serif);font-size:11px;font-style:italic;color:#829078}.login-form-area{display:flex;align-items:center;justify-content:center;padding:100px 50px;position:relative}.login-form-inner{width:min(100%,350px)}.login-eyebrow{display:flex;align-items:center;gap:8px;color:#7e8877;font-size:10px;letter-spacing:2px;margin-bottom:27px}.login-form-inner>h2{font-family:var(--serif);font-size:clamp(33px,3vw,43px);font-weight:400;letter-spacing:-1.6px;line-height:1.2}.login-form-inner>h2 em{font-weight:400;color:#648266}.login-introduction{font-size:13px;color:#858b80;margin:20px 0 35px}.login-form-inner label{font-size:12px;display:block;margin:22px 0;color:#667061}.login-form-inner input{display:block;width:100%;height:49px;border:1px solid #dadfd2;border-radius:5px;padding:0 14px;margin-top:9px;background:#fffefb;font-size:14px;color:var(--ink)}.login-form-inner input:focus{outline:2px solid #68846260;border-color:#688462}input::placeholder{color:#9fa496}.login-button{height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;width:100%;background:var(--green);color:#fffef5;font-size:13px;border-radius:5px;margin-top:27px;transition:background .2s}.login-button:hover{background:#396348}.form-error{color:#985443;font-size:12px;line-height:1.6}.login-local-note{display:flex;align-items:center;gap:12px;margin-top:29px;color:#839077}.login-local-note>span{background:#eef0e7;height:34px;width:34px;border-radius:50%;display:grid;place-items:center}.login-local-note p{font-size:11px;line-height:1.8}.login-local-note small{font-size:10px;color:#969b8b}.login-form-footer{position:absolute;bottom:25px;left:45px;right:45px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.2px;color:#929788}.login-form-footer span:last-child{font-family:var(--serif);font-style:italic;font-size:11px;letter-spacing:0}.desktop-library{position:fixed;width:var(--sidebar);height:100dvh;border-right:1px solid var(--line);background:#f0f1e9}.library{height:100%;display:flex;flex-direction:column;padding:29px 22px 20px}.library-brand{display:flex;gap:10px;align-items:center}.library-brand b{font-size:19px;font-weight:600;letter-spacing:-.4px}.library-brand small{display:block;color:#8c9483;font-size:6px;margin-top:5px;letter-spacing:1.6px}.library-intro{margin:31px 0 25px}.library-intro .eyebrow{font-size:8px;letter-spacing:1.4px;color:#8b957c}.library-intro p{margin-top:12px;font-size:19px;line-height:1.6;letter-spacing:.5px}.library-search{display:flex;align-items:center;gap:7px;border:1px solid #dfe2d5;background:#fbfcf6;border-radius:5px;height:40px;padding:0 11px;flex-shrink:0;color:#8d9781}.library-search input{background:none;border:0;width:100%;min-width:0;font-size:11px;height:100%;color:var(--ink)}.library-search:focus-within{outline:2px solid #83907680}.library-search input:focus{outline:none}.search-key{display:none}.route-tabs{display:flex;gap:18px;border-bottom:1px solid #dce0d2;margin:16px 0 12px;flex-shrink:0}.route-tabs button{padding:12px 0 11px;font-size:11px;color:#89917f;position:relative;white-space:nowrap}.route-tabs .selected{color:#284834;font-weight:600}.route-tabs .selected:after{position:absolute;content:"";height:2px;background:#33583a;bottom:-1px;left:0;right:0}.module-select{position:relative;flex-shrink:0}.module-select select{background:transparent;width:100%;border:0;padding:10px 24px 10px 0;color:#67755e;font-size:11px;appearance:none;cursor:pointer}.module-select svg{position:absolute;right:3px;top:12px;pointer-events:none}.list-caption{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#969d8c;margin:13px 0 12px}.list-caption span:last-child{display:flex;align-items:center;gap:3px}.article-list{overflow-y:auto;flex:1;margin:0 -11px;padding:0 5px;scrollbar-width:thin;scrollbar-color:#cdd3c1 transparent;min-height:0;overscroll-behavior:contain}.article-row{width:100%;text-align:left;padding:14px 12px;border-radius:5px;display:block;margin-bottom:4px;transition:background .15s;border-left:2px solid transparent}.article-row:hover{background:#e8ecdf}.article-row.active{background:#e0e8d7;border-left-color:#557249}.row-meta{display:flex;justify-content:space-between;font-size:8px;color:#87917a;font-variant-numeric:tabular-nums;margin-bottom:7px;letter-spacing:.5px}.row-meta span:last-child{display:flex;gap:5px;align-items:center}.article-row strong{font-family:var(--serif);font-size:14px;font-weight:400;line-height:1.4;display:block}.row-translation{display:block;font-size:9px;color:#8a957e;margin-top:6px;line-height:1.6}.library-progress{padding-top:18px;margin-top:16px;border-top:1px solid #d9dfcc}.library-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7e8a70}.library-progress b{font-family:var(--serif);font-size:17px;font-weight:400;color:#4e6a43}.library-progress b span{font-family:sans-serif;font-size:9px;color:#919a84}.progress-track{height:3px;background:#dce3d1;border-radius:3px;margin:10px 0;overflow:hidden}.progress-track i{display:block;height:100%;background:#597b49}.library-progress>small{font-size:8px;color:#959c89}.empty-list{text-align:center;padding:50px 20px;color:#8a957b}.empty-list p{font-size:12px;line-height:1.9;margin-top:15px}.reading-column{margin-left:var(--sidebar);min-height:100svh}.reading-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 45px;position:sticky;top:0;z-index:10;background:#fbfaf7ed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #e8e8e05c}.header-mantra{font-size:8px;letter-spacing:2.3px;color:#999c8c}.header-right{display:flex;align-items:center;gap:19px}.local-progress-label{display:flex;gap:6px;align-items:center;font-size:9px;color:#959b87}.local-dot{height:4px;width:4px;border-radius:50%;background:#8eaa69}.open-library,.mobile-wordmark{display:none}.reading-main{width:min(100%,850px);margin:auto;padding:39px 58px 165px;transition:opacity .15s}.reading-main.is-loading{opacity:.45;pointer-events:none}.article-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.module-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;color:#869177;letter-spacing:.8px}.module-eyebrow i{height:1px;width:18px;background:#b7beaa}.reading-tools{display:flex;align-items:center;gap:3px}.reading-tools .icon-button{width:34px;height:34px;color:#869077}.translation-switch{display:flex;align-items:center;gap:8px;padding:9px 7px;font-size:10px;color:#879077}.translation-switch i{display:block;width:26px;height:15px;background:#dbe0d2;border-radius:10px;padding:3px;transition:background .2s}.translation-switch b{display:block;width:9px;height:9px;background:#fff;border-radius:50%;transition:transform .2s}.translation-switch.on i{background:#4d7045}.translation-switch.on b{transform:translate(11px)}.favorite-button.selected{color:#6c823f}.font-anchor{position:relative}.font-popover{position:absolute;z-index:15;right:-20px;top:43px;width:190px;background:#fffef9;border:1px solid var(--line);box-shadow:0 8px 22px #253b2410;border-radius:8px;padding:7px;display:flex}.font-popover button{flex:1;padding:13px 0;font-size:11px;border-radius:4px}.font-popover .selected{background:#e9efdf}.chapter-kicker{margin-top:47px;display:flex;align-items:center;gap:16px;font-size:8px;letter-spacing:1.8px;color:#899279}.core-badge{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:.5px;color:#9a8a64}.core-badge>span{width:4px;height:4px;border-radius:50%;background:#b6a271}#article-title{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.2vw,48px);letter-spacing:-1.8px;line-height:1.13;margin:19px 0 20px;max-width:650px}#article-title:focus{outline:none}.article-zh-title{font-size:17px;color:#7d8a73;margin:-6px 0 22px;font-weight:400}.article-metadata{display:flex;align-items:center;gap:17px;font-size:9px;color:#929a85}.article-metadata span{display:flex;align-items:center;gap:5px}.article-metadata>span+span{border-left:1px solid #dce1d2;padding-left:17px}.scenario-note{display:flex;gap:18px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0 42px;align-items:baseline}.scenario-note>span{color:#7f8b6d;font-size:10px;flex-shrink:0}.scenario-note>p{font-size:11px;color:#87907d;line-height:1.9}.text-section-label{display:flex;align-items:center;gap:12px;margin-bottom:32px;font-size:7px;letter-spacing:1.7px;color:#959b8b}.text-section-label i{height:1px;width:25px;background:#d6dccc}.text-section-label span:last-child{font-size:9px;letter-spacing:0}.article-body{padding-left:28px}.reading-paragraph{position:relative;margin:0 0 32px;scroll-margin-top:110px;padding:6px 0}.reading-paragraph:before{content:"";position:absolute;inset:-7px -18px -7px -19px;background:transparent;border-radius:0 5px 5px 0;border-left:2px solid transparent;transition:background .4s,border-color .4s;pointer-events:none;z-index:-1}.reading-paragraph.is-active:before{background:#edf0e5;border-color:#7b9566}.reading-paragraph.is-active{isolation:isolate}.paragraph-number{position:absolute;left:-28px;top:12px;font-family:var(--serif);font-size:9px;color:#a4aa99}.reading-paragraph.is-active .paragraph-number{color:#63824e}.english-paragraph{font-family:var(--serif);font-size:var(--reading-size, 19px);line-height:1.85;color:#3c483b}.chinese-paragraph{font-size:calc(var(--reading-size, 19px) * .73);line-height:1.95;color:#707b68;margin-top:15px}.practice-section{border-top:1px solid var(--line);padding-top:30px;margin-top:43px}.section-heading .eyebrow{font-size:7px;color:#959b88;letter-spacing:1.7px}.section-heading h2{font-family:var(--serif);font-size:26px;font-weight:400;letter-spacing:-.5px;margin-top:10px;display:flex;align-items:baseline;gap:15px}.section-heading h2 span{font-family:sans-serif;font-size:10px;color:#909780;letter-spacing:.5px}.expression-list{margin-top:22px}.expression-list>div{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid #e8e9e0}.expression-list>div:last-child{border:0}.expression-list>div>span{font-family:var(--serif);font-size:9px;color:#a0a78f;padding-top:6px}.expression-list>div>div>p:first-child{font-family:var(--serif);font-size:17px;line-height:1.6}.expression-list .chinese-paragraph{margin-top:7px;font-size:12px}.question-pair{margin-top:27px}.question-text{display:flex;gap:12px;align-items:baseline}.question-text>span{font-size:9px;color:#7f916e;font-weight:600}.question-text h3{font-family:var(--serif);font-size:19px;font-weight:400;line-height:1.5}.question-text .chinese-paragraph{margin-top:8px;font-size:12px}.answer-text{margin:13px 0 0 27px;padding-left:16px;border-left:2px solid #e3e7d9}.answer-text>p:first-child{font-family:var(--serif);font-size:16px;line-height:1.8;color:#6f7a64}.answer-text .chinese-paragraph{margin-top:10px;font-size:12px}.implementation-notes{margin:40px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:#89927b}.implementation-notes summary{padding:17px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.implementation-notes summary::-webkit-details-marker{display:none}.implementation-notes[open] summary svg{transform:rotate(180deg)}.implementation-notes p{line-height:1.9;margin:0 0 16px}.implementation-notes a{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:10px;overflow-wrap:anywhere}.implementation-notes a:last-child{margin-bottom:18px}.implementation-notes a:hover{text-decoration:underline}.article-complete{display:flex;justify-content:space-between;align-items:center;gap:12px}.article-complete button{display:flex;align-items:center;gap:7px;font-size:11px;color:#7d8b6c;padding:10px 0}.article-complete button.complete{color:#426d40}.article-complete>span{font-size:9px;color:#a0a590}.article-pagination{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:33px;padding-top:22px;border-top:1px solid var(--line)}.article-pagination button{display:flex;align-items:center;gap:10px;padding:5px 0;text-align:left;min-width:0}.article-pagination button:last-child{justify-content:end;text-align:right}.article-pagination button>div{min-width:0}.article-pagination small{font-size:9px;color:#959b87}.article-pagination span{display:block;font-family:var(--serif);font-size:14px;line-height:1.5;margin-top:5px}.reading-footer{margin-top:46px;display:flex;justify-content:space-between;font-size:7px;color:#a5aa98;letter-spacing:.4px}.reading-footer span:last-child{font-family:var(--serif);font-style:italic;font-size:10px}.loading-article{text-align:center;padding:150px 0;color:#859373}.loading-article p{font-size:14px;margin-top:20px}.player{position:fixed;bottom:0;left:var(--sidebar);right:0;padding-bottom:env(safe-area-inset-bottom);background:#fafbf4f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid #dfe4d4;z-index:20}.player-inner{display:flex;align-items:center;gap:26px;padding:15px 28px 16px;max-width:1280px;margin:auto}.now-playing{width:200px;display:flex;gap:12px;align-items:center;min-width:0}.now-playing-icon{width:38px;height:45px;border-radius:4px 9px 9px 4px;background:#e4ead8;display:grid;place-items:center;color:#648256;flex-shrink:0;border-left:3px solid #cad6b9}.now-playing>div{min-width:0}.now-playing .eyebrow{font-size:7px;color:#7e8e6d;letter-spacing:.8px;display:block}.now-tag{margin-left:7px;color:#a0a78f;font-size:7px;letter-spacing:0}.now-playing strong{display:block;font-family:var(--serif);font-weight:400;font-size:12px;line-height:1.5;margin-top:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-main{flex:1;max-width:420px;min-width:0}.seek-row{display:flex;gap:12px;align-items:center}.seek-row>span{font-size:8px;color:#99a087;font-variant-numeric:tabular-nums;width:26px}.seek-row>span:last-child{text-align:right}.seek-row input{appearance:none;height:16px;background:transparent;margin:0;flex:1;min-width:0;cursor:pointer}.seek-row input::-webkit-slider-runnable-track{height:3px;border-radius:5px;background:linear-gradient(to right,#658451 var(--progress),#dce4d0 var(--progress))}.seek-row input::-moz-range-track{height:3px;border-radius:5px;background:#dce4d0}.seek-row input::-moz-range-progress{background:#658451;height:3px}.seek-row input::-webkit-slider-thumb{appearance:none;background:#66834f;width:9px;height:9px;border-radius:50%;margin-top:-3px;border:2px solid #f2f5e8;box-shadow:0 0 0 1px #66834f}.seek-row input::-moz-range-thumb{background:#66834f;width:7px;height:7px;border-radius:50%;border:2px solid #f2f5e8}.player-controls{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:6px}.player-controls .icon-button{width:32px;height:34px;color:#849474}.play-button{height:40px;width:40px;background:var(--green);color:#fbfcee;border-radius:50%;display:grid;place-items:center;margin:0 5px}.play-button svg{stroke-width:1px;width:17px}.play-button:hover{background:#456a43}.skip-ten{position:relative}.skip-ten span{position:absolute;font-size:7px;top:14px}.speed-button{display:flex;align-items:center;gap:1px;height:34px;padding:0 6px;font-size:11px;color:#7b8c69;font-variant-numeric:tabular-nums}.speed-button span{font-size:10px;margin-right:5px}.player-popover-anchor{position:relative}.speed-popover,.options-popover{position:absolute;bottom:50px;right:-40px;background:#fffef8;border:1px solid #dde2d3;border-radius:9px;box-shadow:0 8px 40px #263d3418;padding:17px;width:294px;z-index:22}.popover-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:13px}.popover-heading>div{display:flex;gap:8px;align-items:center}.popover-heading button{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f0f3e8}.popover-heading strong{font-size:10px;font-weight:500;width:31px;text-align:center}.speed-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.speed-grid button{font-size:11px;padding:13px 0;border-radius:5px;background:#f2f4eb;color:#859174}.speed-grid button:hover{background:#e4ebd7}.speed-grid button.selected{background:#3a5b3b;color:#fcfced}.speed-popover>p{font-size:9px;color:#a0a68f;margin-top:13px}.options-popover{width:245px;right:0;padding:10px}.options-popover>button,.options-popover>a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 8px;font-size:11px;border-radius:4px}.options-popover>button:hover,.options-popover>a:hover{background:#edf1e3}.options-popover>a{border-top:1px solid var(--line);margin-top:4px;color:#89987c}.player-aside{margin-left:auto;font-size:8px;color:#8d9b7a;white-space:nowrap}.player-aside small{font-size:7px;color:#a3ad94;display:block;padding-left:11px;margin-top:8px}.live-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#b2bba4;margin-right:6px}.live-dot.on{background:#698c4d;box-shadow:0 0 0 3px #69954d12}.return-to-reading{position:fixed;bottom:calc(115px + env(safe-area-inset-bottom));left:calc(50% + var(--sidebar) / 2);transform:translate(-50%);background:var(--green);color:#fafbef;box-shadow:0 3px 16px #234b3b25;border:1px solid #57704d;border-radius:24px;padding:13px 17px;display:flex;gap:9px;align-items:center;z-index:21;font-size:11px;white-space:nowrap}.reload-audio{position:fixed;bottom:112px;right:25px;z-index:21;font-size:11px;background:var(--paper);border-radius:6px}.library-drawer{border:0;padding:0;background:#f0f1e9;color:var(--ink);width:min(440px,100%);max-width:100%;height:90dvh;max-height:90dvh;margin:auto auto 0;border-radius:17px 17px 0 0;box-shadow:0 -10px 40px #182b2920}.library-drawer::backdrop{background:#172d2470;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.library-drawer .library{height:calc(100% - 67px - env(safe-area-inset-bottom));padding:23px 26px 17px}.library-drawer .library-intro{display:none}.library-drawer .library-search{margin-top:23px}.drawer-close{margin-left:auto}.drawer-player{border-top:1px solid #d9e0ce;padding:11px 23px calc(11px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:15px}.drawer-player>span{font-family:var(--serif);font-size:15px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-player .icon-button{background:#254b39;color:#f5f8e9}.notice-toast{position:fixed;left:50%;top:18px;transform:translate(-50%);z-index:40;background:#2b4739;color:#f3f5e9;border-radius:7px;box-shadow:0 4px 20px #1f3b3020;padding:15px 22px;font-size:12px;max-width:calc(100% - 32px);line-height:1.7;width:max-content}.toast-enter-active,.toast-leave-active{transition:opacity .2s,top .2s}.toast-enter-from,.toast-leave-to{opacity:0;top:5px}@media(min-width:1600px){:root{--sidebar: 340px}.library{padding-left:28px;padding-right:28px}.reading-main{padding-top:65px}.player-inner{gap:40px}.player-main{max-width:500px}.now-playing{width:250px}}@media(max-width:1199px){:root{--sidebar: 280px}.library{padding-left:19px;padding-right:19px}.reading-main{padding-left:44px;padding-right:40px}.reading-header{padding:0 30px}.player-aside{display:none}.player-inner{gap:20px}.now-playing{width:160px}}@media(max-width:920px){:root{--sidebar: 0px}.desktop-library{display:none}.open-library,.mobile-wordmark{display:inline-flex}.mobile-wordmark{margin-right:auto;margin-left:10px;font-size:17px}.header-mantra{display:none}.reading-main{max-width:790px;padding:32px 50px 165px}.reading-header{height:63px;padding:0 20px}#article-title{font-size:43px}.player-inner{max-width:750px}.player-main{max-width:none}.now-playing{width:190px}.return-to-reading{bottom:calc(112px + env(safe-area-inset-bottom))}.login-story{padding:32px}.login-form-area{padding:90px 35px}.login-story-copy>h1{font-size:28px}.book-object{width:220px;height:292px}.book-cover h2{font-size:38px}.book-cover{padding:18px}.book-cover-top{font-size:5px}.book-cover-bottom{padding-top:18px}.collection-facts{gap:9px;font-size:8px}.collection-facts b{font-size:12px}.login-form-footer{left:30px;right:30px}.login-form-footer span:last-child{display:none}}@media(max-width:600px){.login-page{display:block;background:var(--paper)}.login-story{background:#e9ebdf;padding:22px 25px 25px;display:block}.login-story>.wordmark{font-size:18px;gap:9px}.login-story .brand-symbol{width:32px;height:32px}.login-story-copy{margin:0;padding:27px 0 0;position:relative}.login-story-copy>.eyebrow{font-size:6px;letter-spacing:1.1px}.login-story-copy>h1{font-size:23px;line-height:1.45;margin:10px 0 12px}.login-story-copy>p{font-size:10px;line-height:1.9}.book-object{position:absolute;width:105px;height:141px;top:13px;right:2px;margin:0;transform:rotate(9deg);box-shadow:6px 7px 12px #33432a25}.book-spine{width:9px;font-size:3px;padding:8px 3px}.book-cover{padding:10px 9px;border-radius:0 3px 3px 0}.book-cover-top{font-size:2.5px;letter-spacing:.3px;padding-bottom:9px}.book-cover h2{font-size:20px;letter-spacing:-.8px;margin:13px 0 8px}.book-cover i{font-size:7px}.book-cover-bottom{margin-top:10px;padding-top:8px}.book-cover-bottom svg{width:15px;height:15px}.book-cover-bottom span{font-size:3px;letter-spacing:.2px}.book-object:after{left:9px;bottom:-2px;height:3px}.collection-facts{justify-content:start;gap:13px;margin-top:25px;font-size:8px}.collection-facts b{font-size:12px}.login-story-footer{display:none}.login-form-area{padding:34px 28px 75px;min-height:calc(100svh - 290px)}.login-form-inner{width:100%;max-width:400px}.login-eyebrow{font-size:8px;margin-bottom:13px}.login-form-inner>h2{font-size:30px;letter-spacing:-1px}.login-introduction{margin:14px 0 24px;font-size:11px}.login-form-inner label{font-size:11px;margin:18px 0}.login-form-inner input{font-size:16px;height:47px;margin-top:7px}.login-button{margin-top:21px;height:48px;font-size:12px}.login-local-note{margin-top:21px}.login-local-note p{font-size:10px}.login-form-footer{bottom:22px;font-size:6px;letter-spacing:1.2px;left:28px}.reading-header{height:60px;padding:0 15px 0 8px}.reading-header .icon-button{width:44px;height:44px}.mobile-wordmark{font-size:16px;gap:7px;margin-left:5px}.local-progress-label{display:none}.header-right{gap:0}.reading-main{padding:23px 24px calc(210px + env(safe-area-inset-bottom))}.reading-tools{gap:1px}.reading-tools .icon-button{width:40px;height:44px}.translation-switch{min-height:44px;padding-left:0;padding-right:4px;font-size:9px;gap:6px}.module-eyebrow{font-size:8px;gap:6px;letter-spacing:0;max-width:42%;line-height:1.7}.module-eyebrow i{width:9px;flex-shrink:0}.chapter-kicker{margin-top:26px;font-size:7px;gap:10px;letter-spacing:1.5px}.core-badge{font-size:7px}#article-title{font-size:35px;line-height:1.13;letter-spacing:-1.3px;margin-top:16px;margin-bottom:18px}.article-zh-title{font-size:15px;margin-bottom:20px}.article-metadata{gap:10px;font-size:8px}.article-metadata>span+span{padding-left:10px}.scenario-note{gap:12px;margin:23px 0 29px;padding:15px 0}.scenario-note>span{font-size:9px}.scenario-note>p{font-size:10px}.text-section-label{gap:9px;margin-bottom:24px;letter-spacing:1.2px}.text-section-label span:last-child{font-size:8px}.article-body{padding-left:19px}.paragraph-number{left:-21px;font-size:8px;top:13px}.english-paragraph{line-height:1.85}.reading-paragraph{margin-bottom:26px}.reading-paragraph:before{inset:-5px -10px -5px -12px}.chinese-paragraph{font-size:calc(var(--reading-size, 19px) * .74);line-height:1.95;margin-top:15px}.section-heading h2{font-size:23px;gap:9px}.section-heading h2 span{font-size:9px}.practice-section{padding-top:26px;margin-top:35px}.expression-list>div{gap:12px}.expression-list>div>div>p:first-child{font-size:17px}.question-text h3{font-size:18px}.answer-text>p:first-child{font-size:16px}.implementation-notes summary{padding:19px 0}.article-complete>span{font-size:8px;line-height:1.7;max-width:43%;text-align:right}.article-complete button{min-height:44px;font-size:10px}.article-pagination{gap:17px}.article-pagination span{font-size:13px}.reading-footer{font-size:6px}.reading-footer span:last-child{font-size:8px}.player-inner{display:block;padding:13px 22px}.now-playing{width:100%;gap:8px;padding:0 0 5px}.now-playing-icon{height:24px;width:22px;border-left-width:2px;border-radius:2px 4px 4px 2px}.now-playing-icon svg{width:12px}.now-playing>div{display:flex;align-items:center;gap:8px;min-width:0}.now-playing strong{font-size:11px;margin:0}.now-playing .eyebrow{font-size:7px;flex-shrink:0}.now-tag{display:none}.seek-row{gap:10px;padding:0 1px}.seek-row input{height:22px}.seek-row>span{font-size:8px}.player-controls{justify-content:space-between;gap:0;margin-top:5px}.player-controls .icon-button{width:38px;height:44px}.play-button{width:46px;height:46px;margin:0 2px}.play-button svg{width:19px}.skip-ten span{top:19px}.speed-button{font-size:11px;height:44px;padding:0 4px}.speed-button span{margin-right:1px}.speed-button svg{width:9px}.player-controls .options-button{width:32px}.speed-popover{right:-33px;bottom:59px;width:min(294px,calc(100vw - 40px))}.options-popover{bottom:59px;right:-2px}.speed-grid button{min-height:44px}.popover-heading button{width:36px;height:36px}.return-to-reading{bottom:calc(161px + env(safe-area-inset-bottom));font-size:10px;padding:13px 16px}.reload-audio{bottom:calc(158px + env(safe-area-inset-bottom));right:20px;font-size:10px}.library-drawer .library{padding:23px 23px 17px}.library-drawer .route-tabs{gap:22px}.library-drawer .route-tabs button{font-size:12px}.library-drawer .library-search{height:45px}.library-drawer .library-search input{font-size:13px}.library-drawer .module-select select{padding-top:13px;padding-bottom:13px;font-size:12px}.library-drawer .module-select svg{top:16px}.library-drawer .article-row{padding-top:16px;padding-bottom:16px}.library-drawer .article-row strong{font-size:16px}.library-drawer .row-translation{font-size:10px}.library-drawer .library-progress{padding-top:13px;margin-top:10px}.notice-toast{top:12px;font-size:11px;padding:13px 16px}}@media(max-width:359px){.reading-main{padding-left:19px;padding-right:19px}.player-inner{padding-left:14px;padding-right:14px}.login-story-copy>h1{font-size:21px}.book-object{right:-9px;width:90px;height:130px}.book-cover h2{font-size:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}