.translation-toggle-visual{position:relative;display:inline-block;flex-shrink:0;width:72px;height:40px;border-radius:22px;background:linear-gradient(#e9e2d6,#f1ebe0);box-shadow:inset 0 1.2px 3px #70532e29,inset 0 1px #cdc0a9cc,inset 0 -1px #fffc;vertical-align:middle}.translation-toggle-visual:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(#f8e5b7,#efdaaa 50%,#e8ce99);box-shadow:inset 0 1px #fffbef,inset 0 -1px #cbb079,0 1.5px 3px #70532e24;opacity:0;transition:opacity .16s ease-out}.translation-toggle-knob{position:absolute;top:3px;left:3px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(#fffdf7,#f8f0e1);color:#69441d;box-shadow:inset 0 1px #fff,inset 0 -1px #d8c5a5b3,0 1.3px 3px #61491c2e;transition:transform .16s ease-out}.translation-toggle-visual[data-active=true]:before{opacity:1}.translation-toggle-visual[data-active=true] .translation-toggle-knob{transform:translate(32px)}@media(prefers-reduced-motion:reduce){.translation-toggle-visual:before,.translation-toggle-knob{transition:none}}.modal.settings-modal{width:460px;max-width:100%;padding:0;overflow:hidden;background:#fffaf0;color:#30291f;border:1px solid #d9c9ae;border-radius:22px;box-shadow:0 16px 44px #42311925;display:flex;flex-direction:column;max-height:min(620px,calc(100dvh - 72px))}.settings-modal>.modal-close{top:20px;right:22px;width:44px;height:44px;color:#796650;z-index:1}.settings-modal>.modal-close:hover{background:#eee1c9}.settings-modal>.modal-close:focus-visible{outline:2px solid #825b2e;outline-offset:2px}.settings-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.settings-panel-header{flex-shrink:0;padding:20px 82px 12px 22px;min-height:76px;display:flex;align-items:center}.settings-modal .settings-panel-header h1{font:28px Georgia,serif;letter-spacing:0;margin:0}.settings-panel-content{padding:0 22px 15px;overflow:auto;overscroll-behavior:contain;min-height:0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:84px}.settings-row+.settings-row{border-top:1px solid #dfcfb550}.settings-row-label{min-width:0;font-size:14px;line-height:1.4;font-weight:500;color:#5f4b34}.settings-language-section{padding:10px 0 18px;border-bottom:1px solid #dfcfb580}.settings-reference-section{border-top:1px solid #dfcfb580;border-bottom:0;padding-bottom:6px}.settings-reference-choice{display:flex;align-items:center;gap:7px}.settings-reference-choice>.settings-language-choice{min-width:0}.settings-language-choice{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;border:0;padding:4px 0;background:transparent;color:inherit;cursor:pointer}.settings-language-choice:hover .settings-language-value{color:#69441d}.settings-language-choice:focus-visible{outline:2px solid #825b2e;outline-offset:3px;border-radius:4px}.settings-language-value{display:flex;align-items:center;justify-content:flex-end;gap:7px;max-width:57%;color:#796650;font-size:13px;line-height:1.5;text-align:right;overflow-wrap:anywhere}.settings-language-value svg{flex-shrink:0}.settings-row-help{margin:0;font-size:12px;line-height:1.6;color:#817362}.settings-translation-explainer{padding-top:7px}.settings-translation-preview{display:grid;place-items:center;width:72px;min-height:44px;flex-shrink:0;padding:0;border:0;border-radius:24px;background:transparent;cursor:pointer}.settings-translation-preview:focus-visible{outline:2px solid #825b2e;outline-offset:3px}.settings-account-actions{display:flex;flex-direction:column;gap:10px;padding:16px 0 4px;border-top:1px solid #dfcfb580;font-size:12px;line-height:1.6;color:#796650}.settings-account-actions p{margin:0}.settings-account-actions button{min-height:44px}.settings-position{position:relative;display:grid;grid-template-columns:1fr 1fr;width:152px;padding:4px;gap:2px;flex-shrink:0;border:1px solid #dfcfb570;background:#eee6d7;border-radius:11px}.settings-position-option{position:relative;min-width:0;min-height:60px;padding-top:30px;cursor:pointer}.settings-position-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.settings-position-face{display:flex;align-items:center;justify-content:center;min-height:30px;padding:0 6px;border-radius:7px;font-size:12px;color:#817362;transition:background .16s,box-shadow .16s}.settings-position-option input:checked+.settings-position-face{background:#fffaf0;color:#694b29;box-shadow:0 1px 4px #71522d20;font-weight:600}.settings-position-option input:focus-visible+.settings-position-face{outline:2px solid #825b2e;outline-offset:2px}.settings-position-mini{position:absolute;top:7px;left:10px;right:10px;height:26px;background:#fbf5e8;border:1px solid #d9c9ae;border-radius:14px;pointer-events:none}.settings-position-play{position:absolute;display:grid;place-items:center;top:3px;left:calc(100% - 47px);width:18px;height:18px;border-radius:50%;background:linear-gradient(155deg,#fbebc5,#e8cf96);box-shadow:inset 0 1px #fff8e6,0 1px 2px #85622d38;color:#78532f;z-index:1;transition:left .42s cubic-bezier(.2,.8,.2,1)}.settings-position-tools{position:absolute;inset:0;color:#a78b60}.settings-position-tools>span{position:absolute;top:5px;display:flex;transition:left .42s cubic-bezier(.2,.8,.2,1)}.settings-position-languages{left:7px;width:24px;height:14px}.settings-position-languages>.translation-toggle-visual{position:absolute;top:0;left:0;transform:scale(.32);transform-origin:top left}.settings-position-mic{left:47px}.settings-position-tools>.settings-position-line{left:calc(100% - 20px);top:11px;width:12px;height:2px;border-radius:2px;background:#bead8c}.settings-position-mini[data-side=left] .settings-position-play{left:29px}.settings-position-mini[data-side=left] .settings-position-languages{left:calc(100% - 29px)}.settings-position-mini[data-side=left] .settings-position-mic{left:calc(100% - 61px)}.settings-position-mini[data-side=left] .settings-position-line{left:8px}@media(max-width:650px){.modal-backdrop.settings-backdrop,.reader-app .modal-backdrop.settings-backdrop{top:var(--sheet-viewport-top, 0px);bottom:auto;height:var(--sheet-viewport-height, 100dvh);align-items:flex-end;padding:max(16px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom));backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden}.modal.settings-modal{width:100%;max-width:100%;max-height:min(600px,calc(var(--sheet-viewport-height, 100dvh) - max(16px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom))));border-radius:22px;animation:settings-sheet-in .18s cubic-bezier(.2,.7,.2,1) both}.settings-panel-header{padding:17px 80px 8px 20px;min-height:69px}.settings-modal .settings-panel-header h1{font-size:26px}.settings-modal>.modal-close{top:17px;right:20px}.settings-panel-content{padding:0 20px 14px}.settings-language-section{padding-top:10px;padding-bottom:20px}.settings-reference-section{padding-top:16px;padding-bottom:0}.settings-reference-instruction{display:none}.settings-row{min-height:104px}.settings-language-value{font-size:15px}.settings-row-help{font-size:13px}.settings-row{gap:8px}.settings-row-label{font-size:13px}}@media(prefers-reduced-motion:reduce){.settings-position-play,.settings-position-tools>span,.settings-position-face{transition:none}}.accent-picker .accent-back{margin:0 0 22px;gap:7px}.accent-picker h1{margin-bottom:10px}.accent-intro{color:var(--muted, #84745e);margin:0 0 24px;line-height:1.5}.accent-options{display:grid;gap:8px}.accent-options .language-option{width:100%;min-height:64px}.accent-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--muted, #84745e);margin:10px 0 16px}.modal.language-sheet{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 60px)}.modal.language-sheet>h1,.modal.language-sheet>.language-picker-description,.modal.language-sheet>.search-field,.modal.language-sheet>.accent-back,.modal.language-sheet>.accent-intro{flex-shrink:0}.modal.language-sheet .language-list{min-height:0;overflow-y:auto;overscroll-behavior:contain}@media(max-width:650px){.modal-backdrop.language-sheet-backdrop{top:var(--sheet-viewport-top, 0px);bottom:auto;height:var(--sheet-viewport-height, 100dvh);align-items:flex-end;padding:max(16px,env(safe-area-inset-top)) 0 0;overflow:hidden}.modal.language-sheet{width:100%;max-width:100%;max-height:calc(var(--sheet-viewport-height, 100dvh) - max(16px,env(safe-area-inset-top)));padding:22px 20px calc(14px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;border-bottom:0;animation:settings-sheet-in .18s cubic-bezier(.2,.7,.2,1) both}.modal.language-sheet>.modal-close{top:14px;right:14px;width:44px;height:44px}.modal.language-sheet>h1{font-size:26px;margin:0 46px 16px 0}.modal.language-sheet>.language-picker-description{margin:0 0 14px;font-size:14px;line-height:1.5}.modal.language-sheet .search-field{min-height:46px;margin-bottom:12px}.modal.language-sheet .search-field input{font-size:16px}.modal.language-sheet .language-list{grid-template-columns:minmax(0,1fr);max-height:none;gap:0}.modal.language-sheet .language-option{min-height:64px;padding:12px;border-radius:9px}.modal.language-sheet .language-option>span{font-size:17px;line-height:1.4}.modal.language-sheet .language-option small{font-size:13px;margin-top:2px}.modal.language-sheet .accent-options{min-height:0;overflow-y:auto;overscroll-behavior:contain}}@keyframes settings-sheet-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.modal.settings-modal,.modal.language-sheet{animation:none}}.featured-image-button[data-opening],.book-tile[data-opening] .book-tile-image{outline:2px solid #b79050;outline-offset:3px}.featured-image-button[data-opening]>img,.book-tile[data-opening] img{transform:scale(1.01)}.featured-image-button[data-opening-delayed]:after,.book-tile[data-opening-delayed] .book-tile-image:after{content:"";position:absolute;right:16px;bottom:16px;width:18px;height:18px;border:3px solid #fff8;border-top-color:#fff;border-radius:50%;filter:drop-shadow(0 1px 3px #42321d88);animation:story-entry-spin .85s linear infinite}.story-entry-announcement{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes story-entry-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.featured-image-button[data-opening-delayed]:after,.book-tile[data-opening-delayed] .book-tile-image:after{animation:none}.featured-image-button[data-opening]>img,.book-tile[data-opening] img{transform:none}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#263342;background:#f9f9f6;font-synthesis:none;font-optical-sizing:auto;font-weight:400;--paper:#f9f9f6;--ink:#263342;--muted:#7c8389;--blue:#294b68;--line:#e5e7e4;--soft:#eef1f2;--serif:Georgia,"Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #76a4c3;outline-offset:4px}input:focus-visible{outline:none;border-color:#456e8d;box-shadow:0 0 0 3px #456e8d15}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.035em;font-weight:650}button{transition:background .18s,color .18s,opacity .18s,transform .18s}svg{flex-shrink:0}main:focus{outline:none}.skip-link{position:fixed;z-index:100;left:20px;top:-60px;background:var(--ink);color:#fff;padding:12px 20px;border-radius:8px}.skip-link:focus{top:10px}.app-header{height:88px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:15}.header-inner{height:100%;max-width:1280px;padding:0 56px;margin:0 auto;display:flex;align-items:center;gap:64px}.brand{display:inline-flex;align-items:center;font-family:Manrope,sans-serif;letter-spacing:-1.6px;font-size:29px;font-weight:800;white-space:nowrap}.brand-period{color:var(--blue)}.brand-mark{display:flex;gap:3px;margin-right:12px;transform:rotate(-7deg)}.brand-mark i{width:7px;height:22px;background:var(--ink);border-radius:2px}.brand-mark i:last-child{height:19px;margin-top:3px;transform:rotate(10deg);transform-origin:bottom}.main-nav{align-self:stretch;display:flex;align-items:stretch}.main-nav button{font-size:13px;font-weight:600;position:relative}.main-nav button:after{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink);content:""}.header-actions{margin-left:auto;display:flex;align-items:center;gap:25px}.preferences-trigger{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px}.header-level{border:1px solid #dce1e3;border-radius:5px;padding:2px 5px;font-size:10px;font-weight:650;color:var(--muted)}.account-button{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px;padding-left:22px;border-left:1px solid var(--line)}.account-wrapper{position:relative}.account-menu{position:absolute;right:0;top:51px;width:285px;background:#fff;padding:24px;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 50px #26334213;z-index:25;display:flex;flex-direction:column;align-items:flex-start}.account-menu strong{font-size:13px}.account-email{font-size:12px;color:var(--muted);margin-top:5px;max-width:100%;overflow-wrap:anywhere}.verification-status{display:flex;gap:5px;align-items:center;font-size:11px;margin:13px 0 19px;color:var(--muted)}.account-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;text-align:left;font-size:13px}.menu-dismiss{position:fixed;inset:0;cursor:default;z-index:20}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.icon-button:hover{background:#e9edef}.icon-button.small{width:44px;height:44px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:9px;padding:0 22px;font-weight:550;font-size:13px;background:#e8edef;white-space:nowrap}.button:hover{background:#dee6e9}.button.primary{background:var(--blue);color:#fff}.button.primary:hover{background:#1e3c56;transform:translateY(-1px)}.button.primary:active{transform:translateY(0)}.button.wide{width:100%}.small-button{min-height:42px;font-size:12px;padding:0 15px;gap:12px}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:1.55px;font-weight:650;color:var(--muted);display:flex;align-items:center;gap:9px}.muted{color:var(--muted);font-size:14px;line-height:1.65}.text-link{font-size:12px;font-weight:550;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0}.text-link:hover{color:var(--blue)}.text-link.subtle{font-size:10px;font-weight:400;color:var(--muted)}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.home-shell{max-width:1280px;padding:39px 56px 0;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 177px;gap:68px}.library-workspace{min-width:0}.library-topline{display:flex;justify-content:space-between;margin-bottom:37px;align-items:center;min-height:44px}.shelf-tabs{display:flex;gap:27px;align-items:center}.shelf-tabs button{padding:10px 0;font-size:12px;color:#868d91;min-height:44px;display:flex;align-items:center;gap:7px}.shelf-tabs button.active{color:var(--ink);font-weight:650}.shelf-tabs button span{font-size:9px;background:#edf0ee;padding:2px 5px;border-radius:4px}.mobile-progress{display:none}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px}.section-heading h1{font-size:27px;line-height:1.3}.section-heading h2{font-size:19px;line-height:1.35}.section-heading>span{color:var(--muted);font-size:11px;white-space:nowrap}.featured-story{animation:rise-in .65s ease both}.featured-image-button{display:block;position:relative;width:100%;height:340px;border-radius:15px;overflow:hidden;padding:0;background:#e7e9e6;text-align:left}.featured-image-button>img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.featured-image-button:hover>img{transform:scale(1.025)}.image-open{position:absolute;right:19px;bottom:19px;background:#ffffffeb;backdrop-filter:blur(8px);width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .2s}.featured-image-button:hover .image-open{transform:rotate(-25deg)}.cover-position{position:absolute;left:21px;bottom:23px;padding:7px 11px;font-size:10px;letter-spacing:.2px;color:#fff;background:#26334280;backdrop-filter:blur(10px);border-radius:6px}.featured-caption{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:23px 0 0}.book-meta{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:10px;line-height:1.4}.book-meta span+span:before{content:"·";margin-right:9px;color:#aab0b2}.book-meta span:first-child{font-weight:650;letter-spacing:.25px}.featured-caption h2{font-size:26px;line-height:1.3;margin-top:8px}.english-book-title{font-size:12px;color:var(--muted);margin-top:7px}.featured-cta{min-width:144px;flex-shrink:0}.book-shelf{margin-top:45px;animation:rise-in .7s .08s ease both}.book-shelf .section-heading{margin-bottom:17px}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.book-tile{text-align:left;padding:0;min-width:0;align-self:start}.book-tile-image{height:143px;position:relative;overflow:hidden;border-radius:10px;background:#e7e9e6;margin-bottom:14px}.book-tile-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.book-tile:hover .book-tile-image img{transform:scale(1.04)}.book-tile h3{font-size:15px;line-height:1.45;margin-top:7px;letter-spacing:-.025em}.book-tile p{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.5}.completed-mark{position:absolute;right:10px;top:10px;width:27px;height:27px;border-radius:50%;background:#fffffff0;color:var(--blue);display:flex;align-items:center;justify-content:center}.book-progress-track{position:absolute;left:0;right:0;bottom:0;height:3px;background:#fff7}.book-progress-track span{display:block;height:100%;background:var(--blue)}.full-shelf{margin-top:0}.full-shelf .section-heading{margin-bottom:28px}.full-shelf .book-grid{row-gap:35px}.library-footer{border-top:1px solid var(--line);margin-top:47px;display:flex;align-items:center;justify-content:space-between;padding:21px 0 24px;color:#999e9f;font-size:10px}.library-footer button{display:flex;align-items:center;gap:7px;min-height:44px;color:#858c8e;font-size:10px}.progress-aside{padding-top:113px;align-self:start;position:sticky;top:0}.progress-aside .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:24px}.progress-stat{display:flex;flex-direction:column;gap:5px}.progress-stat strong{font-family:Manrope,sans-serif;font-size:46px;font-weight:400;letter-spacing:-2px;line-height:1.1}.progress-stat>span{font-size:11px;color:var(--muted)}.secondary-stat{margin-top:29px}.secondary-stat strong{font-size:28px;letter-spacing:-.8px}.aside-line{height:1px;background:var(--line);width:32px;margin:30px 0 20px}.progress-aside>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:145px}.progress-aside .text-link{font-size:10px;margin-top:8px;gap:5px}.progress-explanation{margin-top:24px;color:#91999c;font-size:9px;line-height:1.7}.progress-explanation summary{cursor:pointer;padding:8px 0}.progress-explanation p{margin-top:6px}.library-empty{min-height:430px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:19px;max-width:480px}.library-empty>svg{color:#7c929e}.library-empty h1{font-size:29px;line-height:1.4}.library-empty p{color:var(--muted);font-size:14px;line-height:1.7}.library-empty .button{margin-top:10px}.full-state{min-height:60vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:50px 24px;gap:22px;text-align:center}.full-state>svg{color:var(--muted)}.full-state h1{font-size:28px}.full-state p{font-size:14px;color:var(--muted);line-height:1.7;max-width:440px}.reader-app .app-header{height:80px;background:#fbfbf9}.reader-app{background:#fbfbf9;min-height:100vh}.reader-app .header-inner{max-width:1350px;gap:23px;padding:0 45px}.reader-header-title{min-width:0;display:flex;align-items:center;gap:20px}.reader-header-title>span{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:470px;font-weight:550}.reader-header-title small{font-size:10px;color:var(--muted);white-space:nowrap}.reader-header-title small span{margin:0 6px}.translation-button{display:flex;gap:8px;align-items:center;min-height:44px;padding:0 12px;font-size:12px;border-radius:8px;white-space:nowrap}.translation-button:hover,.translation-button.active{background:#eaf0f1;color:var(--blue)}.reader-shell{max-width:1250px;margin:0 auto;padding:46px 45px 24px}.reader-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:62px;align-items:start;min-height:490px}.scene-wrap{position:relative;overflow:hidden;border-radius:13px;background:#e7e9e6;animation:page-enter .4s ease both}.scene-image{aspect-ratio:1/1.05;object-fit:cover;width:100%}.scene-page-label{position:absolute;bottom:21px;left:22px;font-size:11px;color:#fff;background:#26334265;padding:7px 10px;border-radius:6px;backdrop-filter:blur(10px);font-weight:600}.scene-page-label span{opacity:.65;font-weight:400}.reading-column{padding-top:8px;min-width:0;animation:page-enter .45s .03s ease both}.reading-toolbar{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:27px}.reading-toolbar .eyebrow{font-size:9px;letter-spacing:1px;gap:8px}.tiny-dot{display:inline-block;width:2px;height:2px;border-radius:50%;background:#9da6ab}.reading-actions{display:flex;gap:7px}.quiet-button{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:11px;font-weight:500;padding:0 9px;border-radius:7px;white-space:nowrap}.quiet-button:hover,.quiet-button.active{color:var(--blue);background:#eaf0f1}.story-text{font-family:var(--serif);font-size:26px;line-height:1.8;letter-spacing:-.015em;overflow-wrap:anywhere}.story-text:lang(zh),.story-text:lang(ja),.story-text:lang(ko){font-family:"Noto Serif",Georgia,serif;line-height:1.95;letter-spacing:.025em}.story-text:lang(ar){font-size:30px;line-height:2.1}.story-text:lang(hi){line-height:2}.story-text>span{border-radius:3px;transition:color .3s,background .3s;box-decoration-break:clone;-webkit-box-decoration-break:clone}.sentence-playing{background:#dce8eb;color:#1c455e}.sentence-selected{color:#243e53;background:#e1ebec;padding:2px 0}.sentence-muted{color:#a8afb1}.translation-text{border-top:1px solid var(--line);padding-top:22px;margin-top:25px;animation:reveal .25s ease both}.translation-text>.eyebrow{font-size:8px;letter-spacing:1.4px}.translation-text p{font-family:var(--serif);font-size:18px;line-height:1.8;color:#777f85;margin-top:9px}.reader-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin-top:43px;padding-top:23px;gap:16px}.page-button{display:flex;align-items:center;gap:8px;min-height:46px;font-size:12px;padding:0 12px 0 0;min-width:120px}.page-button.next-page{justify-content:flex-end;padding:0 0 0 12px}.page-button:hover{color:var(--blue)}.page-progress{display:flex;flex-direction:column;align-items:center;gap:9px}.page-dots{display:flex;gap:6px;align-items:center;height:7px}.page-dots span{display:block;width:4px;height:4px;border-radius:50%;background:#d8dfe0;transition:width .25s,background .25s}.page-dots span.current{width:16px;height:4px;border-radius:3px;background:var(--blue)}.page-dots span.visited{background:#9baeb8}.page-progress>span{font-size:9px;letter-spacing:.4px;color:var(--muted)}.finish-button{min-height:44px;padding:0 17px;gap:9px;font-size:12px}.reader-bottom-note{text-align:center;font-size:9px;color:#a5abad;margin-top:26px}.practice-panel{margin-top:23px;border-top:1px solid var(--line);padding-top:10px;animation:reveal .3s ease both}.practice-heading{display:flex;justify-content:space-between;align-items:center}.practice-heading .eyebrow{font-size:8px;letter-spacing:1.25px}.practice-position{font-size:8px;letter-spacing:0;color:#a7b0b3;margin-left:2px}.microphone-status{display:flex;align-items:center;gap:11px;min-height:53px;font-size:11px;line-height:1.5;color:#78858b}.mic-orb{display:flex;width:35px;height:35px;border-radius:50%;align-items:center;justify-content:center;background:#edf0f0;color:#9ca5a9;flex-shrink:0}.mic-live .mic-orb{color:var(--blue);background:#dfe9eb}.listening-dot{width:5px;height:5px;border-radius:50%;background:#467784;flex-shrink:0;animation:breathe 1.6s ease-in-out infinite}.match-result{padding:17px 0 4px;animation:reveal .3s ease both}.match-title{display:flex;align-items:baseline;gap:8px;color:var(--blue)}.match-title strong{font-size:28px;letter-spacing:-1px;font-weight:500}.match-title>span{font-size:10px;color:#818b90}.match-title>svg{align-self:center;margin-left:auto}.matched-words{font-family:var(--serif);font-size:17px;line-height:1.9;margin-top:11px;display:flex;gap:0 5px;flex-wrap:wrap}.matched-words .matched{color:#36626e}.matched-words .unmatched{color:#9da3a4;text-decoration:underline;text-decoration-color:#c0c6c7;text-decoration-style:dotted;text-underline-offset:5px}.heard-text{font-size:10px;color:var(--muted);line-height:1.7;margin-top:9px}.heard-text summary{cursor:pointer;width:fit-content;padding:7px 0}.heard-text p{font-size:12px}.result-message{font-size:11px;line-height:1.7;color:var(--muted);margin-top:6px}.practice-controls{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:15px}.practice-controls .quiet-button{font-size:10px;padding:0 7px}.practice-footnote{display:flex;align-items:center;justify-content:space-between;margin-top:3px}.practice-footnote .icon-button{color:#9aa4a9}.practice-error{font-size:11px;color:#98594a;line-height:1.7;padding:12px 0}.practising .story-text{font-size:23px;line-height:1.8}.practising .reading-toolbar{margin-bottom:18px}.practising .translation-text{margin-top:18px;padding-top:16px}.practising .translation-text p{font-size:16px}.modal-backdrop{position:fixed;inset:0;background:#182b3f38;backdrop-filter:blur(7px);z-index:60;display:flex;align-items:center;justify-content:center;padding:30px;overflow-y:auto;animation:backdrop-in .22s ease both}.modal{position:relative;background:#fdfdfb;width:100%;max-width:460px;border-radius:21px;padding:44px;box-shadow:0 20px 90px #1124371a;max-height:calc(100dvh - 60px);overflow:auto;animation:modal-in .3s cubic-bezier(.2,.7,.2,1) both}.modal-close{position:absolute;right:13px;top:13px;color:#8e969a}.modal h1{font-size:29px;line-height:1.3;margin-bottom:13px}.modal-symbol{width:49px;height:49px;color:var(--blue);background:#ecf0ef;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:26px}.auth-modal .muted{margin-bottom:24px}.form-field{display:flex;flex-direction:column;gap:9px;font-size:11px;font-weight:550;margin-bottom:18px}.form-field input{height:49px;width:100%;border:1px solid #dfe4e3;border-radius:8px;background:#fff;padding:0 14px;font-size:13px;color:var(--ink);transition:border .2s,box-shadow .2s}.form-field input::placeholder{color:#a6adaf}.form-field+.button{margin-top:5px}.auth-links{display:flex;flex-direction:column;align-items:center;gap:9px;margin-top:17px;font-size:11px;color:var(--muted)}.auth-links button{min-height:37px;padding:3px;color:var(--blue);font-size:11px}.privacy-note{font-size:10px;line-height:1.8;text-align:center;color:#9ba2a5;margin-top:22px}.privacy-note button{color:var(--blue);padding:0;min-height:24px;text-decoration:underline;text-underline-offset:2px}.form-notice{display:flex;gap:10px;background:#edf3f0;border-radius:9px;padding:14px;font-size:12px;line-height:1.7;color:#4a6c60;margin:20px 0}.form-notice svg{margin-top:2px}.form-error{font-size:12px;line-height:1.6;color:#98594a;margin:10px 0 17px}.preferences-modal{max-width:540px;padding:38px}.preferences-modal>.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:16px}.preferences-modal h1{max-width:370px;font-size:29px}.preferences-modal>.muted{font-size:12px}.field-label{display:block;font-size:11px;font-weight:600;margin-top:26px;margin-bottom:11px}.search-field{height:45px;display:flex;align-items:center;border:1px solid #e0e5e3;border-radius:8px;padding:0 12px;gap:9px;color:#95a0a6;background:#fff}.search-field:focus-within{outline:2px solid #86a6bc;outline-offset:1px}.search-field input{border:0;background:none;outline:none!important;box-shadow:none!important;width:100%;font-size:12px;color:var(--ink);height:100%}.search-field input::placeholder{color:#a0a9ad}.language-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:185px;overflow:auto;margin-top:11px;padding:1px 4px 2px 0;scrollbar-width:thin;scrollbar-color:#d4dcd9 transparent}.language-option{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:9px 12px;border:1px solid transparent;border-radius:7px;min-height:53px;gap:10px}.language-option>span{display:flex;flex-direction:column;gap:2px;font-size:12px}.language-option small{font-size:9px;color:var(--muted)}.language-option:hover{background:#eef1ef}.language-option.selected{background:#e9eff0;border-color:#c1d0d5;color:var(--blue)}.level-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.level-options button{display:flex;align-items:flex-start;flex-direction:column;gap:6px;border:1px solid #e0e5e3;border-radius:8px;padding:12px 10px;min-height:72px}.level-options button strong{font-size:13px;font-weight:650}.level-options button span{font-size:8px;line-height:1.4;color:#8a969c;white-space:nowrap}.level-options button.selected{border-color:#9bb4bf;background:#eaf0f0;color:var(--blue)}.level-hint{font-size:10px;color:var(--muted);line-height:1.7;margin:12px 0 23px}.empty-search{font-size:12px;color:var(--muted);padding:20px 10px;grid-column:1/-1}.help-modal h1{font-size:27px}.help-modal p{font-size:13px;line-height:1.85;color:var(--muted)}.help-modal h2{font-size:14px;margin:25px 0 9px;letter-spacing:-.02em}.help-modal .button{margin-top:28px}.finish-modal{text-align:center;padding-top:25px}.finish-illustration{position:relative;height:160px;border-radius:11px;margin-bottom:36px}.finish-illustration img{width:100%;height:100%;object-fit:cover;border-radius:11px}.finish-illustration>span{position:absolute;bottom:-19px;left:calc(50% - 23px);height:46px;width:46px;display:flex;align-items:center;justify-content:center;border:4px solid #fdfdfb;background:var(--blue);color:#fff;border-radius:50%;animation:completion-pop .5s .15s ease both}.finish-modal>.eyebrow{justify-content:center;font-size:8px;letter-spacing:1.4px;margin-bottom:13px}.finish-modal h1{font-size:31px}.finish-modal>p{font-size:13px;color:var(--muted);line-height:1.7}.finish-modal>p em{font-style:normal;color:#5b6871}.finish-stats{display:flex;justify-content:center;gap:25px;padding:26px 0 29px}.finish-stats span{display:flex;flex-direction:column;gap:5px;font-size:9px;color:var(--muted)}.finish-stats strong{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.6px;font-weight:500;color:var(--ink)}.finish-secondary{margin-top:11px;font-size:11px;color:var(--muted)}.finish-modal>.privacy-note{font-size:10px}.toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%);z-index:90;width:max-content;max-width:min(570px,calc(100% - 32px));padding:7px 8px 7px 19px;background:#293e4f;color:#fff;border-radius:11px;box-shadow:0 8px 40px #172b3a25;display:flex;align-items:center;gap:10px;animation:toast-in .25s ease both}.toast>span{font-size:12px;line-height:1.6}.toast .icon-button:hover{background:#ffffff12}@keyframes rise-in{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes page-enter{0%{opacity:0;transform:translate(7px)}to{opacity:1;transform:translate(0)}}@keyframes reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{opacity:.5;box-shadow:0 0 #46778420}50%{opacity:1;box-shadow:0 0 0 3px #46778410}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(13px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes completion-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes toast-in{0%{opacity:0;bottom:15px}to{opacity:1;bottom:23px}}@media(min-width:1500px){.home-shell{padding-top:49px}.featured-image-button{height:370px}.reader-shell{padding-top:65px}.reader-page{gap:75px}.story-text{font-size:28px}}@media(max-width:1100px){.header-inner{padding:0 36px;gap:44px}.home-shell{padding-left:36px;padding-right:36px;grid-template-columns:minmax(0,1fr) 140px;gap:40px}.featured-image-button{height:300px}.book-grid{gap:19px}.book-tile-image{height:120px}.progress-aside{padding-top:112px}.featured-caption h2{font-size:23px}.reader-page{gap:37px;grid-template-columns:1fr 1fr}.reader-shell{padding-left:35px;padding-right:35px}.story-text{font-size:24px;line-height:1.8}.reading-toolbar{flex-wrap:wrap;margin-bottom:20px;gap:6px}.reading-actions{margin-left:auto}.reader-page{min-height:430px}.reading-column{padding-top:0}.practising .story-text{font-size:21px}}@media(max-width:850px){.header-inner{padding:0 28px;gap:35px}.home-shell{padding:28px 28px 0;display:block;max-width:780px}.progress-aside{display:none}.mobile-progress{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.library-topline{margin-bottom:25px}.featured-image-button{height:330px}.book-tile-image{height:145px}.reader-app .header-inner{padding:0 23px;gap:15px}.reader-header-title{flex-direction:column;align-items:flex-start;gap:3px}.reader-header-title small{font-size:9px}.reader-shell{padding:30px 25px 22px}.reader-page{gap:29px;grid-template-columns:.95fr 1fr}.scene-image{aspect-ratio:.83}.story-text{font-size:21px;line-height:1.85}.reading-actions{gap:0}.quiet-button{padding:0 6px;font-size:10px}.reading-toolbar .eyebrow{font-size:8px}.reading-toolbar{margin-bottom:15px}.reader-footer{margin-top:28px}.practising .story-text{font-size:20px}.practice-controls .small-button{font-size:10px;padding:0 10px;gap:7px}.reader-page{min-height:390px}}@media(max-width:650px){.app-header{height:74px}.header-inner{padding:0 22px;gap:0}.brand{font-size:27px;letter-spacing:-1.4px}.brand-mark{margin-right:9px;gap:2px}.brand-mark i{width:6px;height:21px}.brand-mark i:last-child{height:18px}.main-nav{display:none}.header-actions{gap:13px}.preferences-trigger{font-size:11px;gap:6px}.preferences-trigger>svg{width:12px}.header-level{font-size:8px;padding:2px 4px}.account-button{padding-left:12px;width:35px;justify-content:center}.account-button>span{display:none}.account-button>svg{width:18px}.home-shell{padding:20px 22px 0}.library-topline{margin-bottom:25px;gap:8px}.shelf-tabs{gap:21px}.shelf-tabs button{font-size:11px;gap:4px}.shelf-tabs button span{font-size:8px;padding:1px 4px}.mobile-progress{font-size:9px;gap:5px;white-space:nowrap}.mobile-progress svg{width:13px}.section-heading{margin-bottom:16px;gap:10px}.section-heading h1{font-size:23px}.section-heading>span{font-size:9px}.featured-image-button{height:290px;border-radius:12px}.featured-image-button>img{object-position:50% 50%}.image-open{width:36px;height:36px;right:15px;bottom:15px}.image-open svg{width:19px}.cover-position{left:15px;bottom:17px;font-size:9px;padding:6px 9px}.featured-caption{padding-top:19px;gap:14px;align-items:flex-start}.featured-caption h2{font-size:21px;margin-top:7px;line-height:1.35}.book-meta{font-size:9px;gap:7px}.book-meta span+span:before{margin-right:7px}.english-book-title{font-size:11px;line-height:1.5}.featured-cta{min-width:0;min-height:44px;padding:0 14px;font-size:11px;gap:10px;margin-top:9px}.featured-cta svg{width:16px}.book-shelf{margin-top:37px}.book-shelf .section-heading{margin-bottom:17px}.section-heading h2{font-size:17px}.section-heading>.text-link{font-size:10px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.book-shelf:not(.full-shelf) .book-tile:nth-child(3){display:none}.book-tile-image{height:130px;border-radius:9px;margin-bottom:11px}.book-tile h3{font-size:13px;margin-top:6px}.book-tile p{font-size:10px;margin-top:4px}.full-shelf{margin-top:0}.full-shelf .section-heading{margin-bottom:23px}.full-shelf .book-grid{row-gap:26px}.library-footer{margin-top:32px;padding-top:14px;font-size:9px}.library-footer button{font-size:9px;gap:5px}.library-footer button svg{width:12px}.library-empty{min-height:470px;gap:18px}.library-empty h1{font-size:27px}.library-empty p{font-size:13px}.account-menu{right:-3px;top:48px;width:265px}.reader-app .app-header{height:70px}.reader-app .header-inner{padding:0 14px;gap:8px}.reader-header-title{max-width:calc(100vw - 171px)}.reader-header-title>span{font-size:12px;max-width:100%;font-weight:550}.reader-header-title small{font-size:8px}.reader-header-title small span{margin:0 4px}.reader-app .header-actions{gap:0}.translation-button{width:44px;height:44px;padding:0;justify-content:center}.translation-button span{display:none}.translation-button svg{width:20px}.reader-shell{padding:22px 22px 23px;max-width:540px}.reader-page{display:block;min-height:0}.scene-wrap{border-radius:11px}.scene-image{aspect-ratio:1.35;max-height:325px;object-position:center}.scene-page-label{bottom:14px;left:14px;font-size:9px;padding:6px 8px}.reading-column{padding:14px 3px 0}.reading-toolbar{flex-wrap:nowrap;margin-bottom:12px;min-height:44px}.reading-toolbar .eyebrow{font-size:8px;letter-spacing:1.1px}.reading-actions{gap:9px}.quiet-button{font-size:11px;padding:0 6px;gap:6px}.quiet-button svg{width:16px}.story-text{font-size:23px;line-height:1.8;letter-spacing:-.012em}.story-text:lang(ar){font-size:27px}.translation-text{padding-top:19px;margin-top:21px}.translation-text p{font-size:17px;line-height:1.75}.reader-footer{margin-top:28px;padding-top:17px;gap:8px}.page-button{font-size:11px;min-width:94px;padding:0;gap:4px}.page-button.next-page{padding:0}.page-button svg{width:18px}.page-progress{gap:7px}.page-progress>span{font-size:8px}.page-dots{gap:5px}.finish-button{font-size:10px;min-height:44px;padding:0 12px;gap:6px}.finish-button svg{width:15px}.reader-bottom-note{font-size:8px;margin-top:20px}.practising .story-text{font-size:21px;line-height:1.8}.practising .scene-image{aspect-ratio:1.8;max-height:220px}.practising .reading-toolbar{margin-bottom:11px;min-height:30px}.practice-panel{margin-top:18px;padding-top:7px}.practice-controls .small-button{font-size:11px;padding:0 14px;gap:9px;min-height:44px}.practice-controls .quiet-button{font-size:11px}.practice-heading .eyebrow{font-size:8px}.microphone-status{font-size:11px}.modal-backdrop{padding:18px}.modal{padding:33px 25px;max-height:calc(100dvh - 36px);border-radius:18px}.modal h1{font-size:27px}.modal-symbol{margin-bottom:25px}.modal .muted{font-size:13px}.modal-close{top:8px;right:8px}.preferences-modal{padding:32px 24px}.preferences-modal h1{max-width:280px;font-size:28px}.preferences-modal>.muted{font-size:12px}.preferences-modal>.eyebrow{margin-top:2px}.language-list{max-height:175px}.language-option{padding:8px 10px;min-height:51px}.language-option>span{font-size:11px}.language-option small{font-size:8px}.level-options{gap:6px}.level-options button{padding:11px 8px;min-height:72px}.level-options button span{font-size:7px;white-space:normal}.level-options button strong{font-size:12px}.level-hint{font-size:9px}.field-label{margin-top:21px}.finish-modal{padding-top:23px}.finish-illustration{height:145px}.finish-modal h1{font-size:29px}.toast{bottom:16px;padding-left:15px}.toast>span{font-size:11px}.help-modal p{font-size:12px}.help-modal h2{font-size:13px}}@media(max-width:380px){.header-inner{padding:0 17px}.home-shell{padding-left:18px;padding-right:18px}.brand{font-size:25px}.header-actions{gap:8px}.shelf-tabs{gap:15px}.mobile-progress{font-size:8px}.featured-image-button{height:255px}.featured-caption{flex-wrap:wrap;gap:15px}.featured-cta{margin-top:0}.featured-caption h2{font-size:22px}.book-tile-image{height:110px}.reader-shell{padding-left:18px;padding-right:18px}.story-text{font-size:22px}.preferences-modal{padding-left:20px;padding-right:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.featured-image-button:hover>img,.book-tile:hover .book-tile-image img,.button.primary:hover,.featured-image-button:hover .image-open{transform:none}}.account-menu .delete-account-link{border-top:1px solid var(--line);margin-top:10px;padding-top:10px;color:#979c9f;font-size:10px;min-height:44px}.button.danger{background:#974f49;color:#fff}.button.danger:hover{background:#82423d}.book-tile h3,.featured-caption h2{text-align:start}.brand,h1,h2,h3,.progress-stat strong,.finish-stats strong{font-family:var(--sans)}.scene-image,.practising .scene-image{height:auto;aspect-ratio:auto;max-height:none;object-fit:contain}.catalog-state{min-height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:var(--muted);font-size:13px;text-align:center}.sync-status{font-size:10px;line-height:1.6;color:var(--muted);display:flex;gap:12px;align-items:center;margin:-15px 0 25px;min-height:24px}.sync-status button{min-height:44px;color:var(--blue);font-weight:550;padding:0 5px}.featured-image-button>img,.book-tile-image img{object-position:50% 25%}.skip-link:not(:focus){clip-path:inset(50%)}:root{--paper:#f8f4eb;--line:#e4dccf;background:#f8f4eb}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.reader-app{--ink:#30291f;--muted:#817362;--paper:#fffdf7;--line:rgba(107,84,51,.17);--blue:#a85e42;min-height:100svh;color:var(--ink);background:radial-gradient(ellipse at 13% 9%,#fff6da99,transparent 48%),radial-gradient(ellipse at 92% 88%,#abc4bf65,transparent 43%),linear-gradient(145deg,#e5cfaa,#f4ead8 53%,#d6e1df);background-attachment:fixed}.reader-app .app-header{height:76px;border:0;background:transparent}.reader-app .header-inner{max-width:950px;padding:0 36px;gap:14px}.reader-header-title>span{font-family:var(--serif);font-size:18px;font-weight:500;letter-spacing:.005em}.reader-header-title small{color:#8a7762}.reader-app .back-button{background:#fffdf760;border:1px solid #ae987437;color:#66513c}.reader-app .back-button:hover{background:#fffdf7c9}.reader-app .translation-button{border:1px solid #b9a17a50;background:#fffdf792;border-radius:24px;padding:0 15px;box-shadow:0 2px 7px #65462208;color:#79624b}.reader-app .translation-button.active{background:#a85e42;border-color:#a85e42;color:#fffdf7}.reader-shell{max-width:920px;padding:19px 52px 28px}.book-stage{position:relative;isolation:isolate;perspective:1900px;touch-action:pan-y pinch-zoom;margin:0 5px 0 0}.book-stage:before{content:"";position:absolute;z-index:-1;inset:7px -5px -7px 5px;border-radius:7px 18px 18px 7px;background:#dfccaa;box-shadow:0 5px #cfb98f,0 11px 0 -2px #c4ab81,0 26px 50px #60462826,0 8px 18px #60462817;transform:rotate(.16deg);pointer-events:none}.reader-page{position:relative;display:block;min-height:0;overflow:hidden;border:1px solid #aa8d5c36;border-radius:7px 18px 18px 7px;background:linear-gradient(90deg,#e9dfcc55,transparent 4%,transparent 96%,#e9dfcc40),#fffdf7;box-shadow:inset 8px 0 15px #795b2910;backface-visibility:hidden;transform-style:preserve-3d}.reader-page:before{content:"";position:absolute;z-index:3;inset:0 auto 0 0;width:17px;background:linear-gradient(90deg,#61491c20,transparent);pointer-events:none}.reader-page:after{content:"";position:absolute;z-index:3;inset:0 0 0 auto;width:20px;background:linear-gradient(270deg,#7150290a,transparent);pointer-events:none}.reader-page .scene-wrap{margin:19px 20px 0;border-radius:3px;background:#f4ead6;animation:none}.reader-page .scene-image,.reader-page.practising .scene-image{width:100%;height:auto;aspect-ratio:auto;max-height:none;object-fit:contain;border-radius:3px}.scene-page-label{background:#fffbefdd;backdrop-filter:blur(5px);color:#755a3d;font-size:10px;font-weight:600;left:14px;bottom:13px;padding:6px 9px;border-radius:4px;box-shadow:0 2px 10px #3c251611}.reader-page .reading-column{padding:17px 38px 35px;animation:none}.reader-page .reading-toolbar{margin-bottom:14px;min-height:49px;gap:14px;flex-wrap:nowrap}.reader-page .reading-toolbar .eyebrow{color:#986044;font-size:9px;letter-spacing:1.4px}.reader-page .reading-actions{gap:13px}.page-listen-button{height:50px;width:50px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:#ead09a;color:#79502e;border:1px solid #caa55e88;box-shadow:0 3px 9px #97734316;transition:transform .18s,background .18s,box-shadow .18s}.page-listen-button:hover{background:#f0d89f;box-shadow:0 5px 14px #97734325;transform:translateY(-1px)}.page-listen-button:active{transform:scale(.96)}.page-listen-button.active{background:#4f7895;border-color:#4f7895;color:#fffdf7}.page-listen-button>svg:not([fill=none]){margin-left:2px}.page-listen-button.active>svg{margin-left:0}.reader-page .quiet-button{border:1px solid #bda78650;background:#f8f0e14d;color:#7c6650;min-height:44px;padding:0 13px;border-radius:24px;font-size:11px}.reader-page .quiet-button:hover{background:#f2e7d1}.reader-page .story-text{font-size:25px;line-height:1.67;letter-spacing:.005em;text-wrap:pretty;color:#382f24}.reader-page .story-text:lang(ar){font-size:29px;line-height:1.9}.reader-page .story-text:lang(zh),.reader-page .story-text:lang(ja),.reader-page .story-text:lang(ko){line-height:1.9;letter-spacing:.025em}.reader-page .translation-text{border-color:#c7ad843b;background:#f5eddd80;border-radius:0 0 6px 6px;padding:17px 19px;margin:23px -8px 0}.reader-page .translation-text p{font-size:19px;line-height:1.75;color:#81715f;font-style:italic;margin-top:8px}.reader-page .translation-text .eyebrow{color:#a68b67}.reader-page .sentence-playing{background:#ecdcb5;color:#76502f}.reader-page .sentence-selected{background:#f0dfb8;color:#704a2f}.reader-page .story-text{white-space:pre-wrap}.reader-page .sentence-selected.narration-listening{background:transparent;color:inherit}.reader-page .story-text .narration-word{transition:none}.reader-page .story-text .spoken-word{cursor:pointer;transition:none}.reader-page .story-text .spoken-word[aria-disabled=true]{cursor:inherit}.reader-page .story-text .spoken-word:focus-visible{outline:2px solid #936b32;outline-offset:3px;border-radius:3px}.reader-page .story-text .narration-word-active{background:#ecd19a;color:#3e2a12;box-shadow:0 0 0 2px #ecd19a;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:none}.reader-page .sentence-muted{color:#b1a794}.reader-page .practice-panel{border-color:#ccbba244;margin-top:23px;padding-top:9px}.reader-page.practising .story-text{font-size:23px;line-height:1.7}.reader-page .microphone-status{color:#8c7a64}.reader-page .mic-orb{background:#f1e6cf;color:#a38b62}.reader-page .mic-live .mic-orb{background:#e6ece0;color:#688372}.reader-page .match-title{color:#906040}.reader-page .matched-words .matched{color:#68816a}.reader-page .small-button{background:#efe1c9;color:#7c5537;border:1px solid #d4bb9455;border-radius:20px;min-height:44px}.reader-page .practice-footnote .text-link{color:#a18e75}.reader-footer{position:relative;z-index:1;border:0;padding:25px 4px 0;margin-top:0;gap:18px}.reader-footer .page-button{height:48px;min-width:120px;padding:0 17px;background:#f6f4eca6;border:1px solid #b49b723d;box-shadow:0 3px 10px #67482708;border-radius:26px;color:#73583e;gap:8px;font-size:12px;justify-content:center;transition:background-color .16s ease,opacity .18s ease;transform:none}@media(hover:hover){.reader-footer .page-button:hover:not(:disabled){background:#f8f5edc9;transform:none}}.reader-footer .page-button:active:not(:disabled):not([aria-disabled=true]),.reader-footer .page-button[data-turn-feedback=true]:not(:disabled){background:#e7dcc8e6;transition-duration:80ms}.reader-footer .page-button:disabled{opacity:.32;box-shadow:none}.reader-footer .page-dots span{background:#b4a28c80}.reader-footer .page-dots span.visited{background:#c69976}.reader-footer .page-dots span.current{background:#a85e42}.reader-footer .page-progress>span{color:#91795e}.reader-footer .finish-button{background:#a85e42;color:#fffdf7;border-radius:24px;min-height:48px;padding:0 18px}.reader-footer .finish-button:hover{background:#8f4d35}.reader-bottom-note{color:#a18b70;font-size:10px;margin-top:19px;line-height:1.7}.reader-app .modal{background:#fffdf7}.reader-app .modal-backdrop{background:#46352140}.reader-app .finish-illustration>span{border-color:#fffdf7}.mobile-guest-note{display:none}.mobile-progress small{display:block;font-size:8px;text-align:right;color:#a0907b;margin-top:2px}.reader-page.turn-forward{transform-origin:left center;animation:chapter-turn-forward .76s cubic-bezier(.55,.04,.2,1) both;will-change:transform}.reader-page.turn-back{transform-origin:right center;animation:chapter-turn-back .76s cubic-bezier(.55,.04,.2,1) both;will-change:transform}@keyframes chapter-turn-forward{0%{transform:rotateY(0) scale(1)}44%{transform:rotateY(-82deg) scale(.985);box-shadow:24px 20px 48px #36251240}50%{transform:rotateY(-90deg) scale(.982)}51%{transform:rotateY(88deg) scale(.982)}to{transform:rotateY(0) scale(1)}}@keyframes chapter-turn-back{0%{transform:rotateY(0) scale(1)}44%{transform:rotateY(82deg) scale(.985);box-shadow:-24px 20px 48px #36251240}50%{transform:rotateY(90deg) scale(.982)}51%{transform:rotateY(-88deg) scale(.982)}to{transform:rotateY(0) scale(1)}}@media(min-width:1100px){.reader-shell{max-width:900px;padding-top:15px}.reader-page .reading-column{padding:17px 42px 32px}.reader-page .story-text{font-size:26px}}@media(max-width:850px){.reader-app .header-inner{padding:0 25px}.reader-shell{padding:17px 35px 25px}.reader-page .reading-column{padding:15px 31px 29px}.reader-header-title{gap:4px}.reader-header-title>span{font-size:17px}}@media(max-width:650px){.reader-app .app-header{height:70px}.reader-app .header-inner{padding:0 13px;gap:9px}.reader-header-title>span{font-size:15px}.reader-header-title small{font-size:8px}.reader-app .translation-button{width:44px;min-width:44px;padding:0}.reader-app .back-button{width:44px;height:44px}.reader-shell{padding:12px 15px 18px;max-width:540px}.book-stage{margin-right:4px}.book-stage:before{inset:6px -4px -6px 4px;border-radius:6px 15px 15px 6px;box-shadow:0 4px #cfb98f,0 9px 0 -2px #c4ab81,0 18px 31px #60462825}.reader-page{border-radius:6px 15px 15px 6px}.reader-page .scene-wrap{margin:10px 10px 0;border-radius:3px}.reader-page .reading-column{padding:12px 22px 25px}.reader-page .reading-toolbar{margin-bottom:12px;min-height:48px}.reader-page .reading-toolbar .eyebrow{font-size:8px;letter-spacing:1px}.reader-page .reading-actions{gap:10px}.page-listen-button{width:48px;height:48px}.page-listen-button>svg{width:20px;height:20px}.reader-page .quiet-button{padding:0 12px;font-size:10px;gap:6px}.reader-page .story-text{font-size:22px;line-height:1.65;letter-spacing:.002em}.reader-page .story-text:lang(ar){font-size:27px;line-height:1.9}.reader-page.practising .story-text{font-size:21px;line-height:1.67}.scene-page-label{left:10px;bottom:10px;font-size:8px;padding:5px 7px}.reader-page .translation-text{margin:19px -5px 0;padding:14px 12px}.reader-page .translation-text p{font-size:17px;line-height:1.75}.reader-page .practice-controls{flex-wrap:wrap;gap:7px}.reader-page .practice-controls .quiet-button{font-size:10px;padding:0 10px}.reader-page .practice-controls .small-button{font-size:10px;padding:0 13px}.reader-footer{padding:24px 2px 0;gap:10px}.reader-footer .page-button{min-width:92px;min-height:44px;height:44px;font-size:10px;padding:0 12px;gap:4px}.reader-footer .page-button svg{width:17px}.reader-footer .finish-button{min-height:44px;font-size:10px;gap:6px;padding:0 13px}.reader-footer .page-dots{gap:5px}.reader-footer .page-progress>span{font-size:8px}.reader-bottom-note{font-size:9px;margin-top:16px}.mobile-progress{gap:5px}.mobile-progress>span{line-height:1.25}.mobile-progress small{font-size:7px}}@media(max-width:380px){.reader-shell{padding-left:12px;padding-right:12px}.reader-page .reading-column{padding-left:19px;padding-right:19px}.reader-page .story-text{font-size:21px}.reader-header-title>span{font-size:14px}.reader-page .reading-actions{gap:7px}}@media(prefers-reduced-motion:reduce){.reader-page.turn-forward,.reader-page.turn-back{animation:none!important;transform:none!important}.page-listen-button:hover,.reader-footer .page-button:hover:not(:disabled){transform:none}}.reader-page .reading-toolbar{justify-content:flex-end}.reader-page .reading-actions{margin-left:auto}.home-shell{padding-bottom:48px}.progress-aside .text-link{margin-top:26px;line-height:1.6;white-space:normal;text-align:left}.finish-modal .finish-illustration{margin-bottom:34px}.shelf-tabs button{color:#756f64}.shelf-tabs button.active{box-shadow:inset 0 -2px var(--ink)}.app{--ink:#382f27;--muted:#7d7164;--blue:#975b40;--soft:#eee6d9;color:var(--ink)}.app-header{background:#f8f4eb}.brand-period{color:#ad6745}.button.primary{background:var(--blue)}.button.primary:hover:not(:disabled){background:#804b34}.button.primary:disabled{opacity:1;background:#e5ddcf;color:#9a8d7c;transform:none}.welcome-app{min-height:100svh;background:#f8f4eb}.welcome-app .app-header{border:0}.welcome-app .header-inner{max-width:1212px;padding:0 40px}.welcome-app .account-button{border:0;padding:0 2px;width:auto;min-width:54px;white-space:nowrap}.welcome-app .account-button svg{display:none}.welcome-app .account-button span{display:inline}.welcome-shell{max-width:1212px;min-height:calc(100svh - 88px);margin:0 auto;padding:32px 40px 76px;display:grid;grid-template-columns:1.04fr .96fr;gap:56px;align-items:center}.welcome-art{padding:0 0 12px;min-width:0;animation:welcome-in .6s ease both}.welcome-leaf{position:relative;aspect-ratio:4/3;border:10px solid #fffdf7;border-left-width:15px;border-radius:5px 16px 16px 5px;background:#eaddc9;box-shadow:4px 6px #e4d4b9,7px 10px #d7c3a1,10px 18px 24px #7855251b;transform:rotate(-2deg)}.welcome-leaf img{width:100%;height:100%;object-fit:cover;border-radius:1px 7px 7px 1px}.welcome-copy{max-width:440px;padding-left:12px;animation:welcome-in .65s .08s ease both}.welcome-copy h1{font-family:var(--serif);font-size:clamp(40px,4.6vw,60px);line-height:1.08;font-weight:400;letter-spacing:-.045em;color:#443428}.welcome-copy>p{margin-top:23px;font-size:16px;line-height:1.7;color:#796a59}.welcome-choice{margin-top:36px}.welcome-choice label{display:block;font-size:13px;font-weight:550;margin-bottom:12px}.welcome-language{width:100%;min-height:56px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;background:#fffdf7;border:1px solid #cebea6;border-radius:10px;font-size:15px}.welcome-language:hover{border-color:#9d7755;background:#fffaf0}.welcome-start{width:100%;margin-top:12px;min-height:54px;font-size:14px}.welcome-secondary{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:13px}.welcome-secondary>span{color:#847360;font-size:12px}.welcome-secondary .text-link{font-size:13px;color:#765337}.welcome-error{margin-top:15px;font-size:13px;color:#984a39}@keyframes welcome-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home-shell{display:block;max-width:902px;padding:28px 56px 48px}.library-loading{width:100%;max-width:902px;margin-left:auto;margin-right:auto}.library-topline{margin-bottom:30px;gap:20px;flex-wrap:wrap}.shelf-tabs button{font-size:13px}.level-filter{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px;color:#795f47}.library-workspace .section-heading h1,.library-workspace .section-heading h2{font-family:var(--serif);font-weight:400}.library-workspace .section-heading h1{font-size:31px}.library-workspace .section-heading h2{font-size:25px}.library-workspace .featured-caption h2{font-family:var(--serif);font-weight:400;font-size:29px}.featured-image-button,.book-tile-image{background:#e8dfd0}.library-save{border-top:1px solid var(--line);margin-top:38px;padding-top:14px;text-align:center}.library-save .text-link{color:#836a53;font-weight:400}.modal-backdrop{background:#453a2c50;backdrop-filter:blur(7px)}.modal{background:#fffaf0;border:1px solid #d9cbb2;box-shadow:0 28px 85px #4c36272e}.modal h1{font-family:var(--serif);font-weight:400;color:#443528}.language-picker{max-width:490px;padding:35px 30px 25px}.language-picker h1{font-size:32px;margin:0 35px 24px 0}.language-picker .search-field{margin:0 0 14px;background:#fffcf6;border-color:#d9cbb6}.language-picker .search-field input{background:transparent;font-size:14px}.language-picker .language-list{max-height:min(50svh,385px);overflow-y:auto;overscroll-behavior:contain;margin:0;gap:4px 8px;scrollbar-color:#cab99e transparent}.language-picker .language-option{min-height:59px;border:0;border-radius:8px;padding:9px 12px}.language-picker .language-option:hover{background:#f2e8d6}.language-picker .language-option.selected{background:#efdfc1;color:#75512f}.language-picker .language-option>span{font-size:14px}.language-picker .language-option small{color:#8a7760;font-size:11px;margin-top:4px}.language-picker .empty-search{grid-column:1/-1;padding:25px 5px;font-size:13px}.level-list{display:grid;gap:4px}.level-list>button{text-align:left;padding:13px 12px;min-height:58px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:12px}.level-list>button:hover{background:#f4ead8}.level-list>button[aria-pressed=true]{background:#efdfc1;color:#75512f}.level-list strong{display:block;font-size:14px;font-weight:550}.level-list strong small{margin-left:7px;font-size:11px;font-weight:400;opacity:.7}.level-list>button>span>span{display:block;font-size:12px;color:#88745e;margin-top:5px}.reader-app .library-back{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 13px;border-radius:24px;font-size:12px;flex-shrink:0;width:auto}.reader-header-title{flex:1;min-width:0;max-width:none}.reader-header-title>button{display:flex;align-items:center;gap:5px;min-height:27px;font-size:11px;color:#806b53;padding:0;align-self:flex-start}.reader-app .header-actions{flex-shrink:0;margin-left:0}.reader-page .reading-toolbar{justify-content:flex-start}.reader-page .reading-actions{width:100%;margin-left:0;justify-content:space-between}.listen-action{display:flex;align-items:center;gap:10px}.listen-action>span{font-size:12px;color:#81664b}.reader-page .reading-column{scroll-margin-top:16px}@media(min-width:851px){.reader-page:not(.practising) .scene-wrap{width:calc(100% - 40px);max-width:63vh;margin-left:auto;margin-right:auto}}.translation-language{display:flex;gap:7px;align-items:center;min-height:32px;font-size:12px;color:#8c6745;padding:0}.reader-page .translation-text p{margin-top:3px}.reader-page .translation-error p{font-family:var(--sans);font-size:13px;font-style:normal}.reader-app .translation-button span{display:inline}.reader-page .practice-heading{display:flex;align-items:center;justify-content:space-between;margin:-2px -4px 12px 0;font-size:13px;color:#775638}.practice-heading small{margin-left:9px;font-size:11px;color:#9c856a}.reader-page.practising .scene-wrap{max-height:200px;overflow:hidden}.reader-page.practising .scene-image{margin-top:-8%}.reader-page.practising .story-text{font-size:25px;line-height:1.55}.reader-page .sentence-selected{background:none;color:#473421}.reader-page .practice-panel{margin-top:22px;padding-top:20px;border-top:1px solid #ddceb7}.practice-intro h2{font-family:var(--serif);font-weight:400;font-size:24px}.practice-intro>p{margin:9px 0 23px;font-size:13px;line-height:1.6;color:#8c765d}.practice-intro>.button{gap:12px;min-height:49px}.reader-page .microphone-status{display:flex;align-items:center;gap:14px;min-height:65px;padding:0}.reader-page .mic-orb{width:54px;height:54px;flex-shrink:0}.microphone-status>div{display:flex;flex-direction:column;gap:5px}.microphone-status strong{font-family:var(--serif);font-size:25px;font-weight:400;color:#785431}.microphone-status>div>span{font-size:12px;color:#8b755b}.reader-page .mic-live .mic-orb{background:#dce8d9;color:#4d7457;box-shadow:0 0 0 5px #e9efe4}.mic-live .listening-dot{background:#66826a}.reader-page .microphone-status.with-result{min-height:32px;gap:7px}.microphone-status.with-result .mic-orb{width:24px;height:24px;background:none}.microphone-status.with-result svg{width:14px}.microphone-status.with-result strong{font-family:var(--sans);font-size:11px;color:#8b775e}.reader-page .match-result{margin-top:16px}.reader-page .practice-controls{justify-content:flex-start;gap:8px;margin-top:20px;flex-wrap:wrap}.reader-page .practice-controls .small-button{margin-left:auto}.reader-page .practice-footnote{margin-top:12px}.practice-footnote>button:disabled{visibility:hidden}.reader-page .practice-footnote .text-link{font-size:11px;color:#86694c}.finish-stats{justify-content:center;padding:0;border:0;margin:18px 0 25px;color:#8c7357;font-size:13px}@media(max-width:850px){.home-shell{padding:26px 28px 40px}}@media(max-width:760px){.welcome-app .app-header{height:68px}.welcome-app .header-inner{padding:0 25px}.welcome-shell{display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - 68px);padding:12px 26px 30px;gap:24px}.welcome-art{width:100%;max-width:425px;padding:0 10px 4px}.welcome-leaf{aspect-ratio:1.85;border-width:7px;border-left-width:10px;border-radius:4px 12px 12px 4px}.welcome-leaf img{object-position:50% 25%}.welcome-copy{max-width:425px;width:100%;padding:0}.welcome-copy h1{font-size:39px;line-height:1.12}.welcome-copy h1 br{display:none}.welcome-copy>p{font-size:14px;margin-top:13px;line-height:1.6;max-width:355px}.desktop-break{display:none}.welcome-choice{margin-top:23px}.welcome-choice label{font-size:12px;margin-bottom:10px}.welcome-language{min-height:51px;font-size:14px}.welcome-start{min-height:51px}.welcome-secondary{gap:5px;margin-top:12px}.welcome-secondary>span{font-size:11px}.welcome-secondary .text-link{font-size:12px}}@media(max-width:650px){.home-shell{padding:18px 22px 30px}.library-topline{gap:10px;margin-bottom:24px}.shelf-tabs{gap:23px}.shelf-tabs button{font-size:12px}.level-filter{font-size:11px}.library-workspace .section-heading h1{font-size:27px}.library-workspace .section-heading h2{font-size:23px}.library-workspace .featured-caption h2{font-size:26px}.library-save .text-link{font-size:11px}.language-picker{width:100%;padding:29px 21px 20px;border-radius:18px}.language-picker h1{font-size:29px;margin-bottom:22px}.language-picker .language-list{max-height:48svh}.reader-app .header-inner{gap:9px;padding:0 13px}.reader-app .library-back{padding:0 9px;min-height:42px;font-size:11px;gap:4px}.reader-app .library-back svg{width:16px}.reader-header-title>span{font-size:14px}.reader-header-title>button{font-size:10px;min-height:26px}.reader-app .translation-button{width:auto;min-width:44px;padding:0 10px;gap:5px;font-size:10px}.reader-app .translation-button svg{width:14px}.reader-page .reading-column{padding-top:13px}.reader-page .practice-intro h2{font-size:23px}.reader-page.practising .scene-wrap{max-height:110px}.reader-page.practising .story-text{font-size:23px}.reader-page .practice-controls .small-button{margin-left:0}.reader-page .practice-controls .quiet-button,.reader-page .practice-controls .small-button{font-size:11px}}@media(max-width:380px){.welcome-shell{padding-left:22px;padding-right:22px;gap:20px}.welcome-copy h1{font-size:35px}.welcome-choice{margin-top:19px}.welcome-art{max-width:310px}.reader-app .translation-button svg{display:none}}@media(prefers-reduced-motion:reduce){.welcome-art,.welcome-copy{animation:none}}.reader-page.practising .scene-wrap{width:calc(100% - 40px);max-width:360px;aspect-ratio:var(--scene-ratio,1.5);max-height:none;margin-left:auto;margin-right:auto}.reader-page.practising .scene-image{width:100%;height:100%;aspect-ratio:auto;margin:0;object-fit:contain}.reader-page .practice-heading{margin:0 0 22px;min-height:44px;gap:12px}.practice-heading small{display:block;margin:5px 0 0;color:#8a755d;font-size:11px}.practice-heading-tools{display:flex;align-items:center;flex-shrink:0}.practice-heading-tools .icon-button{min-width:44px;min-height:44px;color:#8c755d}.reader-page .practice-text{display:grid;align-items:start;text-wrap:initial}.practice-text>span{grid-area:1 / 1}.practice-text .practice-text-size{visibility:hidden;pointer-events:none;user-select:none}.practice-text .matched{color:#436348}.practice-text .unmatched{text-decoration:underline dotted #ac7647;text-underline-offset:.2em;text-decoration-thickness:1.5px}.practice-text .matched,.practice-text .unmatched{transition:color .2s ease}.reader-page .practice-panel{margin-top:24px;padding-top:14px;padding-bottom:5px;animation:none}.practice-feedback{min-height:64px;display:flex;align-items:center;font-size:13px;line-height:1.55;color:#86705a}.reader-page .practice-feedback .microphone-status{min-height:64px;gap:10px}.practice-feedback .microphone-status strong{font:inherit;color:inherit}.practice-feedback .microphone-status.mic-live{color:#48664e}.practice-feedback .microphone-status.mic-live strong{font:400 23px/1.3 var(--serif)}.practice-feedback .listening-dot{height:8px;width:8px;box-shadow:0 0 0 5px #e7eddf;margin-inline:6px}.reader-page .practice-feedback .match-result{margin:0;padding:0;animation:none}.practice-feedback .match-title{gap:6px;align-items:center;color:#65533f}.practice-feedback .match-title strong{font-size:15px;letter-spacing:0;font-weight:550}.practice-feedback .match-title>span{font-size:12px;color:#86705a}.practice-feedback .match-title>svg{margin:0 3px 0 0;color:#48664e}.practice-feedback .practice-error{margin:0;padding:5px 0;font-size:12px;line-height:1.5}.reader-page .practice-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:5px 0 0}.reader-page .practice-controls>.button,.reader-page .practice-controls>.quiet-button{min-width:0;min-height:48px;padding:0 12px;margin:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;border-radius:25px;white-space:nowrap}.practice-controls svg{flex-shrink:0}.reader-page .practice-listen{background:#f2e3bf;border-color:#dcc39980;color:#77532e}.reader-page .practice-listen:hover{background:#eddbb1}.reader-page .practice-listen.active{background:#ebdab6;color:#76512e}.reader-page .practice-speak{background:#f7f0e3;color:#7b573a;border:1px solid #d4bea066}.reader-page .practice-speak.primary{background:#975b40;color:#fffaf1;border-color:#975b40}.reader-page .practice-speak.recording{background:#527158;color:#fffaf1;border-color:#527158}.reader-page .practice-next{background:transparent;border-color:transparent;color:#795437}.reader-page .practice-next.emphasized{background:#ead8b0;border-color:#d9bd8277}.reader-page .practice-next:hover{background:#efe2c9}.reader-footer.practice-footer{justify-content:center;min-height:73px}.reader-footer.practice-footer>button{display:none}@media(max-width:650px){.reader-page.practising .scene-wrap{width:calc(100% - 20px)}.reader-page .practice-heading{margin-bottom:20px;font-size:12px}.reader-page .practice-controls>.button,.reader-page .practice-controls>.quiet-button{padding:0 8px;gap:6px;font-size:12px}.practice-feedback{font-size:12px}}@media(max-width:360px){.reader-page .practice-controls{gap:5px}.reader-page .practice-controls>.button,.reader-page .practice-controls>.quiet-button{font-size:11px;gap:4px;padding:0 5px}}@media(prefers-reduced-motion:reduce){.practice-text .matched,.practice-text .unmatched{transition:none}}.app .app-header{position:relative;z-index:30;height:76px}.app .header-inner{max-width:1040px;padding:0 32px;gap:24px}.app .header-actions{margin-left:auto;min-width:0;flex-shrink:1;gap:12px}.app .preferences-trigger{min-height:44px;min-width:0;padding:0 14px;gap:8px;font-size:13px;color:#6e604c;background:#fffdf760;border:1px solid #ae987437;border-radius:999px}.app .preferences-trigger bdi{min-width:0;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .preferences-trigger svg{flex-shrink:0}.app .account-wrapper{flex-shrink:0}.app .account-button{position:relative;z-index:21;width:44px;min-width:44px;height:44px;padding:0;background:#fffdf760;border:1px solid #ae987437;border-radius:50%;justify-content:center;color:#685844}.app .account-button>svg{display:block;width:21px;height:21px}.app .account-button[aria-expanded=true]{background:#ebdfc9}.app .account-menu{top:54px;right:0;width:285px;max-width:calc(100vw - 28px);padding:22px;background:#fffaf0;border-color:#d9c9ae;border-radius:20px;box-shadow:0 14px 38px #5c452622;color:#5a4935}.app .account-menu button{border-radius:8px;padding:0 6px}.app .account-menu.profile-menu{top:46px;width:180px;padding:5px;border-radius:11px;box-shadow:0 5px 14px #5c452614}.app .profile-menu button{padding:0 10px;gap:10px}.app .profile-menu button+button{border-top:1px solid #dfcfb550;border-radius:0 0 7px 7px}.app .account-email{overflow-wrap:anywhere}.reader-app .reader-header-title{flex:1;min-width:0}.reader-app .reader-header-title>span{display:block;font-size:20px;line-height:1.3}.app .header-actions button:focus-visible,.reader-island button:focus-visible{outline:2px solid #825b2e;outline-offset:3px}.reader-island{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:4px;width:max-content;max-width:100%;margin:0 auto 22px;padding:5px;border:1px solid #dfcfb5;border-radius:32px;background:#fbf5e8;box-shadow:0 3px 9px #71522d09,inset 0 1px #fffdf8;color:#78532f;direction:ltr}.reader-island button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;border:0;border-radius:24px;background:transparent;color:inherit;font-size:13px;font-weight:500;line-height:1.25;white-space:nowrap;transition:background-color .12s ease}.reader-island button:disabled{cursor:default;opacity:.5}.reader-island .island-mode:disabled{opacity:.6}.reader-island button svg{flex-shrink:0}.island-label{display:inline-grid;text-align:left}.island-label>span{grid-area:1 / 1}.island-label>[aria-hidden=true]{visibility:hidden}.reader-island .island-listen{display:flex;align-items:center;justify-content:flex-end;gap:5px;padding:0}.reader-island[data-listen-side=left] .island-listen{justify-content:flex-start}.reader-island .island-play{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border-radius:50%;background:linear-gradient(155deg,#fbebc5 4%,#f0dca9,#e8cf96);box-shadow:inset 0 1px 1px 1px #fff8e6,inset 0 -1px 1px 1px #cba96780,0 2px 5px #85622d38;flex-shrink:0;transform:none;transition:box-shadow .1s ease}.reader-island .island-play:not(:disabled):active{background:linear-gradient(155deg,#dfc58e,#f5e3b8);box-shadow:inset 0 1px 2px #a4824260,inset 0 -1px 1px #fff7df,0 1px 2px #85622d20;transform:none}.island-play-glyph{display:grid;place-items:center;width:22px;height:22px}.island-play .lucide-play{margin-left:2px}.island-play-spinner{animation:island-loading .85s linear infinite}@keyframes island-loading{to{transform:rotate(360deg)}}.island-scope{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 5px;font-size:13px;font-weight:500;line-height:1.25}.island-scope-face{display:inline-flex;align-items:center;gap:4px}.island-scope-face>svg{flex-shrink:0}.island-scope select{position:absolute;inset:0;appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;min-width:44px;height:100%;min-height:44px;margin:0;padding:0;border:0;opacity:0;cursor:pointer}.island-scope:has(select:focus-visible){outline:2px solid #825b2e;outline-offset:2px;border-radius:18px}.island-scope:has(select:disabled){opacity:.5}.island-scope select:disabled{cursor:default}.reader-island .island-mode{position:relative;gap:7px;padding:0 14px}.island-translation{display:flex}.reader-island .island-translation button{width:44px;min-width:44px;padding:0}.reader-island .island-translation-toggle{border-radius:22px 0 0 22px}.reader-island .island-translation-picker{border-radius:0 22px 22px 0;position:relative}.island-translation-picker:before{content:"";position:absolute;height:20px;width:1px;left:0;background:#bbaa8e38}.island-translation.active .island-translation-picker:before{display:none}.island-translation.active .island-translation-toggle{background:#eedbb4;color:#69441d}.reader-page.practising .reader-island{margin-bottom:20px}.reader-page.practising .practice-controls{grid-template-columns:1fr 1fr}@media(hover:hover){.reader-island button:not(.island-play):not(:disabled):hover,.app .preferences-trigger:hover,.app .account-button:hover,.app .account-menu button:hover{background-color:#eee1c9}}@media(max-width:650px){.app .header-inner{padding:0 18px;gap:12px}.app .header-actions{gap:5px}.app .preferences-trigger{font-size:12px;padding:0 12px;gap:6px}.app .preferences-trigger bdi{max-width:123px}.app .account-menu.profile-menu{width:220px}.reader-app .app-header{height:auto;min-height:112px}.reader-app .header-inner{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:0;padding-top:16px;padding-bottom:12px}.reader-app .library-back{grid-column:1;grid-row:1;min-height:44px}.reader-app .header-actions{grid-column:2;grid-row:1;justify-self:end}.reader-app .reader-header-title{grid-column:1 / -1;grid-row:2;padding:13px 3px 0}.reader-app .reader-header-title>span{font-size:21px;line-height:1.35}.reader-island{gap:0;padding:4px;margin-bottom:19px}.reader-island button,.island-scope{font-size:12px}.reader-island .island-mode{gap:5px;padding:0 5px}}@media(max-width:389px){.app .header-inner{padding-left:14px;padding-right:14px}.app .brand{font-size:25px;gap:6px}.app .preferences-trigger bdi{max-width:92px}}@media(prefers-reduced-motion:reduce){.reader-island button{transition:none}.island-play-spinner{animation:none}}.reader-island[data-listen-side=right] .island-translation-toggle{border-radius:0 22px 22px 0}.reader-island[data-listen-side=right] .island-translation-picker{border-radius:22px 0 0 22px}.reader-island[data-listen-side=right] .island-translation-picker:before{left:auto;right:0}.language-list{grid-template-columns:repeat(2,minmax(0,1fr))}.language-option{min-width:0}.language-option>span{min-width:0;overflow-wrap:anywhere}.language-option>svg{flex-shrink:0}.reader-page .story-text.reader-sentences{margin:0}.reader-page .reader-sentences>.sentence-pair{background:none;border-radius:0;padding:0;transition:none}.reader-page .reader-sentences .sentence-source{white-space:pre-wrap;padding:0}.reader-page .reader-sentences.with-support{white-space:normal}.reader-page .reader-sentences.with-support>.sentence-pair{display:block;margin-bottom:19px}.reader-page .reader-sentences.with-support>.sentence-pair:last-of-type{margin-bottom:0}.reader-page .reader-sentences.with-support .sentence-source{display:block;position:relative}.reader-page .reader-sentences .sentence-meaning{display:block;margin-top:3px;font-family:var(--sans);font-size:16px;font-weight:400;line-height:1.6;letter-spacing:0;color:#7b6c59;white-space:pre-wrap}.reader-page .reader-sentences .sentence-meaning:lang(zh){font-size:17px;line-height:1.8}.reader-page .reader-sentences.without-support>.sentence-pair{display:inline}.reader-page .reader-sentences.without-support .sentence-meaning{display:none}.reader-page .reader-sentences.practice-support{position:relative}.reader-page .practice-sentence-bracket{position:absolute;inset-inline-start:-13px;width:9px;box-sizing:border-box;border-inline-start:3px solid #b58940;border-block:1.5px solid #b58940;border-radius:3px;pointer-events:none}.reader-page .reader-sentences.practice-support>.sentence-pair:not(.is-current)>.sentence-source{color:#7c7062}.reader-page .reader-sentences.practice-support>.is-current>.sentence-source{color:#352c22}.reader-page .story-text :is(.spoken-word,.word-replay){border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:none}@media(hover:hover)and (pointer:fine){.reader-page .story-text :is(.spoken-word,.word-replay):is(:hover,.word-tapped,:active,:focus-visible):not([aria-disabled=true]){box-shadow:0 1px #b58c52}}.reader-page .story-text :is(.spoken-word,.word-replay):focus-visible{outline:2px solid #916b34;outline-offset:3px}.reader-page .reader-sentences.practice-support .matched{color:#356243;transition:none}.reader-page .reader-sentences.practice-support :is(.unmatched,.missed){color:#352c22;background:none;text-decoration:underline dotted #946120;text-decoration-thickness:2px;text-underline-offset:5px;transition:none}.reader-page .story-text .narration-word.narration-word-active,.reader-page .story-text .narration-word.narration-word-active:is(:hover,:active,:focus-visible,.word-tapped){background:#ecd19a;color:#3e2a12;box-shadow:0 0 0 2px #ecd19a;border-radius:4px;transition:none}.reader-page .reader-sentences.practice-support .narration-word-active :is(.matched,.unmatched,.missed){color:inherit;background:none}.reader-page .practice-feedback-key{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:0 0 12px;font-size:12px;line-height:1.6;color:#352c22}.reader-page .practice-feedback-key :is(.feedback-recognised,.matched){display:inline-flex;align-items:center;gap:4px;color:#356243}.reader-page .practice-feedback-key :is(.feedback-retry,.unmatched,.missed){color:#352c22;background:none;text-decoration:underline dotted #946120;text-decoration-thickness:2px;text-underline-offset:3px}.reader-page .practice-prompt{color:#4f3e2c;font-weight:500}.reader-page.practice-in-place .scene-wrap{width:auto;max-width:none;aspect-ratio:var(--scene-ratio,1.5);max-height:none;margin:19px 20px 0}.reader-page.practice-in-place .scene-image{width:100%;height:auto;aspect-ratio:auto;max-height:none;margin:0;object-fit:contain}.reader-page.practice-in-place .story-text{font-size:25px;line-height:1.67}.reader-page .practice-text.reader-sentences{display:block;text-wrap:pretty}.reader-page.practice-in-place .practice-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;margin:0 0 14px;font-size:12px;color:#65513b}.reader-page.practice-in-place .practice-heading>span:first-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 10px}.reader-page.practice-in-place .practice-heading small{display:inline;margin:0;font-size:11px;color:#796247}.reader-page.practice-in-place .practice-panel{margin-top:25px;padding-top:14px}.reader-page.practice-in-place .practice-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:5px}.reader-page.practice-in-place .practice-speak.primary:not(.recording){background:#ecd19a;border-color:#d4ad63;color:#5a3c16}.reader-page.practice-in-place .practice-speak.recording{background:#527158;border-color:#527158;color:#fffaf1}.reader-page.practice-in-place .practice-feedback .microphone-status.mic-live strong{font:500 18px/1.4 var(--sans);color:#31552f}.reader-page.practice-in-place .match-result .practice-feedback-key{margin:5px 0 0;gap:5px 16px}@media(min-width:851px){.reader-page.practice-in-place .scene-wrap{width:calc(100% - 40px);max-width:63vh;margin-left:auto;margin-right:auto}}@media(min-width:1100px){.reader-page.practice-in-place .story-text{font-size:26px}}@media(max-width:650px){.reader-page .reader-sentences.with-support>.sentence-pair{margin-bottom:17px}.reader-page .reader-sentences .sentence-meaning{font-size:14px;margin-top:4px}.reader-page .reader-sentences .sentence-meaning:lang(zh){font-size:16px}.reader-page.practice-in-place{overflow:clip}.reader-page.practice-in-place .scene-wrap{margin:10px 10px 0}.reader-page.practice-in-place .story-text{font-size:22px;line-height:1.65}.reader-page.practice-in-place .practice-heading{font-size:11px}.reader-page.practice-in-place .reader-island{position:sticky;top:8px;z-index:5}.reader-page.practice-in-place .practice-panel{position:static;margin-inline:-8px;padding:12px 8px 8px}}@media(max-width:380px){.reader-page.practice-in-place .story-text{font-size:21px}}.reader-page.practice-in-place .story-text:lang(ar){font-size:29px;line-height:1.9}.reader-page.practice-in-place .story-text:is(:lang(zh),:lang(ja),:lang(ko)){line-height:1.9}@media(max-width:650px){.reader-page.practice-in-place .story-text:lang(ar){font-size:27px}}.reader-app .app-header{position:sticky;top:0;height:auto;min-height:0;padding-top:env(safe-area-inset-top,0px);background:#f5eddd;z-index:30}.reader-app .app-header:after{content:"";position:absolute;inset:100% 0 auto;height:12px;background:linear-gradient(#f5eddd,#f5eddd00);pointer-events:none}.reader-app .header-inner{display:grid;grid-template-columns:80px minmax(0,1fr) 80px;align-items:center;min-height:64px;padding-block:8px;gap:6px}.reader-app .library-back{grid-column:1;grid-row:1;justify-self:start;min-height:44px;max-width:100%;padding-inline:9px;gap:4px}.reader-app .header-actions{grid-column:3;grid-row:1;margin-left:0;justify-self:end}.reader-app .reader-header-title{grid-column:2;grid-row:1;display:block;padding:0;margin:0;max-width:none;font-family:var(--serif);font-size:23px;font-weight:400;letter-spacing:-.02em;line-height:1.3;text-align:center;text-wrap:balance;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.reader-app .reader-shell{--reader-dock-height: 132px;padding-bottom:calc(var(--reader-dock-height) + 28px)}.reader-dock{position:fixed;z-index:25;inset:auto 0 0;padding:8px max(14px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));background:#f5eddd;isolation:isolate}.reader-dock:before{content:"";position:absolute;inset:auto 0 100%;height:24px;background:linear-gradient(#f5eddd00,#f5edddcc 60%,#f5eddd);pointer-events:auto}.reader-dock .reader-island{width:100%;max-width:510px;margin:0 auto;background:#fbf5e8;box-shadow:0 3px 12px #71522d0b,inset 0 1px #fffdf8}.reader-dock .island-mode{min-width:0}.reader-dock .island-label{min-width:0;white-space:normal}.reader-dock .island-translation{background:transparent;border:0}.reader-dock .reader-island .island-translation .island-translation-toggle{width:72px;min-width:72px;min-height:44px;padding:0;border-radius:24px;background:transparent}.reader-dock .reader-footer{width:100%;max-width:510px;margin:0 auto;padding:7px 4px 0;gap:8px}.reader-dock .reader-footer .page-button{min-width:0;min-height:44px;height:auto;padding:6px 12px}.reader-dock .reader-footer .page-progress{flex-shrink:0;gap:4px}.reader-dock .reader-footer .finish-button{white-space:normal;max-width:45%;min-height:44px}.reader-translation-status{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);width:max-content;max-width:min(340px,calc(100vw - 28px));padding:7px 12px;border-radius:14px;background:#fbf5e8;box-shadow:0 2px 10px #71522d16;color:#6e604c;font-size:12px;line-height:1.4}.reader-translation-status button{min-height:44px;padding-inline:6px}.reader-dock .reader-island{grid-template-columns:auto minmax(0,1fr) auto;gap:0;padding:5px;border-radius:28px}.reader-dock .island-translation{justify-self:start}.reader-dock .island-listen{justify-self:end}.reader-dock [data-listen-side=left] .island-listen{justify-self:start}.reader-dock [data-listen-side=left] .island-translation{justify-self:end}.reader-dock .island-mode{padding-inline:5px;gap:5px}.reader-dock .reader-island[data-wrapped=true]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:4px}.reader-dock [data-wrapped=true] .island-mode{grid-column:1 / -1;grid-row:2}.reader-dock [data-wrapped=true] .island-listen,.reader-dock [data-wrapped=true] .island-translation{grid-row:1}.reader-dock .reader-island[data-stacked=true]{grid-template-columns:minmax(0,1fr)}.reader-dock [data-stacked=true] .island-listen{grid-column:1;grid-row:1;justify-self:center}.reader-dock [data-stacked=true] .island-translation{grid-column:1;grid-row:2;justify-self:center}.reader-dock [data-stacked=true] .island-mode{grid-column:1;grid-row:3}.reader-dock .island-label{overflow-wrap:anywhere}html.has-reader-dock{scroll-padding-top:calc(var(--reader-header-height, 64px) + 12px);scroll-padding-bottom:calc(var(--reader-dock-height, 132px) + 24px)}.reader-app .reader-footer,.reader-app .reader-footer button{scroll-margin-block:12px}.reader-app .toast{bottom:calc(var(--reader-dock-height, 80px) + 30px)}@media(max-width:650px){.reader-app .header-inner{padding:8px 18px}.reader-app .reader-header-title{font-size:20px}.reader-app .reader-shell{padding-top:14px}.reader-dock .reader-island{width:100%;max-width:510px}}@media(max-width:389px){.reader-app .header-inner{padding-inline:14px}}.language-picker-description{font-size:14px;line-height:1.5;color:#796650;margin:0 0 18px}.reader-app .settings-backdrop{background:#46352125;backdrop-filter:blur(2px)}@media(prefers-reduced-transparency:reduce){.reader-dock:before,.reader-app .app-header:after{display:none}}