@font-face{font-family:Vazir;src:url(assets/vazirmatn.woff2)}@font-face{font-family:Lalezar;src:url(assets/lalezar.woff2)}:root{--ink:#302d43;--muted:#777384;--purple:#65539e;--paper:#fcfbf8;--line:#eae6ee}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:Vazir,sans-serif;color:var(--ink);line-height:1.9}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #e6a544;outline-offset:5px}header{max-width:1220px;margin:auto;height:108px;display:flex;align-items:center;gap:60px;padding:0 32px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:Lalezar;font-size:29px;line-height:1.4}.brand small{display:block;font-family:Vazir;font-size:10px;color:var(--muted);letter-spacing:.2px}.brandmark{display:grid;place-items:center;background:var(--purple);border-radius:16px 16px 6px 16px;color:white;width:46px;height:48px;font-size:36px}nav{display:flex;gap:32px;font-size:13px}nav a{padding:14px 0;position:relative;color:#726c7c}nav a.current{color:var(--purple);font-weight:700}nav a.current:after{content:'';height:4px;width:18px;background:#ddaf6c;position:absolute;bottom:0;right:calc(50% - 9px);border-radius:10px}.age{margin-right:auto;border:1px solid var(--line);padding:4px 15px;border-radius:30px;font-size:12px;color:var(--muted)}main{max-width:1156px;padding:0 0 50px;margin:auto;min-height:75vh;outline:none}.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:435px;align-items:center;padding:40px 20px 32px;gap:30px}.eyebrow{color:#8b798f;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:8px}.eyebrow i{width:7px;height:7px;background:#78ab97;border-radius:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1{font-family:Lalezar;font-size:48px;line-height:1.4;margin:15px 0}h1 em{font-style:normal;color:var(--purple);position:relative}h1 em:after{content:'';position:absolute;bottom:3px;left:0;right:0;height:6px;background:#e6bf7e55;border-radius:40%;z-index:-1}.hero p{font-size:14px;color:var(--muted);line-height:2.1;margin-bottom:24px}.primary,.secondary{border:0;border-radius:13px;padding:11px 22px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:13px;min-height:46px;font-weight:600}.primary{color:white;background:var(--purple);box-shadow:0 5px 0 #47387c12}.primary:hover{background:#514186}.secondary{background:white;border:1px solid var(--line);color:#665987}.hero-note{display:block;font-size:10px;color:#918a98;margin-top:13px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:335px;border-radius:50%;background:radial-gradient(ellipse,#ece6f1 0%,#f4f0f4 49%,transparent 70%)}.owl{width:300px;max-width:90%;filter:drop-shadow(0 8px 7px #6c54900a)}.dana{position:absolute;bottom:6px;background:white;border:1px solid #eee7f0;border-radius:30px;padding:5px 18px;font-size:11px;color:#8a7b98;transform:rotate(-3deg)}.float{position:absolute;display:grid;place-items:center;font-family:Lalezar;font-size:39px;border-radius:19px;width:62px;height:65px;box-shadow:0 6px 0 #00000004}.f1{top:18px;right:66px;transform:rotate(12deg);background:#e7bf7d;color:#80582f}.f2{left:35px;top:80px;transform:rotate(-15deg);background:#94bca8;color:#356752}.f3{right:38px;bottom:70px;transform:rotate(9deg);background:#ddd0ec;color:#7758a0}.spark{position:absolute;color:#d8b06b;font-size:29px}.s1{top:20px;left:120px}.s2{bottom:75px;left:48px;font-size:20px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0 24px}.section-head h2{font-family:Lalezar;font-size:29px;margin-top:3px}.pill{font-size:10px;border:1px solid var(--line);border-radius:30px;padding:5px 14px;color:#8c8592}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.path-card{border:1px solid #e5e3dc;border-radius:22px;padding:22px 26px;background:#f0f5ee;position:relative;transition:transform .2s}.path-card:hover{transform:translateY(-5px)}.peach{background:#fbefe4;border-color:#eee0d2}.lavender{background:#f0edf9;border-color:#e2ddef}.card-number{position:absolute;top:16px;left:22px;font-size:12px;opacity:.35}.card-art{height:87px;display:flex;align-items:center;justify-content:center;letter-spacing:8px;font-family:Lalezar;font-size:40px;color:#5b8874}.peach .card-art{font-size:27px;letter-spacing:3px;color:#b27b4c}.lavender .card-art{font-size:30px;letter-spacing:0;color:#8972b8}.path-card h3{font-family:Lalezar;font-size:26px}.path-card p{font-size:11px;color:#807a80;margin:0 0 24px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #9a8d8125;padding-top:14px;font-size:11px}.card-bottom b{font-weight:600}.card-bottom span{color:#8c828a;font-size:10px}.garden-banner{display:flex;align-items:center;gap:20px;border:1px dashed #ddd5c7;border-radius:20px;margin-top:30px;padding:20px 25px;background:#f9f6ef}.garden-icon{font-size:36px}.garden-banner h3{font-family:Lalezar;font-size:23px}.garden-banner p{font-size:11px;color:var(--muted)}.garden-banner a{margin-right:auto;font-size:12px;color:#8c7352}footer{border-top:1px solid var(--line);max-width:1156px;margin:auto;padding:25px 0;font-size:10px;color:#958c9b;display:flex;justify-content:space-between}.page-title{text-align:center;padding:28px 12px}.page-title h1{font-size:36px;margin:7px 0}.page-title p{color:var(--muted);font-size:13px}.exercise-top{display:flex;justify-content:space-between;align-items:center;padding-top:25px;font-size:12px;color:#82748d}.exercise-top select{border:1px solid var(--line);background:white;padding:3px 10px;border-radius:8px}.exercise{max-width:790px;margin:0 auto;background:white;border:1px solid var(--line);border-radius:26px;padding:28px;text-align:center}.exercise h2{font-size:22px}.letter-card{display:flex;align-items:center;justify-content:center;gap:80px;min-height:210px}.giant-letter{font-family:Vazir;font-size:125px;color:var(--purple);line-height:1.5;background:#f3eef9;min-width:160px;border-radius:24px}.giant-letter small{font-size:50px;margin-right:15px}.letter-card p{font-size:13px;color:var(--muted)}.word-emoji{font-size:48px;display:block}.word-emoji.big{font-size:64px}.letter-card .word-emoji{font-size:55px}.choices{display:flex;justify-content:center;gap:14px;margin:24px 0;flex-wrap:wrap}.choice{min-width:120px;padding:16px 25px;background:#faf8fd;border:2px solid #e7e0f0;border-radius:16px;font-size:19px;color:var(--ink)}.choice:hover{background:#eee7f8}.letter-choices .choice{font-size:44px;min-width:100px;padding:4px 20px}.feedback{font-size:13px;color:#93764d;min-height:56px;margin:20px 0 0;padding:13px;background:#faf7ef;border-radius:12px}.feedback.good{color:#34785a;background:#ecf7f0}.exercise-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.exercise-footer>span{font-size:11px;color:var(--muted)}.alphabet-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:26px auto;max-width:800px}.alphabet-strip button{width:43px;height:43px;border:1px solid var(--line);background:white;border-radius:12px;color:var(--ink);font-size:21px}.alphabet-strip .active{border-color:var(--purple);background:#ede6f8}.alphabet-strip .done{box-shadow:inset 0 -4px #90b7a0}.target{font-size:18px}.answer-box{border:2px dashed #d8cee9;border-radius:15px;background:#f8f5fc;min-height:85px;min-width:200px;width:max-content;padding:6px 40px;font-size:44px;margin:20px auto;letter-spacing:0;color:var(--purple)}.tile-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;min-height:66px}.letter-tile{width:61px;height:63px;font-size:32px;color:var(--ink);border:1px solid #e1d5c3;border-bottom:5px solid #decdb5;background:#faf0df;border-radius:12px}.letter-tile:disabled{opacity:.2}.game-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:23px 0}.reading-text{background:#f6f2fc;border-radius:20px;padding:28px;font-size:25px;line-height:2.3;margin:18px 0 26px}.muted{color:var(--muted);font-size:13px}.progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.progress-card{background:white;border:1px solid var(--line);border-radius:23px;padding:25px;text-align:center}.progress-card h2{font-family:Lalezar;font-size:29px}.progress-card p{font-size:12px;color:var(--muted)}.progress-art{font-size:36px;color:var(--purple);background:#f4eefb;border-radius:16px;min-height:70px}.stars{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:24px 0;min-height:100px;align-content:start}.stars span{color:#e9e5ed;font-size:25px}.stars .lit{color:#dfad49}.parent-content{display:grid;grid-template-columns:2fr 1fr;gap:50px;padding:25px}.parent-content h2{font-family:Lalezar;font-size:26px;margin:16px 0 4px}.parent-content p{font-size:14px;line-height:2.2;color:var(--muted)}.parent-content aside{text-align:center;padding:25px;background:#f0ebf7;border-radius:25px;height:fit-content}.parent-content aside h3{font-family:Lalezar;font-size:25px}.parent-content aside p{font-size:12px}.owl.small{width:200px}details{padding:20px;background:#f5f1f8;border-radius:15px;margin-top:30px;font-size:13px}summary{cursor:pointer}details label{display:block;margin:18px 0}.danger{color:#ad5362}.skip{position:absolute;top:-100px;background:white;padding:10px;z-index:9}.skip:focus{top:0}@media(min-width:1500px){.hero{min-height:480px}.hero h1{font-size:53px}}@media(max-width:1200px){main,footer{margin:0 28px}header{gap:40px}.hero{padding-right:0;padding-left:0}.hero h1{font-size:42px}}@media(max-width:760px){header{height:auto;min-height:95px;padding:18px 20px;flex-wrap:wrap;gap:18px}.brand{font-size:26px}nav{order:3;width:100%;gap:25px;font-size:12px;justify-content:center}.age{font-size:10px}.hero{grid-template-columns:1fr;gap:0;text-align:center;padding-top:28px}.hero-art{grid-row:1;min-height:255px;max-width:350px;width:100%;margin:auto}.owl{width:230px}.float{width:46px;height:48px;font-size:30px}.f1{right:39px;top:3px}.f2{left:24px;top:40px}.f3{right:16px;bottom:50px}.hero h1{font-size:36px}.hero p{font-size:12px}.hero-copy{padding-top:20px}.section-head{margin-top:25px}.section-head h2{font-size:25px}.pill{display:none}.cards,.progress-grid{grid-template-columns:1fr;gap:15px}.path-card{padding:20px 25px}.card-art{height:65px}.garden-banner{gap:13px;flex-wrap:wrap}.garden-banner a{margin:0 45px 0 0}.garden-banner p{font-size:10px}main,footer{margin:0 18px}footer{display:block;font-size:9px}footer span{display:block}.exercise{padding:18px 13px}.letter-card{gap:20px;min-height:200px}.giant-letter{font-size:85px;min-width:110px}.giant-letter small{font-size:32px}.letter-card p{font-size:11px}.letter-card .word-emoji{font-size:43px}.page-title h1{font-size:30px}.page-title p{font-size:11px}.exercise-footer{gap:8px}.exercise-footer .primary,.exercise-footer .secondary{font-size:11px;padding:8px 12px}.exercise-footer>span{font-size:9px}.choice{min-width:80px;font-size:16px;padding:12px 17px}.letter-choices .choice{min-width:73px;font-size:35px}.game-actions{gap:7px}.game-actions button{font-size:11px;padding:8px 12px}.tile-row{gap:8px}.letter-tile{width:48px;height:55px;font-size:28px}.reading-text{font-size:22px;padding:20px 15px}.exercise h2{font-size:18px}.parent-content{grid-template-columns:1fr;padding:0;gap:25px}.parent-content aside{order:-1;display:none}.feedback{font-size:11px}.alphabet-strip{gap:6px}.alphabet-strip button{width:38px;height:40px}}

.sound-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #d5c8e9;border-radius:13px;background:#f3edf9;color:#5c468a;padding:7px 17px;font-size:13px;margin:8px 0;cursor:pointer}.sound-button span{font-size:22px}.sound-button.playing{background:#e7f2eb;border-color:#8cb89b;color:#326b4d}.letter-audio{margin:5px 0 12px}.audio-status{min-height:24px;margin-top:8px;font-size:11px;color:#826896}.letter-card{gap:60px}@media(max-width:760px){.letter-card{gap:20px}.letter-card .sound-button{font-size:11px;padding:6px 10px}}

.reading-audio{margin:8px 0 0}.reading-audio .audio-status{margin:0;min-height:22px}.reading-audio+.reading-text{margin-top:10px}

.reading-word{border-radius:5px}.reading-word.is-current{color:#422654;background:#ffdf8a;box-shadow:0 0 0 3px #ffdf8a;text-decoration:underline;text-decoration-color:#98703d;text-underline-offset:5px}

#update-notice{position:fixed;z-index:20;bottom:18px;right:18px;left:18px;max-width:600px;margin:auto;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fff9e8;border:1px solid #dcc693;box-shadow:0 5px 22px #302d4320;border-radius:16px;font-size:12px}#update-notice button{border:0;border-radius:9px;background:#65539e;color:white;padding:7px 15px;cursor:pointer;font-size:12px}