: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%)}