@font-face{font-family:Ploni;src:url('design-assets/ploni-regular-aaa.otf');font-weight:400}@font-face{font-family:Ploni;src:url('design-assets/ploni-medium-aaa.otf');font-weight:500}@font-face{font-family:Ploni;src:url('design-assets/ploni-bold-aaa.otf');font-weight:700}@font-face{font-family:Inter;src:url('design-assets/inter.ttf');font-weight:100 900}
:root{--navy:#0B2D5B;--amber:#F5B544;--cream:#FAF8F3;--teal:#14B8A6;--slate:#6B7280;--line:#e9e8e3;--ink:#0B2D5B}*{box-sizing:border-box}body{margin:0;background:var(--cream);font-family:Ploni,sans-serif;color:var(--navy);font-size:16px;direction:rtl;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer;min-height:44px;border:0;color:inherit;background:none;padding:0}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.1;font-weight:700;letter-spacing:-.45px}h2{font-size:21px;line-height:1.15}h3{font-size:20px;line-height:1.1}p{line-height:1.3}.en{font-family:Inter,sans-serif;unicode-bidi:isolate;font-size:13px;letter-spacing:-.2px}.ic{width:23px;height:23px;flex-shrink:0;display:inline-block;vertical-align:middle}.screen{height:844px;max-width:390px;width:100%;margin:0 auto;position:relative;overflow:hidden;background:var(--cream)}.status{height:37px;padding:13px 23px 0;display:flex;align-items:flex-start;justify-content:space-between;font:600 12px Inter;color:var(--navy)}.statusright{display:flex;align-items:center;gap:6px}.signal{font-size:10px;letter-spacing:-1px}.battery{display:block;width:23px;height:11px;border:1px solid currentColor;border-radius:3px;position:relative;margin-left:2px}.battery:before{content:'';position:absolute;inset:1.5px 3px 1.5px 1.5px;background:currentColor;border-radius:1px}.battery:after{content:'';position:absolute;right:-3px;top:3px;width:2px;height:4px;background:currentColor;border-radius:1px}.brand{display:flex;height:62px;align-items:center;justify-content:space-between;padding:0 23px}.brandname{display:flex;align-items:center;gap:10px}.brandname img{width:43px;height:43px;object-fit:contain}.brandname strong{display:block;font-size:20px;line-height:1.1}.brandname small{font-size:12px;color:var(--slate);display:block;margin-top:3px}.iconbtn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:15px}.iconbtn .ic{width:20px;height:20px}.brand>.iconbtn{background:transparent;border:0;color:var(--slate)}main{padding:0 23px}.eyebrow{font-size:14px;font-weight:500;color:var(--slate);margin-bottom:5px}.greeting{margin:18px 0 17px}.greeting p{font-size:16px;color:var(--slate);margin-top:7px}.search{height:46px;background:white;border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;gap:9px;padding:0 13px}.search>.ic{width:19px;color:var(--slate)}.search input{width:100%;border:0;outline:none;min-width:0;background:transparent;font-size:15px;color:var(--navy)}.search input::placeholder{color:#858b93}.search>span{font-size:12px;color:#858b93;border-right:1px solid var(--line);padding-right:12px}.continue{margin-top:19px;padding:17px 19px 16px;background:var(--navy);color:#fff;border-radius:25px 25px 8px 25px;position:relative;box-shadow:0 9px 18px #0b2d5b12}.continue:after{position:absolute;content:'';bottom:-11px;left:30px;clip-path:polygon(0 0,100% 0,0 100%);width:23px;height:12px;background:var(--navy)}.herotop{display:flex;align-items:center;justify-content:space-between}.lightlabel{font-size:15px;display:flex;align-items:center;gap:7px}.lightlabel .ic{width:17px;height:17px;color:var(--amber)}.count{font:10px Inter;color:#b6c7dd;direction:ltr}.herobody{height:133px;display:flex;justify-content:space-between;align-items:center;position:relative}.herobody h2{font-size:31px;line-height:1.02;margin:6px 0 7px}.heroeyebrow{color:#b9cce3;font-size:12px}.herobody .en{font-size:10px;color:#e0e7f0}.heroart{width:138px;height:130px;margin-left:-5px}.heroprogress{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#d1ddeb;margin:2px 0 7px}.heroprogress small{font:10px Inter}.track{height:4px;background:#e8eced;border-radius:10px;overflow:hidden}.track>span{height:100%;display:block;background:var(--teal);border-radius:10px;min-width:0}.continue .track{background:#3c5679;height:3px}.continue .track>span{background:var(--teal)}.primary{height:47px;width:100%;background:var(--amber);color:var(--navy);border-radius:13px;font-size:19px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px}.primary .ic{width:20px}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px}.sectionhead>span{font-size:13px;color:var(--slate)}.levelrows{display:flex;flex-direction:column;gap:0;background:white;border:1px solid var(--line);border-radius:20px;padding:0 13px}.levelrow{display:flex;gap:12px;align-items:center;height:56px}.levelrow+.levelrow{border-top:1px solid #f0efea}.levelbadge{width:34px;height:34px;border-radius:11px;background:#edf1f7;display:flex;align-items:center;justify-content:center}.levelbadge .ic{width:18px;height:18px}.levelbadge.amber{background:#fff2d7;color:#a67414}.levelbadge.teal{background:#e1f7f3;color:#078a7e}.leveldata{flex:1}.leveldata>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.leveldata b{font-size:16px;font-weight:500}.leveldata small{font-size:12px;color:var(--slate)}.levelrow>.ic{width:15px;color:#9ba5b0}.leveldata .track{height:3px}.bottomnav{position:absolute;bottom:0;right:0;left:0;height:85px;display:flex;justify-content:space-around;border-top:1px solid var(--line);background:#fff;padding:7px 20px 23px;z-index:10}.navitem{width:86px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8b929d;gap:3px;font-size:13px;min-height:50px;position:relative}.navitem .ic{width:22px;height:22px}.navitem.selected{color:var(--navy);font-weight:700}.navitem.selected:before{content:'';position:absolute;background:#edf5f4;top:1px;z-index:-1;width:55px;height:30px;border-radius:12px}.homeindicator{position:absolute;bottom:8px;left:140px;width:110px;height:4px;background:var(--navy);border-radius:8px;z-index:20}.pagetitle{margin:18px 0 20px}.segmented{display:flex;background:#eeeee9;border-radius:14px;padding:4px;gap:3px}.segmented button{flex:1;font-size:16px;min-height:36px;border-radius:11px;color:var(--slate)}.segmented .on{background:var(--navy);color:#fff;box-shadow:0 2px 4px #0b2d5b15}.levels{margin-top:15px}.topics{display:flex;justify-content:space-between;gap:8px}.topic{font-size:13px;display:flex;align-items:center;flex-direction:column;gap:7px;flex:1}.topic>span{display:flex;align-items:center;justify-content:center;border:1px solid #eae9e2;border-radius:16px;background:#fff;width:52px;height:49px;color:#7c8b9d}.topic .ic{width:22px;height:22px}.topic.on>span{background:#fff0cd;border-color:#f5d387;color:var(--navy)}.topic.on{font-weight:700}.library .sectionhead{margin-top:20px}.stories{display:flex;flex-direction:column;gap:10px}.storyrow{display:flex;gap:12px;align-items:center;background:white;border:1px solid var(--line);padding:15px 12px;border-radius:19px;height:110px}.storyobject{width:58px;height:71px;border-radius:13px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;overflow:hidden}.storyobject:after{content:'';position:absolute;bottom:-15px;left:-10px;width:80px;height:40px;border:1px solid currentColor;opacity:.15;border-radius:50%;transform:rotate(-25deg)}.storyobject .ic{width:32px;height:32px;stroke-width:1.3}.gold{background:#fff0cd;color:#9a6b15}.aqua{background:#e3f4f0;color:#108b7d}.blue{background:#ebeff7;color:var(--navy)}.storyinfo{flex:1;min-width:0}.storyinfo h3{font-size:20px;white-space:nowrap}.storyinfo>.en{text-align:right;font-size:11px;color:var(--slate);margin:6px 0 11px}.storymeta{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:12px}.storymeta>span{color:var(--slate)}.storymeta b{font-weight:500;font-size:11px}.storymeta .ic{width:13px;height:13px;margin-left:3px}.inprogress{color:#966d16;background:#fff3db;padding:3px 8px;border-radius:7px}.read{color:#118f80}.new{color:#9198a2}.storyrow>.ic{width:13px;color:#9ba5b0}.librarynote{font-size:13px;color:var(--slate);text-align:center;margin-top:17px}.librarynote .ic{width:15px;margin-left:3px}.readerhead{height:70px;display:flex;align-items:center;gap:8px;padding:0 16px}.readerhead>div{flex:1}.readerhead>div>span{font-size:13px;color:var(--slate)}.readerhead h1{font-size:27px;margin-top:4px}.readerhead .iconbtn{background:transparent;border:0}.readerhead .iconbtn:first-child .ic{width:24px;height:24px}.storyprogress{display:flex;align-items:center;gap:16px;padding:7px 24px 16px;font-size:13px}.storyprogress .track{flex:1;height:4px;direction:rtl}.storyprogress .track>span{background:var(--amber)}.readingmodes{display:flex;background:#eceeea;border-radius:12px;margin:0 23px 0;padding:4px;gap:3px;height:42px}.readingmodes button{flex:1;font-size:13px;min-height:34px;border-radius:9px;color:var(--slate)}.readingmodes .on{background:#fff;box-shadow:0 1px 5px #0b2d5b10;color:var(--navy);font-weight:700}.readerbody{position:absolute;top:188px;bottom:156px;right:0;left:0;overflow-y:auto;scrollbar-width:none;padding:0 23px 24px}.readerbody::-webkit-scrollbar{display:none}.characters{font-size:12px;color:var(--slate);padding:3px 0 12px}.sentence{border-radius:19px;background:white;border:1px solid var(--line);padding:11px 15px 16px;margin-bottom:13px;position:relative}.sentence.active{border:1.5px solid #e6b85f;box-shadow:0 5px 14px #b9892510;border-radius:19px 19px 7px 19px}.sentence.active:after{content:'';width:19px;height:14px;background:white;position:absolute;bottom:-14px;left:23px;clip-path:polygon(0 0,100% 0,0 100%);filter:drop-shadow(0 1px #e6b85f)}.sentencehead{display:flex;align-items:center;height:29px;gap:8px;margin-bottom:4px}.sentnum{background:#fff2d8;border-radius:50%;width:23px;height:23px;display:flex;align-items:center;justify-content:center;font:11px Inter;color:#a17b30}.sentencehead>span:nth-child(2){flex:1;color:#9b7b35;font-size:11px}.sentencehead .iconbtn{width:33px;height:33px;min-height:33px;border:0;background:#eef5f5;border-radius:50%;color:#118d80}.sentencehead .ic{width:17px;height:17px}.sentence .he{font-size:22px;font-weight:700;margin-bottom:12px}.sentence>.en{font-size:15px;line-height:1.65;text-align:left;white-space:nowrap;letter-spacing:-.35px;margin-bottom:10px}.pron{color:#078e81;font-weight:500;font-style:normal}.sentence>.pron{font-size:19px;line-height:1.6;text-align:right;word-spacing:.5px}.sentence mark{background:#fff0cd;color:var(--navy);border-radius:5px;padding:2px 2px}.sentence .pron mark{color:#087b70;background:#d7f4ee;padding:3px}.wordpopup{background:#fff;border:1px solid #dfece9;border-radius:16px;margin:-1px 0 14px;padding:11px 13px;box-shadow:0 5px 12px #0b2d5b06}.wordtop{display:flex;align-items:center;justify-content:space-between}.wordtop>div{display:flex;flex-direction:column;gap:5px}.wordtop b{font-size:14px;direction:ltr;text-align:right}.wordtop span{font-size:15px}.wordtop em{font-style:normal;color:#b0bab9;margin:0 4px}.wordtop .iconbtn{width:35px;height:35px;min-height:35px;border:0;background:#ecf7f4;color:#078e81}.saveword{display:flex;align-items:center;justify-content:center;gap:5px;background:#eff8f5;width:100%;border-radius:8px;min-height:35px;font-size:13px;margin-top:10px;color:#087e71}.saveword .ic{width:14px;height:14px}.player{position:absolute;bottom:0;height:157px;left:0;right:0;background:var(--navy);border-radius:24px 24px 0 0;color:white;padding:15px 24px 25px;z-index:10}.playerlabel{display:flex;align-items:center;justify-content:space-between;font-size:14px}.playerlabel>span:first-child{display:flex;align-items:center;gap:5px}.playerlabel .ic{width:15px;height:15px;color:var(--amber)}.playerlabel>span:last-child{font-size:11px;color:#abc0db}.timeline{display:flex;align-items:center;gap:10px;margin:15px 0 8px}.timeline>span{font:9px Inter;color:#bccde1}.timeline>div{height:3px;background:#425f83;flex:1;position:relative;border-radius:8px}.timeline>div>span{display:block;width:33%;height:3px;background:var(--teal)}.timeline b{position:absolute;width:8px;height:8px;background:var(--teal);border-radius:50%;top:-2.5px;left:33%}.controls{display:flex;align-items:center;justify-content:space-between;padding:0 10px}.controls button{width:44px;height:49px;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;color:#e4ecf7}.controls small{font-size:10px;color:#b0c2d9}.controls .ic{width:20px;height:20px}.controls .playbig{width:48px;height:48px;border-radius:50%;background:var(--amber);color:var(--navy)}.playbig .ic{width:18px;height:18px}.controls .en{font-size:13px;font-weight:500}.homeindicator.dark{background:#dfe8f2;bottom:8px}.storyend{padding-top:8px}.wordchips{display:flex;gap:8px}.wordchips>span{flex:1;border-radius:12px;border:1px solid var(--line);background:#fff;padding:12px 5px;display:flex;flex-direction:column;gap:6px;text-align:center}.wordchips b{font-size:14px}.wordchips small{font-size:12px}.question{padding:14px;background:white;border:1px solid var(--line);border-radius:17px;margin-top:10px}.question h3{font-size:17px;display:flex;gap:8px;align-items:center}.question h3>span{font:11px Inter;border-radius:50%;background:#edf1f6;padding:5px 7px}.answers{display:flex;gap:8px;margin-top:10px}.answers button{border:1px solid #e1e7e9;flex:1;border-radius:9px;min-height:44px;font-size:15px;display:flex;align-items:center;justify-content:center;gap:5px}.answers .correct{background:#e7f7f2;color:#068574;border-color:#93d6c8}.answers .ic{width:15px;height:15px}.feedback{color:#078a7a;display:block;margin-top:8px;font-size:12px}.nextstory{margin-top:16px}.progress .pagetitle{margin-bottom:17px}.summary{height:98px;border-radius:21px;background:var(--navy);color:white;display:flex;align-items:center;padding:15px 24px;gap:23px;position:relative;overflow:hidden}.summarylead{display:flex;align-items:center;gap:13px}.summarylead>strong{font:500 49px Inter;letter-spacing:-3px}.summarylead>span{font-size:17px;line-height:1.1;color:#edf2f9}.summaryline{height:49px;width:1px;background:#375373}.summarysecond{position:relative;text-align:center;display:flex;flex-direction:column;gap:1px;align-items:center;flex:1}.summarysecond .ic{width:19px;height:19px;color:var(--amber);position:absolute;left:7px;top:2px}.summarysecond strong{font:500 29px Inter;color:var(--amber)}.summarysecond span{font-size:13px;color:#d4dfee}.steadiness{margin-top:18px}.steadiness .sectionhead{margin:0 0 12px}.week{display:flex;justify-content:space-between;direction:rtl}.day{display:flex;flex-direction:column;align-items:center;gap:8px}.day>span{font-size:13px;color:var(--slate)}.day>b{width:37px;height:37px;border:1px solid #e2e5e2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a5afae;font-weight:400}.day>b.done{background:#e1f5ef;border-color:#e1f5ef;color:#109a87}.day .ic{width:18px;height:18px}.day>b.today{background:var(--amber);border:3px solid #fff3da;outline:1px solid #f0ca7e;color:var(--navy)}.steadiness p{font-size:13px;color:var(--slate);margin-top:13px;text-align:center}.progress>.sectionhead{margin-top:19px}.progress .levelrows{background:transparent;padding:0;border:0;border-radius:0}.progress .levelrow{height:49px}.progress .leveldata b{font-size:15px}.progress .levelbadge{width:30px;height:30px;border-radius:10px}.progress .levelrow>.ic{display:none}.daily{display:flex;align-items:center;gap:11px;background:#fff2d6;border:1px solid #f7e4b6;padding:13px;border-radius:18px;margin-top:17px}.daily h3{font-size:19px;margin:4px 0}.daily .eyebrow{font-size:12px;margin:0;color:#9d7834}.daily small{font-size:12px;color:#827766}.objectsmall{width:40px;height:47px;display:flex;align-items:center;justify-content:center;color:#ad7d1e}.objectsmall .ic{width:31px;height:31px;stroke-width:1.3}.daily>div:nth-child(2){flex:1}.amberbtn{background:var(--amber);border:0;border-radius:50%;width:35px;height:35px;min-height:35px}.pocket{width:100%;display:flex;align-items:center;gap:11px;background:white;border:1px solid var(--line);border-radius:17px;padding:11px 13px;margin-top:11px;min-height:62px}.pocketicon{width:37px;height:37px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#e5f7f2;color:#079585}.pocket>span:nth-child(2){flex:1;text-align:right;display:flex;flex-direction:column;gap:4px}.pocket b{font-size:17px;font-weight:500}.pocket small{font-size:12px;color:var(--slate)}.pocket>.ic{width:15px;color:#8e9aa5}.privacy{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#9a9fa5;margin-top:13px}.privacy .ic{width:12px;height:12px}
/* Optical fit at the 390 × 844 phone viewport. */
.brand{height:56px}.greeting{margin:8px 0 14px}.herobody{height:120px}.heroart{width:128px;height:121px}.sectionhead{margin-top:16px}.pagetitle{margin:10px 0 14px}.search{height:44px}
.home .sectionhead{margin-top:21px}
.library .pagetitle{margin-bottom:12px}.library .levels{margin-top:12px}.library .sectionhead{margin-top:14px;margin-bottom:9px}.library .topics>button>span{height:43px;width:49px}.library .topic{gap:5px}.library .stories{gap:8px}.library .storyrow{height:94px;padding:11px 12px}.library .storyobject{height:62px;width:53px}.library .storyinfo>.en{margin:5px 0 8px}.librarynote{margin-top:10px;font-size:12px}
.progress .pagetitle{margin-bottom:13px}.progress .summary{height:85px}.progress .steadiness{margin-top:14px}.progress .steadiness .sectionhead{margin-bottom:9px}.progress .day{gap:6px}.progress .day>b{width:33px;height:33px}.progress .steadiness p{margin-top:9px}.progress>.sectionhead{margin-top:15px;margin-bottom:7px}.progress .levelrow{height:42px}.progress .leveldata>div:first-child{margin-bottom:5px}.progress .daily{padding:10px;margin-top:12px}.progress .pocket{min-height:56px;padding:8px 11px;margin-top:9px}.progress .privacy{margin-top:9px}
/* Small drawn controls retain a 44px touch target without enlarging their artwork. */
button{position:relative}button:after{content:'';position:absolute;min-width:44px;min-height:44px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}
.home .herobody{height:108px}.home .heroart{width:119px;height:112px}.librarynote,.progress .privacy{display:none}.objectsmall img{width:46px;height:46px;border-radius:12px}
/* Live application: responsive document flow, real device chrome, existing reader engine. */
:root{--accent:#0b2d5b;--tint:#edf5f4}body{padding-bottom:100px;min-height:100vh}a{color:inherit;text-decoration:none}body>header.brand{max-width:560px;margin:auto;height:70px;padding:0 23px;border:0;background:transparent;position:static;box-shadow:none}.brandname img{width:43px!important;height:43px!important;max-height:none!important}.brandname{letter-spacing:0}body>main#app{max-width:560px;margin:0 auto;padding:0 23px;min-height:0;width:100%}body>footer{max-width:560px;margin:20px auto 0;padding:14px 23px;border:0;font-size:12px;color:var(--slate);background:transparent}body>footer span{display:none}#level-switcher{display:none}.bottomnav{position:fixed;height:85px;max-width:560px;margin:auto;padding-bottom:max(16px,env(safe-area-inset-bottom));z-index:30}.bottomnav .navitem{min-height:50px}.bottomnav .navitem.selected:before{z-index:0}.navitem>*{position:relative}.greeting h1,.pagetitle h1{font-family:Ploni;font-size:32px;line-height:1.1;margin:0}.greeting p{margin-top:7px}.eyebrow{letter-spacing:0;text-transform:none;display:block}.global-search{margin:0;padding:0;border:0;background:none}.global-search .search{margin:0;max-width:none;width:100%;box-shadow:none}.search{width:100%;margin:0}.search input{padding:0;height:auto;box-shadow:none;border-radius:0}.global-search #search-count:empty{display:none}#search-count{font-size:13px;margin:8px 0}#search-results:not(:empty){margin-top:10px}.hero{display:none}.continue h2{font-family:Ploni;max-width:190px}.continue .primary{margin-top:14px}.continue .heroart{flex-shrink:0}.primary{border:0;letter-spacing:0;box-shadow:none}.primary:hover{background:#efab31;color:var(--navy)}.levelrow{color:var(--navy);width:100%}.levelrow small{display:inline}.levelrows{margin:0}.levelrow .leveldata{min-width:0}.new-link{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-weight:700;font-size:17px}.new-link span{font-size:13px;color:var(--slate);font-weight:400}.topics{display:flex;overflow-x:auto;justify-content:flex-start;padding:12px 0 4px;margin:0;scrollbar-width:thin}.topics .topic{min-width:58px;max-width:100px;border:0;background:none;border-radius:0;padding:0;font-size:13px;min-height:80px;line-height:1.2}.topics .topic>span{flex-shrink:0}.segmented a{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:11px;font-size:15px}.library .segmented{margin-top:12px}.library .stories .storyrow{height:auto;min-height:94px;margin:0}.storyinfo h3{white-space:normal;overflow-wrap:anywhere}.storyinfo .en{white-space:normal;line-height:1.3;font-family:Inter}.storyrow .ic{flex-shrink:0}.storyobject{font-size:20px}.storymeta{flex-wrap:wrap}.storyrow:hover{border-color:#d7c49b}.storyrow small{display:inline}.progress .privacy{display:block;text-align:center}.progress .summary strong{color:white}.progress .summarysecond strong{color:var(--amber)}.progress .pocket small{display:block}.pocket-page .word,.pocket-words .word{border:1px solid var(--line);padding:12px;background:white;border-radius:14px;margin-bottom:8px}.is-reader>header.brand,.is-reader>.bottomnav,.is-reader>footer{display:none}body.is-reader{padding-bottom:180px}.is-reader #app{padding:0!important}.reading{max-width:none;width:100%;margin:0;padding:0}.readerhead{height:auto;min-height:75px;padding:9px 14px;position:relative;gap:8px}.readerhead h1{font-family:Ploni;font-size:27px;line-height:1.1;margin:4px 0 0;letter-spacing:0}.readerhead>div>span{font-size:13px}.readerhead .reader-back{flex-shrink:0;font-size:25px;display:flex;align-items:center;justify-content:center}.readerhead .iconbtn{min-width:44px;flex-shrink:0}.storyprogress{padding:7px 24px 16px;margin:0}.storyprogress span{font-size:13px}.readingmodes{margin:0 23px 10px}.reader-options{margin:0 23px 12px;padding:0;border:0;font-size:13px;background:none}.reader-options summary{padding:4px 0;min-height:30px;color:var(--slate);cursor:pointer}.reader-options .actions{display:flex;gap:10px;margin:6px 0}.reader-options .primary{font-size:16px;width:auto;flex:1;margin:0}.reader-options .reading-speed{font-size:15px}.reader-options .story-view{margin:10px 0}.reader-options .reading-tools{display:flex;flex-wrap:wrap;gap:4px}.sentence-reader{padding:0 23px}.paragraph{margin:0;padding:0;border:0;background:none;box-shadow:none;scroll-margin-top:20px}.paragraph-top{padding:0 0 9px;margin:0;font-size:12px;border:0;color:var(--slate)}.paragraph-number{background:none;border:0;width:auto;height:auto}.paragraph-top button{font-size:12px;padding:0;background:none;min-height:30px}.sentence-card{border:1px solid var(--line);background:white;padding:11px 15px 16px;margin:0 0 13px;border-radius:19px;box-shadow:none;outline-offset:3px;cursor:pointer}.sentence-card.active{border:1.5px solid #e6b85f;background:white;box-shadow:0 5px 14px #b9892510;border-radius:19px 19px 7px 19px}.sentence-top{display:flex;align-items:center;gap:8px;margin:0 0 4px;height:33px;flex-direction:row}.sentence-top .label{display:flex;align-items:center;justify-content:center;min-width:23px;width:23px;height:23px;font:11px Inter;color:#a17b30;background:#fff2d8;border-radius:50%;padding:0;letter-spacing:0}.sentence-top .sentence-listen{order:3;margin-right:auto;font-size:14px;border:0;background:#eef5f5;color:#118d80;border-radius:50%;width:33px;height:33px;min-height:33px;padding:0}.now-listening{font-size:11px;color:#9b7b35;visibility:hidden}.active .now-listening{visibility:visible}.sentence-card .he{font-family:Ploni;font-size:22px;font-weight:700;line-height:1.35;margin:0 0 12px}.sentence-card>.en{font-family:Inter;font-size:15px;line-height:1.8;white-space:normal;margin:0 0 10px;text-align:left;letter-spacing:-.2px}.sentence-card>.translit{font-family:Ploni;font-size:19px;line-height:1.65;font-weight:500;color:#078e81;margin:0;text-align:right;word-spacing:.5px}.reading-word{font-family:inherit;font-size:inherit;line-height:inherit;min-height:0;min-width:0;padding:0 1px;border:0;background:none;border-radius:5px;display:inline;color:var(--navy);vertical-align:baseline}.reading-word:after{display:none}.reading-word mark.target-word{padding:1px 2px;background:#fff0cd}.karaoke-word,.reading-word.karaoke-word{background:#fff0cd!important;color:var(--navy)!important;border-radius:5px;box-shadow:none}.translit .karaoke-word{background:#d7f4ee!important;color:#087b70!important}.hide-translit .translit,.english-only .he{display:none}.storyend{padding:8px 23px 24px}.takeaway{padding:0;margin:0;border:0;background:none}.takeaway h2{font-family:Ploni;font-size:21px;margin:10px 0 12px}.takeaway .word{display:inline-flex;vertical-align:top;flex-direction:column;gap:6px;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:12px 8px;margin:0 0 8px 5px;font-size:14px;max-width:100%;min-width:90px}.takeaway .word b{font-family:Inter;font-size:14px}.speaking{margin:12px 0;font-size:15px}.word-pocket{background:none;border:0;padding:5px 0;margin:10px 0;font-size:15px}.question h3{font-family:Ploni;font-weight:500;line-height:1.3}.question .answers{display:flex;flex-direction:row;gap:8px;padding:0}.question .answers button{width:auto;padding:6px;line-height:1.3;font-size:15px;overflow-wrap:anywhere}.question .answers button[lang=en]{font-family:Inter;font-size:12px}.question .answers button.incorrect{background:#fff1e8;border-color:#c58e66}.feedback:empty{display:none}.mark-read{display:block;width:100%;margin:15px 0;border:1px solid #93d6c8;border-radius:12px;background:#e7f7f2;color:#068574;font-size:16px}.nav-stories{display:flex;flex-direction:column;gap:10px;border:0;padding:0;margin:0}.nav-stories a{font-size:16px}.nav-stories .primary{margin:0;font-size:19px}.is-reader #player[hidden]{display:none!important}#player.designer-player{position:fixed;bottom:0;right:0;left:0;top:auto;max-width:560px;width:100%;margin:0 auto;min-height:157px;height:auto;display:flex;flex-direction:column;border:0;border-radius:24px 24px 0 0;background:var(--navy);color:white;padding:15px 24px max(20px,env(safe-area-inset-bottom));gap:0;box-shadow:none;z-index:40}#player.designer-player .playerlabel{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:6px;width:calc(100% - 20px);order:0}#player-title{font-family:Ploni;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}#player-state{font-size:11px;color:#abc0db;display:inline}#player .timeline{width:100%;order:1;margin:15px 0 8px}#player .timeline>div{overflow:hidden}#player .sentence-controls{display:flex;justify-content:space-between;align-items:center;width:100%;direction:ltr;order:2;gap:4px}#player button{border:0;background:none;color:#e4ecf7;width:44px;height:48px;padding:0;border-radius:0;font-size:22px;min-width:0}#player #pause{order:2;background:var(--amber);color:var(--navy);border-radius:50%;width:48px;font-size:23px}#player #repeat-sentence{order:0}#player #previous-sentence{order:1}#player #next-sentence{order:3}#player #speed{order:4;font:500 14px Inter}#player #stop{position:absolute;top:5px;left:4px;width:30px;height:30px;font-size:20px}#word-popover{font-family:Ploni;background:white;border:1px solid #dfece9;border-radius:16px;box-shadow:0 5px 12px #0b2d5b10;padding:12px 13px;max-width:calc(100vw - 24px);z-index:60}#word-popover .save-word{background:#eff8f5;color:#087e71;border:0;border-radius:8px;font-size:13px}#follow-playback{bottom:170px;background:#fff2d6;border-color:#f5d387;color:var(--navy);z-index:45}body #notice{bottom:180px}.reading .english-title{font-family:Inter}.info-page,.info-page h1{font-family:Ploni}dialog{font-family:Ploni}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #078e81;outline-offset:3px}button:after{pointer-events:none}.reader-options:not([open])>*:not(summary){display:none}.skip-link{z-index:100}.readingmodes button{font-family:Ploni}.install-banner{z-index:80}@media(min-width:700px){body>main#app,body>header.brand,body>footer,.bottomnav,#player.designer-player{max-width:700px}.home .herobody{height:140px}.home .heroart{width:150px;height:140px}.sentence-card>.en{font-size:18px}.sentence-card>.translit{font-size:22px}.continue .herobody h2{font-size:36px}}
[hidden],#player.designer-player[hidden]{display:none!important}#player.designer-player{transform:none}body{background:var(--cream);color:var(--navy);line-height:1.3}.brand{line-height:1.1}.brand small{letter-spacing:0;font-weight:400}.brandname{display:flex}.en{border:0;background:none;padding:0;color:inherit;margin:0}.search input{font-family:Ploni;font-size:15px}.global-search label.search{display:flex;font-weight:400}.continue .herobody h2{margin:6px 0 7px;font-weight:700}.continue .heroeyebrow{color:#b9cce3}.continue .herobody .en{font-size:10px;color:#e0e7f0}.sentence-reader .paragraph{padding:0}.sentence-reader .sentence-card{display:block;direction:rtl;text-align:right;text-decoration:none;border:1px solid var(--line);border-radius:19px;padding:11px 15px 16px;margin:0 0 13px;background:#fff;scroll-margin-block:20px 180px}.sentence-reader .sentence-card.active{border:1.5px solid #e6b85f;background:#fff;box-shadow:0 5px 14px #b9892510;border-radius:19px 19px 7px 19px}.sentence-card .reading-word{text-decoration:none}.sentence-card .he{color:var(--navy)}.sentence-card .translit{font-synthesis:none}.sentence-card .sentence-top{justify-content:flex-start}.sentence-card .sentence-listen{order:3}.now-listening{order:2}.sentence-card>.en{padding:0}.comprehension{padding:0;border:0;margin:16px 0}.reading .primary{flex:none}.read-check{display:inline}.install-banner{font-size:14px}.install-banner span{font-size:12px}.install-banner button{border:0}.install-banner[hidden]{display:none}.info-page h1{font-size:32px;margin:20px 0}.info-page h2{margin:15px 0}.info-page a{text-decoration:underline}.crumb{display:block;margin:10px 0}.reviews{display:grid;gap:12px}.reviews .tile,.task{display:block;padding:20px;background:white;border:1px solid var(--line);border-radius:16px;margin:10px 0}.skip-link{position:fixed;top:-100px;background:var(--navy);color:white;padding:12px}.skip-link:focus{top:12px}#notice{position:fixed;left:12px;right:12px;text-align:center;background:#fff2d6;padding:12px;border-radius:12px;z-index:70}#notice:empty{display:none}body>footer{display:block}.word-actions button{border:1px solid var(--line);border-radius:9px}#word-popover .close-word{font-size:20px}.popover-en{font-family:Inter;font-size:17px}.reading-tools .hint{font-size:12px}.story-view button{font-size:13px;font-family:Ploni}.welcome-logo{width:140px;display:block;margin:0 auto 15px}.reading .word span{margin:0}#follow-playback{padding:10px 16px;border-radius:12px}.reading .sentence-card p{overflow-wrap:anywhere}.storymeta b{font-weight:500}.new-link{min-height:44px}.reader-options summary{min-height:44px}.reader-back{margin:0}.comprehension .answers button{font-family:Ploni}.storyend .question .answers button[lang=en]{font-family:Inter}
#app:focus{outline:none}.paragraph-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.paragraph-top button{font-size:12px;min-height:30px;border:0;background:none;padding:0}.paragraph-top .paragraph-number{font-size:12px}.reader-options{position:absolute;top:12px;left:max(58px,calc((100vw - 560px)/2 + 58px));z-index:20;margin:0;max-width:calc(100vw - 46px)}.reader-options summary{font-size:0;width:44px;height:44px;list-style:none;display:flex;align-items:center;justify-content:center}.reader-options summary::-webkit-details-marker{display:none}.reader-options summary:after{content:'⋯';font:24px Inter;color:var(--slate)}.reader-options[open]{position:fixed;top:64px;left:23px;right:23px;max-width:514px;margin:0 auto;background:white;border:1px solid var(--line);padding:12px;border-radius:15px;box-shadow:0 6px 20px #0b2d5b20}.reader-options[open] summary{font-size:13px;width:auto;height:30px;min-height:30px;justify-content:space-between}.reader-options[open] summary:after{content:'×'}.sentence-reader{padding-top:4px}.paragraph-top{margin-bottom:8px}.lightlabel .ic{width:17px;height:17px;color:var(--amber)}@media(min-width:700px){.reader-options{left:max(58px,calc((100vw - 700px)/2 + 58px))}}
:root{--paper:var(--cream)}#audio-progress{width:0}.reader-options .reading-tools{align-items:center}.reader-options .hint{margin:6px 0}.reader-options .reading-speed small{display:block}.sentence-card .sentence-listen .ic{width:17px;height:17px}.takeaway .speaking{font-size:14px}.takeaway .speaking .eyebrow{font-size:12px}.storyend .word-pocket summary{min-height:36px}.reader-options[open] .story-view{border:0;background:#eeeee9}.reader-options[open] .story-view button[aria-pressed=true]{background:var(--navy)}.brandname strong{font-weight:700}.global-search .search>span:first-child{border:0;padding:0;font-size:23px}
/* Five-question reader quiz. */
.story-quiz{color:var(--navy,#10345e)}.quiz-meta{display:flex;justify-content:space-between;font-size:16px;margin:12px 0}.story-quiz progress{width:100%;height:7px;accent-color:#f8b83b;margin-bottom:20px}.quiz-question{display:flex;align-items:flex-start;gap:8px;direction:ltr}.quiz-question h3{flex:1;margin:0;font-size:21px;line-height:1.4;overflow-wrap:anywhere}.quiz-audio{width:44px;min-width:44px;height:44px;border:0;border-radius:50%;background:#edf2f7;color:#10345e;display:grid;place-items:center}.quiz-audio svg{width:22px;height:22px}.quiz-translation{font-size:15px;color:#737d8c;margin:8px 0 20px}.quiz-answers{display:grid;gap:10px}.quiz-option{display:flex;direction:ltr;gap:8px;align-items:center}.quiz-answer{flex:1;min-width:0;border:1px solid #dde3e7;border-radius:12px;padding:14px 12px;background:white;text-align:left;font-size:17px;line-height:1.4;color:#10345e}.quiz-answer:disabled{opacity:1;cursor:default}.quiz-answer.correct{background:#e6f6f2;border-color:#79c9b9;color:#008b7a}.quiz-answer.incorrect{background:#fff0ed;border-color:#dca59b}.quiz-feedback{font-size:16px;min-height:24px;margin:14px 0}.quiz-next{width:100%;margin-top:8px}.quiz-next[hidden]{display:none}.quiz-result{text-align:center;background:white;border:1px solid #e5e5df;border-radius:22px;padding:28px}.quiz-result strong{display:block;font-size:54px;color:#008b7a;direction:ltr;margin:20px}.quiz-result button{margin:auto}.story-quiz button:focus-visible{outline:3px solid #10345e;outline-offset:3px}
.quiz-meta span:last-child{direction:ltr;unicode-bidi:isolate}.story-quiz progress{appearance:none;border:0;border-radius:8px;overflow:hidden;background:#e6ebec}.story-quiz progress::-webkit-progress-bar{background:#e6ebec}.story-quiz progress::-webkit-progress-value{background:#f8b83b;border-radius:8px}

/* Continuous story reader; Hebrew and pronunciation share Leon Product typography. */
@font-face{font-family:"Leon Product";src:url('fonts/leon.woff2') format('woff2');font-weight:400;font-display:swap}
.reading>.story-view{margin:0 23px 12px;border-radius:12px;background:#eeeee9}
.reading>.story-view button{font-size:16px;min-height:44px;border-radius:9px}
.reading>.story-view button[aria-pressed=true]{background:var(--navy);color:white}
.full-language{margin:0 0 20px;padding:18px;background:white;border:1px solid var(--line);border-radius:19px}
.full-language h2{font:500 16px Ploni;color:var(--slate);margin:0 0 12px;text-align:start}
.full-story .full-language>p{margin:0;white-space:normal;overflow-wrap:anywhere}
.full-story .he,.full-story .translit{font-family:"Leon Product",sans-serif;font-weight:400;font-size:23px;line-height:1.85;color:var(--navy);font-synthesis:none}
.full-story .en{font:400 17px/1.95 Inter,sans-serif;text-align:left}
.full-story .full-sentence{display:inline;cursor:pointer;border-radius:4px;scroll-margin-block:100px 180px}
.full-story .full-sentence.active{background:#fff0cd;box-shadow:0 2px 0 #e6b85f}
.full-sentence:focus-visible{outline:2px solid #078e81;outline-offset:3px}
.hide-translit .translit-block,.english-only .he-block{display:none}
.full-story .full-sentence{border:0;padding:0;margin:0;background:transparent;box-shadow:none;font:inherit;line-height:inherit;color:inherit;text-align:inherit}
.full-story .full-sentence.active{background:#fff0cd;box-shadow:0 2px 0 #e6b85f}

/* Compact RTL player. Measured height includes the device safe area. */
:root{--player-height:0px}
body.is-reader{padding-bottom:var(--player-height)}
html{scroll-padding-bottom:calc(var(--player-height) + 12px)}
#player.designer-player{min-height:0;height:auto;flex-direction:row;align-items:center;gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}
#player.designer-player .playerlabel{order:0;flex:1;min-width:0;width:auto;display:block;line-height:1.2}
#player-title{display:block;max-width:100%;font-size:12px}
#player-state{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#player.designer-player .timeline{display:none}
#player.designer-player .sentence-controls{order:1;flex:0 0 auto;width:auto;gap:1px}
#player.designer-player button{width:34px;height:40px;min-height:40px;font-size:19px;border-radius:10px}
#player.designer-player button .ic{width:19px;height:19px}
#player.designer-player #pause{width:40px;height:40px;font-size:21px}
#player.designer-player #speed{width:39px;font-size:12px}
#player.designer-player #stop{position:static;order:2;width:28px;height:40px;font-size:22px}
#player.designer-player #expand-player{display:none}
#player.designer-player.is-mini{padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom));gap:8px;border-radius:14px 14px 0 0}
#player.designer-player.is-mini .playerlabel,#player.designer-player.is-mini #stop,#player.designer-player.is-mini #repeat-sentence,#player.designer-player.is-mini #previous-sentence,#player.designer-player.is-mini #next-sentence,#player.designer-player.is-mini #speed{display:none}
#player.designer-player.is-mini #expand-player{display:block;order:0;flex:1;width:auto;text-align:right;padding:0 8px;font:500 14px Ploni,sans-serif}
#player.designer-player.is-mini .sentence-controls{order:1}
#player.designer-player.is-mini #pause{width:34px;height:32px;min-height:32px;font-size:18px}
#follow-playback,body #notice{bottom:calc(var(--player-height) + 12px)}
.sentence-reader .sentence-card,.full-story .full-sentence{scroll-margin-bottom:calc(var(--player-height) + 12px)}