@font-face{font-family:EzraSILW;src:local("Ezra SIL");font-display:swap;font-style:normal;font-weight:400}:root{color:var(--primary-dark);--ink: var(--primary-dark);--teal: var(--primary-medium);--gold: var(--primary-light);--paper: var(--white)}*{box-sizing:border-box}[lang=he]{font-family:EzraSILW,Ezra SIL,"Noto Serif Hebrew",Times New Roman,serif}.app{min-height:100vh}.text-button{border:0;background:transparent;color:var(--ink);font-weight:700;padding:10px}.quiz-index-link{display:inline-block;margin-bottom:12px;color:#697977;font-size:13px;font-weight:700;text-decoration:none;background:none;border:none;padding:0;cursor:pointer}.quiz-index-link:hover{color:var(--teal);text-decoration:underline;text-underline-offset:.2em}.game-nav{display:flex;justify-content:space-between;gap:24px}button.quiz-index-link{font-family:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent-warm);outline-offset:3px}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 20px 56px;position:relative;overflow:hidden}.hero:after{content:"ב";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:400 260px "Noto Serif Hebrew",serif;color:#3171970a;z-index:1;pointer-events:none}.hero>*{position:relative;z-index:2}.eyebrow,.step{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}h1,h2,.sentence{font-family:"Hedvig Letters Serif",Georgia,serif}.hero h1{font-size:clamp(36px,5.5vw,64px);line-height:1.1;letter-spacing:-.02em;margin:16px 0;font-weight:600;max-width:800px}.hero h1 em{color:var(--teal);font-weight:400;font-style:italic}.hero>p{color:#526563;line-height:1.7;font-size:16px;margin:0 0 24px;max-width:600px}.learning-path{display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.learning-path i{color:var(--accent-warm);font-style:normal}.setup-card,.reading-card,.summary-card{background:#fffdf8eb;border:1px solid rgba(24,52,50,.15);box-shadow:0 18px 50px #1c353014;padding:48px 6%;margin-bottom:24px}.card-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px;border-bottom:1px solid rgba(24,52,50,.12)}.card-heading h2{margin:6px 0 0;font-size:36px;color:var(--ink);border:none;padding:0;text-align:left}.progress-note{text-align:right}.progress-note strong,.progress-note span{display:block}.progress-note strong{font:600 30px "Hedvig Letters Serif",Georgia,serif}.progress-note span{font-size:11px;color:#697977}.choice-group{border:0;padding:30px 0;margin:0;border-bottom:1px solid rgba(24,52,50,.1)}.choice-group legend{font:600 22px "Hedvig Letters Serif",Georgia,serif;float:left;width:100%}.choice-group>p{clear:both;color:#70807e;font-size:13px;margin:7px 0 17px}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.choice{display:flex;justify-content:center;text-align:center;align-items:center;min-height:50px;padding:10px;border:1px solid #cbd3ce;background:#fff;font-size:12px;font-weight:600;transition:.15s;cursor:pointer}.choice:hover{border-color:var(--teal)}.choice.selected{color:#fff;background:var(--teal);border-color:var(--teal)}.choice input{position:absolute;opacity:0;pointer-events:none}.session-length label{display:flex;align-items:center;gap:24px}.session-length input{accent-color:var(--teal);width:min(480px,70%)}.session-length strong{font-size:13px;min-width:100px}.primary{display:flex;justify-content:center;align-items:center;gap:18px;min-width:220px;border:0;padding:17px 25px;background:var(--teal);color:#fff;font-weight:700;margin:34px 0 0 auto;box-shadow:0 8px 20px #31719733;cursor:pointer}.primary span{color:var(--accent-warm);font-size:20px}.primary:hover{background:#164b47}.vocab-credits{text-align:center;font:italic 14px "Hedvig Letters Serif",Georgia,serif;color:#6b7b79;padding:20px 0}.vocab-credits small{display:block;margin-top:9px;font:10px Roboto,Calibri,Arial,sans-serif}.vocab-credits a{color:var(--teal)}.app-shell--game{width:100%}.game-header-playing{width:100%;max-width:900px;height:84px;margin:0 auto;padding:18px 0;display:grid;grid-template-columns:52px 1fr 62px;align-items:center;gap:22px}.icon-button{width:44px;height:44px;border:1px solid rgba(24,52,50,.16);border-radius:50%;color:var(--ink);background:var(--paper);font-size:27px;line-height:1;cursor:pointer;display:grid;place-items:center}.game-header__counter{color:#697977;font-size:13px;font-weight:800;text-align:right}.session-progress__track{height:12px;overflow:hidden;border-radius:20px;background:#dfe3dc}.game-page{width:100%;padding-bottom:40px}.reading-card{min-height:480px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:70px 9%}.sentence{font-size:clamp(35px,5vw,58px);line-height:1.45;margin:34px 0;color:#243e3c}.sentence b{color:var(--teal);white-space:nowrap;font-weight:700;border-bottom:2px solid var(--accent-warm)}.quiet-prompt{color:#71817f;font-size:13px;border-left:2px solid var(--accent-warm);padding-left:15px}.meaning-reveal{display:flex;align-items:baseline;gap:12px;margin-top:24px;padding:15px 18px;background:#31719714;border-left:3px solid var(--accent-warm)}.meaning-reveal b{color:var(--teal);font-family:"Noto Serif Hebrew",Times New Roman,serif;font-size:26px;font-weight:700}.meaning-reveal span{font-size:14px}.reading-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px;width:100%;margin-top:34px}.reading-actions .primary{margin:0}.reveal-button{padding:16px 20px}.summary-card>h1{font-size:56px;margin:12px 0;font-family:"Hedvig Letters Serif",Georgia,serif}.summary-card>p{color:#697977}.summary-stats{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #d7d8d0;margin:40px 0}.summary-stats div{padding:25px;border-right:1px solid #d7d8d0}.summary-stats div:last-child{border:0}.summary-stats strong,.summary-stats span{display:block}.summary-stats strong{font:600 36px "Hedvig Letters Serif",Georgia,serif;color:var(--teal)}.summary-stats span{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.summary-card h2{font-size:25px;color:var(--ink);border:none;padding:0;text-align:left}.word-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.word-list div{display:flex;align-items:baseline;justify-content:space-between;padding:14px;background:#f1eee5}.word-list b{font-family:"Noto Serif Hebrew",Times New Roman,serif;font-size:24px;font-weight:600}.word-list span{font-size:12px}.advancement{padding:15px;border-left:3px solid var(--accent-warm);margin:20px 0}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px 0;border-bottom:1px solid #d7d8d0}.setting-row h2{margin:0;font-size:20px;color:var(--ink);border:none;padding:0;text-align:left}.setting-row p{margin:5px 0 0;font-size:14px;color:#697977}.secondary{background:transparent;border:1px solid var(--teal);color:var(--teal);padding:12px 18px;font-weight:700;white-space:nowrap;cursor:pointer}.secondary:hover{background:#1f5a550d}.danger .secondary{border-color:#934d43;color:#934d43}.danger .secondary:hover{background:#934d430d}@media(max-width:760px){.content-inner{padding:16px 12px!important}.game-header{margin-bottom:16px}.app-title{margin:8px 0 0;font-size:26px}.hero{padding:16px 12px 24px}.hero h1{font-size:28px;margin:8px 0;line-height:1.2}.hero>p{margin:0 0 16px;font-size:14px;line-height:1.5}.choice-grid{grid-template-columns:repeat(2,1fr)}.setup-card,.reading-card,.summary-card{padding:20px 16px}.reading-card{min-height:auto}.sentence{font-size:21px;line-height:1.45;margin-bottom:16px}.quiet-prompt{margin-bottom:16px}.summary-card>h1{font-size:32px}.summary-stats,.word-list{grid-template-columns:1fr}.summary-stats div{border-right:0;border-bottom:1px solid #d7d8d0}.setting-row{align-items:flex-start;flex-direction:column;gap:15px}.reading-actions{flex-direction:column;align-items:stretch;width:100%;gap:12px;margin-top:16px}.reading-actions .primary,.reading-actions .secondary{width:100%;min-width:0;margin:0;text-align:center;justify-content:center}}:root{--primary-dark: #2F3842;--primary-medium: #317197;--primary-light: #B54545;--background-light: #f5f5f5;--background-cream: #fafafa;--text-dark: #2F3842;--accent-warm: #F7DA90;--white: #ffffff;--shadow-light: rgba(47, 56, 66, .1);--shadow-medium: rgba(47, 56, 66, .2)}*{margin:0;padding:0;box-sizing:border-box}body,html{margin:0;padding:0;scroll-behavior:smooth}body{font-family:Calibri,Arial,sans-serif;background-color:#317197;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;margin:0}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#2e3842;height:56px}.site-header>h1{font-family:Rokkitt,serif;font-size:250%;margin:0;line-height:56px;text-align:center}.site-header>h1>a{color:#000;text-decoration:none}.site-header>h1>a>span:first-child{color:#fff}.site-header>h1>a>span:nth-child(2){color:#a6a9ad}#root{display:contents}.container{max-width:1300px;width:90%;min-height:100vh;background-color:#fff;-webkit-box-shadow:2px 10px 29px 0px rgba(0,0,0,.75);-moz-box-shadow:2px 10px 29px 0px rgba(0,0,0,.75);box-shadow:2px 10px 29px #000000bf;padding:20px;margin:56px auto 0}.content-inner{max-width:900px;margin:0 auto;padding:40px 20px}h2{font-family:"Hedvig Letters Serif",serif;font-size:32px;text-decoration:none;color:#1682b6;padding:0;margin-top:30px;margin-bottom:20px;display:block;text-align:center}h3{font-family:Merriweather,serif;color:var(--primary-dark);font-size:1.5rem;font-weight:700;margin-bottom:15px;margin-top:20px}p{font-family:"Hedvig Letters Serif",serif;font-size:1.1rem;line-height:1.6em}.subtitle{color:var(--primary-medium);font-size:1.2rem;font-weight:300;font-style:italic;text-align:center;margin-bottom:30px;font-family:"Hedvig Letters Serif",serif}.section-divider{border:none;border-top:2px solid #e0e6ed;margin:25px auto;width:60%}.site-footer{margin-top:60px;padding:30px 0;text-align:center}.site-footer .logo{display:block;margin:0 auto;background:url(https://ectypal.net/_/images/ectypallogo.svg) no-repeat center center;background-size:60px 100px;width:60px;height:100px}@media only screen and (max-width:768px){.container{width:100%;padding:5px;box-shadow:none;border-radius:0}.content-inner{padding:15px 5px}.site-header>h1{font-size:200%}}@media only screen and (max-width:600px){h2{font-size:24px}h3{font-size:1.2rem}}