@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Amiri+Quran&display=swap";.definition-term{font:inherit;line-height:inherit;color:inherit;text-align:inherit;-webkit-text-decoration:underline dotted var(--green);text-decoration:underline dotted var(--green);text-underline-offset:4px;cursor:help;letter-spacing:0;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:inline}.definition-term:hover,.definition-term[aria-expanded=true]{color:var(--deep-green)}.definition-panel{z-index:100;background:var(--paper);width:min(320px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);border:1px solid var(--line);border-top:3px solid var(--green);box-shadow:var(--definition-shadow);letter-spacing:0;border-radius:8px;padding:18px;font-size:14px;line-height:1.6;position:fixed;overflow:auto}.definition-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.definition-heading strong{font-size:16px}.definition-close{width:28px;height:28px;color:var(--subtle);border-radius:4px;flex:0 0 28px;place-items:center;display:grid}.definition-close:hover{background:var(--pale)}.definition-arabic{color:var(--deep-green);text-align:left;margin:4px 0;font-family:Noto Naskh Arabic,serif;font-size:22px;display:block}.definition-panel p{margin:8px 0 12px}.definition-link{color:var(--deep-green);align-items:center;gap:8px;font-weight:800;display:inline-flex}.glossary-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.glossary-search{border:1px solid var(--line);color:var(--subtle);background:var(--paper);border-radius:8px;align-items:center;gap:10px;margin:24px 0;padding:12px 16px;display:flex}.glossary-search input{width:100%;min-width:0;color:var(--ink);background:0 0;outline:none}.glossary-search:focus-within{outline:2px solid var(--green);outline-offset:2px}.glossary-entry{border-bottom:1px solid var(--line);padding:22px 0;scroll-margin-top:100px}.glossary-entry:target{background:var(--pale);outline:8px solid var(--pale);border-radius:4px}.glossary-entry summary{cursor:pointer;color:var(--ink);align-items:center;gap:12px;list-style:none;display:flex}.glossary-entry summary::-webkit-details-marker{display:none}.glossary-entry summary strong{flex:1;font-size:18px}.glossary-entry summary svg{color:var(--green);transition:transform .15s}.glossary-entry[open] summary svg{transform:rotate(180deg)}.glossary-entry p{margin-top:12px}.glossary-entry .definition-arabic{margin:0}.glossary-entry-links{flex-wrap:wrap;gap:12px 24px;margin-top:14px;display:flex}.glossary-top-link{color:var(--deep-green);align-items:center;gap:6px;font-weight:800;display:inline-flex}@media (width<=650px){.glossary-top-link span{display:none}.glossary-top-link{padding:6px}.glossary-entry summary{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.glossary-entry summary svg{transition:none}}.feedback-link{color:inherit;opacity:.8;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-size:.9em;text-decoration:underline;display:inline-flex}.feedback-link:hover,.feedback-link:focus-visible{opacity:1}.feedback-link.inline svg{display:none}.sidebar-bottom .feedback-link{margin:6px 0;display:flex}.feedback-backdrop{z-index:80;background:#11221a73;place-items:end center;padding:12px;display:grid;position:fixed;inset:0}@media (width>=640px){.feedback-backdrop{place-items:center}}.feedback-modal{background:var(--paper,#f4efe6);width:min(460px,100%);color:var(--ink,#1e3f2c);box-shadow:0 6px 0 var(--line,#d8cfbf);border-radius:20px;max-height:90vh;padding:22px;position:relative;overflow:auto}.feedback-modal h2{margin:0 0 12px}.feedback-close{cursor:pointer;color:inherit;background:0 0;border:0;position:absolute;top:12px;right:12px}.feedback-chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.feedback-chips .chip{border:2px solid var(--line,#d8cfbf);font:inherit;cursor:pointer;color:inherit;background:0 0;border-radius:999px;padding:6px 12px}.feedback-chips .chip.active{border-color:var(--green,#1e3f2c);background:var(--pale,#e6efe4);font-weight:700}.feedback-prompt{margin-bottom:6px;font-weight:700;display:block}.feedback-modal textarea{border:2px solid var(--line,#d8cfbf);width:100%;font:inherit;color:inherit;resize:vertical;background:#fff;border-radius:12px;padding:10px}.feedback-context{opacity:.75;margin:8px 0;font-size:.85em}.feedback-error{color:#a33;margin:6px 0}.feedback-thanks{text-align:center;padding:12px 0}:root{--definition-shadow:0 8px 28px #1e3f2c29;--welcome-background:0 0% 100%;--welcome-foreground:147 29% 18%;--welcome-muted:148 10% 40%;--welcome-primary:145 63% 32%;--welcome-primary-foreground:60 33% 98%;--welcome-accent:39 78% 65%;--welcome-accent-foreground:147 29% 18%;--welcome-soft:135 65% 96%;--welcome-border:139 18% 85%;--welcome-shadow:0 5px 0 #155b32;--welcome-card-shadow:0 4px 0 hsl(var(--welcome-border));--welcome-blue:195 65% 38%;--welcome-blue-soft:195 75% 94%;--welcome-violet:270 45% 47%;--welcome-violet-soft:270 70% 96%;--welcome-gold-soft:42 100% 94%;--welcome-image-shade:hsl(var(--welcome-primary) / .22)}*,:before,:after{box-sizing:border-box;border:0 solid #e1e7de}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5}body{margin:0}button,input,optgroup,select,textarea{font:inherit;color:inherit;margin:0;padding:0}button{text-transform:none;background:0 0}a{-webkit-text-decoration:inherit;text-decoration:inherit}h1,h2,h3,h4,p,figure{margin:0}img,svg{vertical-align:middle;display:block}img{max-width:100%;height:auto}button,input[type=button],input[type=submit]{appearance:button}input[type=radio]{appearance:auto}progress{vertical-align:baseline}fieldset{margin:0;padding:0}legend{padding:0}button:not(:disabled){cursor:pointer}[hidden]{display:none}.animate-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}:root{--ink:#263e35;--subtle:#64746c;--green:#247a54;--deep-green:#18563d;--pale:#edf6e9;--line:#e1e7de;--paper:#fffefa;--gold:#f3b957}.mixed-practice{margin-top:18px}.glossary-card{margin-top:24px}.glossary-card dt{margin-top:20px;font-size:14px;font-weight:850}.glossary-card dd{color:var(--subtle);margin:7px 0 0;font-size:13px;line-height:1.75}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Nunito,system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.55}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:clamp(1.8rem,3vw,2.35rem);font-weight:900;line-height:1.2}h2{font-size:1.2rem;font-weight:850;line-height:1.4}h3{font-size:1.08rem;font-weight:850}p{color:var(--subtle);line-height:1.7}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #b7731b}main:focus,.question-body h1:focus{outline:none}.learning-app{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fffefa;flex-direction:column;width:236px;padding:22px 22px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:var(--green);letter-spacing:-.8px;align-items:center;gap:10px;font-size:22px;font-weight:900;line-height:1;text-decoration:none;display:flex}.brand-mark{background:#eaf3dd;border-radius:14px;flex-shrink:0;place-items:center;width:41px;height:44px;display:grid}.brand-light{letter-spacing:2.5px;margin-top:5px;font-size:13px;font-weight:700;display:block}.sidebar-label{letter-spacing:1.5px;color:#8a958c;margin:20px 12px 12px;font-size:10px;font-weight:800}.sidebar nav{flex-direction:column;gap:5px;display:flex}.nav-link{color:#79867b;border:2px solid #0000;border-radius:13px;align-items:center;gap:15px;padding:10px 17px;font-size:16px;font-weight:850;text-decoration:none;display:flex}.nav-link:hover{background:#f5f6ee}.nav-link.active{color:var(--green);background:#edf5e5;border-color:#cee0bc}.sidebar-bottom{color:var(--green);margin-top:auto;padding:24px 12px 0}.sidebar-bottom p{color:#738072;margin:8px 0 10px;font-size:14px;font-weight:750;line-height:1.5}.sidebar-bottom a{color:var(--subtle);margin-top:8px;font-size:12px;display:block}.workspace{margin-left:236px}.topbar{border-bottom:1px solid var(--line);background:#fffefaf2;justify-content:space-between;align-items:center;height:83px;padding:0 44px;display:flex}.topbar-label{color:#7e8b80;font-size:13px;font-weight:700}.stat-pills{align-items:center;gap:28px;display:flex}.stat-pills>:is(span,a:not(.profile-dot)){color:#ba711b;align-items:center;gap:7px;font-weight:900;display:flex}.stat-pills>:is(span,a:not(.profile-dot)):nth-child(2){color:var(--green)}.stat-caption{font-size:12px;font-weight:750}.profile-dot{color:#53714e;background:#edf2e8;border:1px solid #d9e4d2;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.page{max-width:1230px;margin:auto;padding:40px 44px 50px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px;display:flex}.page-heading p{margin-top:10px;font-size:14px}.eyebrow{letter-spacing:1.65px;color:#7e8c76;margin-bottom:10px;font-size:10px;font-weight:900}.pill{white-space:nowrap;letter-spacing:.4px;background:#f2f1e6;border-radius:6px;padding:5px 9px;font-size:10px;font-weight:850;line-height:1.2;display:inline-block}.soft-green{color:#4b7543;background:#edf4e3}.soft-gold{color:#8b5b16;background:#fff2d5}.home-grid{grid-template-columns:minmax(0,1fr) 280px;gap:30px;display:grid}.journey-banner{background:var(--green);border-radius:20px;align-items:center;min-height:238px;padding:29px 30px;display:flex;position:relative;overflow:hidden}.journey-banner>div{z-index:1;max-width:73%;position:relative}.journey-banner .eyebrow{color:#c4e4b3;letter-spacing:1.2px;font-size:9px}.journey-banner h2{color:#fffcef;letter-spacing:-.5px;margin:3px 0 8px;font-size:29px;font-weight:900}.journey-banner p{color:#daebd5;margin-bottom:20px;font-size:14px;line-height:1.65}.journey-banner .sprout{width:155px;position:absolute;bottom:19px;right:5px;transform:rotate(7deg)}.button{letter-spacing:.15px;border:1.5px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:12px 19px;font-size:13px;font-weight:900;line-height:1.3;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.button:not(:disabled):hover{transform:translateY(-1px)}.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 3px #18533c}.wide{width:100%}.button-row{flex-wrap:wrap;gap:12px;display:flex}.section-heading{justify-content:space-between;align-items:center;margin:29px 0 17px;display:flex}.section-heading h2{font-size:18px}.section-heading>span{color:#83907f;font-size:11px;font-weight:750}.skill-path{padding:2px 0;position:relative}.path-step{align-items:center;gap:22px;min-height:123px;padding:9px 12px;display:flex;position:relative}.path-node-wrap{flex-shrink:0;align-self:stretch;align-items:center;width:64px;display:flex;position:relative}.path-node-wrap:after{content:"";z-index:0;background:#e1e8d8;width:3px;position:absolute;top:70%;bottom:-38%;left:30px}.path-step:nth-last-child(2) .path-node-wrap:after{bottom:-25%}.path-node{z-index:1;color:#9da894;background:#edf1e7;border:2px solid #e1e6d9;border-radius:23px;place-items:center;width:64px;height:62px;font-size:25px;font-weight:900;text-decoration:none;display:grid;position:relative;box-shadow:0 5px #dde4d4}.current .path-node,.path-node.complete{color:#fff;background:#71ad52;border-color:#69a54a;box-shadow:0 5px #4f8438}.current .path-node:before{content:"";border:2px dashed #b5d491;border-radius:30px;position:absolute;inset:-8px}.path-title{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.path-info{flex:1;min-width:0}.path-info p{margin:5px 0 6px;font-size:13px}.text-link{color:var(--green);background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:12px;font-weight:850;text-decoration:none;display:inline-flex}.text-link:hover{text-decoration:underline}.locked h3{color:#7f8c7c}.locked p,.locked .small{color:#8c9786}.path-arabic{color:#849c74;opacity:.65;margin-left:auto;font-family:Noto Naskh Arabic,serif;font-size:22px}.path-finish{color:#99a78c;align-items:center;gap:20px;padding:25px 12px 0;display:flex}.path-finish>svg{flex-shrink:0;margin:0 20px}.path-finish strong{font-size:13px}.path-finish p{color:#8b9781;margin-top:4px;font-size:11px}.home-rail{flex-direction:column;gap:20px;display:flex}.card{border:1.5px solid var(--line);background:#fff;border-radius:17px;padding:23px}.card-title{justify-content:space-between;align-items:center;gap:14px;display:flex}.card-title h2{font-size:16px}.card-title>svg{color:#b79855}.goal-card .goal-number{color:var(--green);margin:23px 0 11px;font-size:25px;font-weight:900}.goal-number span{color:#899280;font-size:12px;font-weight:700}.goal-card p{margin:13px 0;font-size:12px}.goal-card .text-link{font-size:11px}progress{accent-color:#7cae4b;background:#edf0e7;border:0;border-radius:30px;width:100%;height:12px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:#edf0e7;border-radius:30px}progress::-webkit-progress-value{background:#7cae4b;border-radius:30px}progress::-moz-progress-bar{background:#7cae4b;border-radius:30px}.review-card{background:#f8f6ed;border-color:#e9e5d4}.icon-tile{color:#8d8147;background:#ece9d4;border-radius:13px;place-items:center;width:45px;height:45px;margin-bottom:13px;display:grid}.review-card h2{font-size:17px}.review-card p{margin:8px 0 19px;font-size:13px}.milestones h2{margin-bottom:20px;font-size:16px}.milestones>div{color:#99a58d;align-items:center;gap:13px;margin-top:21px;display:flex}.milestones>div>svg:first-child{background:#f1f3ea;border-radius:10px;flex-shrink:0;width:34px;height:34px;padding:7px}.milestones>div>span{font-size:12px;font-weight:850}.milestones small{color:#96a08b;margin-top:3px;font-size:10px;font-weight:650;display:block}.milestones .earned{color:var(--green)}.milestones .earned>svg:first-child{background:#e9f4dd}.teacher-note{color:#8c9b7d;gap:10px;padding:0 7px;display:flex}.teacher-note svg{flex-shrink:0;margin-top:3px}.teacher-note p{color:#8c9b7d;font-size:11px;line-height:1.65}.app-footer{text-align:center;color:#87927f;flex-wrap:wrap;justify-content:center;gap:6px 18px;max-width:1200px;margin:auto;padding:10px 30px 35px;font-size:12px;display:flex}.app-footer a,.app-footer .feedback-link{font:inherit;color:inherit;text-underline-offset:3px;opacity:1;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:underline}.app-footer a:hover,.app-footer .feedback-link:hover{color:var(--deep-green)}.small{color:var(--subtle);font-size:12px;line-height:1.65}.muted{color:var(--subtle)}.lead{margin:13px 0 28px;font-size:16px}.narrow{max-width:850px}.notice{color:#3f6746;background:#edf4e7;border:1px solid #cfdcc3;border-radius:12px;margin:18px 0;padding:18px 24px;font-size:14px;line-height:1.6}.workspace>.notice{margin:15px 40px}.notice p{color:inherit}.notice a,.notice button:not(.button){font-weight:800;text-decoration:underline}.notice.warning{color:#785820;background:#fff5df;border-color:#e7ce94}.onboarding{text-align:center;max-width:700px;margin:auto;padding:45px 40px}.sprout{width:180px;display:block}.onboarding>.sprout{width:130px;margin:5px auto 14px}.onboarding h1{font-size:34px}.onboarding>p{max-width:490px;margin:18px auto}.gift-teaser{border:2px solid var(--gold);max-width:430px;color:var(--ink);text-align:left;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:9px;margin:0 auto 6px;padding:11px 16px;font-size:14px;line-height:1.4;display:flex}.gift-teaser svg{color:var(--gold);flex-shrink:0}.before-start{background:var(--pale);border:2px solid var(--line);text-align:left;border-radius:16px;max-width:440px;margin:16px auto 0;padding:14px 18px 16px}.before-start h2{letter-spacing:.05em;text-transform:uppercase;color:var(--deep-green);text-align:center;margin:0 0 8px;font-size:14px}.before-start ul{margin:0;padding:0;font-size:14px;line-height:1.5;list-style:none}.before-start li+li{margin-top:9px}.before-start .text-link{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.start-note{text-align:left;background:#f6f8ef;gap:16px;margin:27px 0;display:flex}.start-note>svg{color:#71924e;flex-shrink:0}.start-note strong{font-size:14px}.start-note p{margin-top:6px;font-size:13px}.goal-picker{border:0;gap:12px;margin:25px 0;padding:0;display:flex}.goal-picker legend{margin:0 auto 17px;font-weight:850}.goal-picker label{border:2px solid var(--line);cursor:pointer;border-radius:13px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px 9px;display:flex;position:relative}.goal-picker input{accent-color:var(--green)}.goal-picker .selected{background:#f0f6e8;border-color:#7ca856}.goal-picker label strong{font-size:14px}.goal-picker label span{color:var(--subtle);font-size:10px}.back-link{color:var(--subtle);align-items:center;gap:8px;margin-bottom:30px;font-size:13px;text-decoration:none;display:inline-flex}.lesson-page{max-width:800px}.rule-intro{margin-top:26px;position:relative}.rule-intro>p{max-width:85%;font-size:16px}.rule-arabic{float:right;color:#658b4f;text-align:right;flex-direction:column;align-items:flex-end;max-width:45%;margin:0 0 14px 20px;font-family:Noto Naskh Arabic,serif;font-size:34px;display:flex}.rule-arabic-label{color:var(--subtle);margin-top:4px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;line-height:1.3}.letter-chips{clear:both;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin:23px 0;display:flex}.letter-chips>span{color:#44683c;background:#f0f5e9;border:1px solid #dbe7d0;border-radius:12px;place-items:center;width:48px;min-height:51px;font-family:Noto Naskh Arabic,serif;font-size:29px;display:grid}.example-card{margin-top:22px}.verse-card{text-align:center;padding:15px 5px}.arabic-phrase{color:#263e35;white-space:pre-wrap;overflow-wrap:anywhere;font-family:Amiri Quran,Noto Naskh Arabic,serif;font-size:clamp(30px,4vw,42px);line-height:2.6}.arabic-phrase mark{color:#315e30;background:#e4efcc;border-bottom:2px solid #81a95a;border-radius:4px;padding:1px 0}.verse-card>a{color:#7b8c71;text-underline-offset:3px;font-size:11px;text-decoration:underline}.audio-control{flex-direction:column;align-items:center;gap:9px;margin:18px 0;display:flex}.audio-button{color:#416d37;background:#f1f7e9;border:1.5px solid #cedec4;border-radius:12px;justify-content:center;align-items:center;gap:11px;min-height:48px;padding:12px 19px;font-size:13px;font-weight:850;display:inline-flex}.audio-button svg{width:20px;height:20px}.audio-control>small{color:#87927d;font-size:10px}.audio-control>p{color:#986727;text-align:center;max-width:450px;font-size:12px}.tip{background:#f8f5e9;border-radius:12px;gap:11px;margin:23px 0;padding:17px 19px;font-size:13px;display:flex}.tip>svg{color:#9c8844;flex-shrink:0;margin-top:3px}.tip p{flex:1;min-width:0;margin:0;font-size:13px}.example-navigation{justify-content:center;gap:11px;margin-top:23px;display:flex}.example-navigation button{border:1px solid var(--line);border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.example-navigation button.active{color:var(--green);background:#e4efda;border-color:#a1bd83}.lesson-actions{text-align:center;margin:28px auto}.lesson-actions .small{max-width:420px;margin:19px auto}.review-intro{background:#f2f6e9;gap:21px;margin:25px 0;display:flex}.review-intro>svg{color:var(--green);flex-shrink:0}.review-intro p{margin-top:10px;font-size:14px}.review-list{flex-direction:column;gap:17px;display:flex}.review-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.review-row h2{margin-top:12px}.review-row p{margin:6px 0;font-size:13px}.review-row small{color:var(--subtle);font-size:11px}.review-row .button{flex-shrink:0}.practice-layout{padding-top:30px}.practice-top{align-items:center;gap:23px;max-width:850px;margin:0 auto 20px;padding:0 30px;display:flex}.practice-top>span{color:#7c8e6c;min-width:43px;font-size:13px;font-weight:800}.icon-button{color:#8c9981;background:0 0;border-radius:8px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.icon-button:hover{background:#edf2e6}.question-body{max-width:690px;min-height:600px;margin:auto;padding:24px 30px 30px}.question-body h1{letter-spacing:-.4px;margin-bottom:18px;font-size:25px;line-height:1.4}.question-body>.eyebrow{margin-bottom:12px}.answer-options{flex-direction:column;gap:10px;margin:24px 0;display:flex}.answer-option{text-align:left;color:#496140;background:#fff;border:2px solid #e0e6d8;border-radius:13px;align-items:center;gap:15px;min-height:56px;padding:13px 16px;font-size:15px;font-weight:750;display:flex;box-shadow:0 3px #e8ecdf}.answer-option:hover:not(:disabled){background:#f6f9f0}.answer-option.chosen{color:#3c632b;background:#eef6e2;border-color:#99bd72;box-shadow:0 3px #99bd72}.answer-option:disabled{opacity:1;cursor:default}.option-number{color:#92a27f;border:1px solid #d9e1cf;border-radius:7px;place-items:center;width:25px;min-width:25px;height:25px;font-size:11px;display:grid}.answer-option>svg{flex-shrink:0;margin-left:auto}.answer-option.answer-correct,.letter-question .answer-correct{color:#315b2a;background:#e5f1db;border-color:#80a85d}.answer-option.answer-incorrect{color:#84602b;background:#fff2df;border-color:#dcb76c}.letter-question{text-align:center;white-space:pre-wrap;padding:25px 0;font-family:Amiri Quran,Noto Naskh Arabic,serif;font-size:39px;line-height:2.6}.letter-question button{font:inherit;background:#f4f7ee;border-bottom:3px solid #d5dfc9;border-radius:7px;min-width:30px;margin:0 1px;padding:0 1px}.letter-question button.chosen{background:#d8eac3;border-color:#75a650}.letter-question button:disabled{opacity:1}.listen-note{text-align:center;margin-top:13px}.practice-feedback{border-top:1px solid var(--line);z-index:5;background:#f8faf3;padding:23px 30px;position:sticky;bottom:0;box-shadow:0 -6px 20px #fffefa80}.feedback-inner{justify-content:space-between;align-items:center;gap:28px;max-width:800px;margin:auto;display:flex}.feedback-inner>.button{flex-shrink:0;min-width:160px}.feedback-inner>.muted{font-size:13px}.feedback-inner p{margin-top:8px;font-size:13px;line-height:1.65}.feedback-title{align-items:center;gap:10px;display:flex}.feedback-title h2{font-size:17px}.positive{background:#e8f3de;border-color:#c8dfb3}.positive .feedback-title{color:#3b7433}.gentle{background:#fff4dc;border-color:#e7ce97}.gentle .feedback-title{color:#936726}.completion{text-align:center;max-width:900px;padding-top:50px}.completion>.sprout{width:180px;margin:15px auto 23px}.completion>p{max-width:540px;margin:20px auto}.completion>.button{margin:12px auto 20px}.completion>.text-link{justify-content:center;margin:7px auto;display:flex}.result-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:640px;margin:30px auto;display:grid}.result-cards>div{background:#fff;border:1.5px solid #dfe8d3;border-radius:15px;flex-direction:column;align-items:center;gap:12px;padding:20px 10px;display:flex}.result-cards svg{color:#7d9d54;width:22px}.result-cards strong{font-size:20px;font-weight:900}.result-cards span{color:var(--subtle);font-size:11px}.reader-page{max-width:900px}.reader-controls{align-items:center;gap:30px;margin:24px 0;display:flex}.reader-controls label{flex:1;font-size:12px;font-weight:800}.reader-controls label:last-child{max-width:190px}.reader-controls input{width:100%;accent-color:var(--green);margin-top:17px;display:block}.reader-verses{flex-direction:column;gap:20px;display:flex}.verse-heading{color:#859178;justify-content:space-between;font-size:12px;display:flex}.verse-heading a{text-decoration:underline}.reader-arabic{text-align:right;color:var(--ink);overflow-wrap:anywhere;margin:20px 0;font-family:Amiri Quran,Noto Naskh Arabic,serif;line-height:2.6}.reader-connections{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.reader-connections a{color:var(--green);background:#f0f5e7;border-radius:7px;padding:7px 10px;font-size:11px}.reader-page>.small{margin-top:25px}.guide-page{max-width:1000px}.guide-tabs{flex-wrap:wrap;gap:10px;margin:27px 0;display:flex}.guide-tabs .button{padding:10px 14px;font-size:12px}.guide-explanation>p{margin:15px 0}.guide-questions{border-top:1px solid var(--line);margin-top:20px;padding-top:22px}.guide-questions h3{align-items:center;gap:10px;display:flex}.guide-prompts{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.guide-prompts button{border:1px solid var(--line);background:#fafbf5;border-radius:20px;padding:8px 12px;font-size:12px}.guide-prompts .active{color:var(--green);background:#edf4e1;border-color:#9cbd79}.guide-questions .tip{margin-bottom:0}.section-title{margin:30px 0 18px}.guide-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.guide-examples .card{padding:16px 12px}.guide-examples .arabic-phrase{font-size:32px}.guide-examples .audio-button{gap:8px;padding:10px;font-size:11px}.guide-examples .audio-button svg{width:17px}.guide-examples .small{text-align:center;font-size:10px}.profile-card{align-items:center;gap:20px;margin-top:25px;display:flex}.profile-card p{overflow-wrap:anywhere;font-size:14px}.profile-avatar{color:#70934f;background:#edf4e2;border-radius:21px;flex-shrink:0;place-items:center;width:68px;height:68px;display:grid}.profile-stats{grid-template-columns:1fr 1fr;gap:18px;margin:20px 0;display:grid}.profile-stats .card{align-items:center;gap:12px;display:flex}.profile-stats svg{color:#b48d42}.profile-stats strong{font-size:24px;font-weight:900}.profile-stats span{color:var(--subtle);font-size:13px}.settings-card{margin:20px 0}.settings-card h2{align-items:center;gap:10px;display:flex}.settings-card>p{margin:14px 0;font-size:14px}.settings-card label{max-width:350px;margin-top:16px;font-size:13px;font-weight:800;display:block}select{width:100%;min-height:45px;color:var(--ink);background:#fffefa;border:1.5px solid #d9e3cf;border-radius:9px;margin-top:8px;padding:10px;display:block}.settings-card>.text-link{margin-top:22px;display:flex}.settings-card .small{font-size:11px}.danger{color:#ac5343}.danger-button{color:#fff;background:#a7493e;border-color:#87382e}.auth-form{flex-direction:column;gap:18px;margin:25px 0;display:flex}.social-sign-in{gap:12px;margin-top:24px;display:grid}.social-sign-in .button{color:var(--ink);background:var(--paper);border-color:var(--line);box-shadow:0 3px 0 var(--line)}.social-sign-in svg{flex-shrink:0}.auth-divider{color:var(--subtle);align-items:center;gap:12px;margin-top:8px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-form label{text-align:left;flex-direction:column;gap:8px;font-size:13px;font-weight:800;display:flex}.auth-form input{width:100%;min-height:47px;color:var(--ink);background:#fffefa;border:1.5px solid #d7e0cf;border-radius:9px;padding:10px 13px}.auth-form small{color:var(--subtle);font-size:11px;font-weight:500}.access-page{background:#f7f8ee;min-height:100vh;padding:30px}.access-page>.brand{width:max-content;margin:0 auto 35px}.access-card{text-align:center;max-width:460px;margin:auto;padding:30px}.access-card .sprout{width:105px;margin:auto}.access-card h1{margin:15px 0;font-size:27px}.access-card>p{margin:17px 0;font-size:13px}.access-card>.text-link{justify-content:center;margin:18px 0;display:flex}.access-card a:not(.button){text-decoration:underline}.access-card .small{font-size:11px}.prose-page .card{margin-top:25px}.prose-page h2{margin-bottom:18px}.prose-page p{margin:14px 0;font-size:14px}.prose-page a{color:var(--green);text-decoration:underline}.audit-example{margin:22px 0}.loading-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:70vh;padding:80px 25px;display:flex}.skip-link{z-index:100;background:var(--green);color:#fff;border-radius:8px;padding:15px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:10px}@media (width>=1500px){.page{padding-top:48px}.journey-banner .sprout{width:175px;right:30px}.journey-banner{min-height:251px}.path-step{min-height:128px}}@media (width<=1150px){.sidebar{width:205px;padding-left:15px;padding-right:15px}.workspace{margin-left:205px}.page{padding:32px 28px}.topbar{padding:0 28px}.home-grid{grid-template-columns:minmax(0,1fr) 245px;gap:22px}.journey-banner{padding:25px 22px}.journey-banner .sprout{width:130px;right:-13px}.journey-banner>div{max-width:85%}.path-arabic{display:none}.card{padding:20px}.guide-examples{grid-template-columns:1fr}.guide-examples .arabic-phrase{font-size:37px}}@media (width<=950px){.sidebar{width:180px}.workspace{margin-left:180px}.brand{gap:7px;font-size:19px}.brand-mark{width:35px;height:39px}.brand-light{font-size:11px}.sidebar-label{letter-spacing:1px;font-size:8px}.nav-link{gap:12px;padding:12px}.home-grid{grid-template-columns:1fr}.home-rail{grid-template-columns:1fr 1fr;display:grid}.milestones{grid-column:1/-1}.milestones>div{vertical-align:top;width:32%;padding-right:8px;display:inline-flex}.teacher-note{grid-column:1/-1}.journey-banner .sprout{width:170px;right:20px}.journey-banner>div{max-width:70%}.topbar-label{display:none}.topbar{justify-content:flex-end;height:72px}.page-heading{align-items:flex-start}.page-heading>.pill{display:none}.question-body{padding:20px 24px}.feedback-inner{flex-direction:column;align-items:stretch;gap:16px}.feedback-inner>.button{align-self:flex-end}.path-arabic{display:block}.goal-card .goal-number{margin-top:17px}}@media (width<=650px){.sidebar{width:100%;height:75px;padding:4px 6px max(6px, env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);z-index:30;position:fixed;inset:auto 0 0;box-shadow:0 -3px 18px #263e3508}.sidebar>.brand,.sidebar-label,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;justify-content:space-around;gap:0;height:100%}.nav-link{border:0;border-radius:10px;flex-direction:column;flex:1;justify-content:center;gap:5px;padding:6px 0;font-size:10px}.nav-link.active{background:#eff5e6}.nav-link svg{width:21px;height:21px}.workspace{margin:0;padding-bottom:75px}.topbar{justify-content:space-between;height:64px;padding:0 22px}.topbar:before{content:"";width:40px;height:40px;color:var(--green);letter-spacing:-.5px;background:url(/brand/tajweed-lens-icon-2026.png) 50%/contain no-repeat;flex-shrink:0;font-size:17px;font-weight:900}.stat-pills{gap:15px}.stat-caption,.profile-dot{display:none}.stat-pills>:is(span,a:not(.profile-dot)){gap:5px;font-size:13px}.stat-pills svg{width:18px}.page{padding:27px 20px 30px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:27px}.page-heading p{max-width:260px;font-size:13px}.eyebrow{letter-spacing:1.3px;font-size:9px}.journey-banner{border-radius:18px;min-height:227px;padding:24px 22px}.journey-banner .eyebrow{letter-spacing:.65px;font-size:8px}.journey-banner .sprout{width:131px;bottom:21px;right:-4px}.journey-banner>div{max-width:80%}.journey-banner h2{font-size:28px}.journey-banner p{max-width:200px;font-size:12px}.journey-banner .button{min-height:41px;padding:11px 13px;font-size:11px}.home-grid{gap:26px}.home-rail{display:flex}.path-step{gap:20px;min-height:122px;padding:9px 6px}.path-title h3{font-size:15px}.path-title{gap:7px}.path-title .pill{font-size:8px}.path-info p{font-size:12px}.path-info .small{font-size:10px}.path-arabic{display:none}.path-node-wrap{width:60px}.path-node{border-radius:21px;width:57px;height:56px}.path-node-wrap:after{left:27px}.path-finish{gap:16px;padding:23px 5px 0}.path-finish>svg{margin:0 16px}.path-finish strong{font-size:12px}.section-heading>span{font-size:10px}.milestones>div{width:100%;margin-top:18px;display:flex}.goal-card,.review-card,.milestones{padding:23px}.review-card{position:relative}.review-card>.icon-tile{float:right;margin-left:15px}.review-card>.button{margin-top:5px}.app-footer{gap:10px 16px;padding:15px 20px 25px;font-size:12px}.workspace>.notice{margin:14px 20px;padding:14px;font-size:12px}.onboarding{padding:30px 22px}.onboarding h1{font-size:29px}.onboarding>p{font-size:14px}.onboarding>.sprout{width:112px}.goal-picker{gap:7px}.goal-picker label{gap:6px;padding:13px 6px}.goal-picker label span{font-size:9px}.start-note{gap:12px;padding:17px}.start-note p{font-size:12px}.rule-intro>p{max-width:none;font-size:14px}.rule-arabic{font-size:28px}.letter-chips{gap:8px}.letter-chips>span{width:41px;min-height:45px;font-size:25px}.lesson-page .lead{margin-bottom:20px}.card-title h2{font-size:15px}.card-title>.small{font-size:10px}.tip{padding:15px;font-size:12px}.tip p{font-size:12px}.review-intro{gap:13px;padding:18px}.review-intro p{font-size:13px}.review-intro h2{font-size:17px}.review-row{flex-direction:column;align-items:flex-start;gap:17px}.review-row>.button{align-self:stretch}.review-row p{font-size:12px}.practice-top{gap:14px;margin-bottom:8px;padding:0 18px}.practice-layout{padding-top:16px}.question-body{min-height:0;padding:20px 20px 28px}.question-body h1{margin-bottom:10px;font-size:22px}.practice-feedback{padding:16px 20px;bottom:75px}.feedback-inner{gap:14px}.feedback-inner>.button{width:100%}.feedback-inner>.muted{text-align:center;font-size:11px}.feedback-inner p{font-size:12px}.feedback-title h2{font-size:16px}.answer-options{gap:10px;margin-top:20px}.answer-option{gap:12px;min-height:54px;padding:12px 13px;font-size:13px}.letter-question{padding:18px 0;font-size:34px}.letter-question button{min-width:27px}.question-body .arabic-phrase{font-size:35px}.audio-control{margin:15px 0}.completion h1{font-size:27px}.completion>p{font-size:14px}.completion>.sprout{width:145px}.result-cards{gap:8px}.result-cards>div{gap:10px;padding:17px 7px}.result-cards strong{font-size:16px}.result-cards span{font-size:9px}.reader-controls{flex-direction:column;align-items:stretch;gap:20px}.reader-controls label:last-child{max-width:none}.reader-arabic{line-height:2.5}.reader-verse{padding:20px 17px}.guide-tabs{gap:8px}.guide-tabs .button{min-height:39px;padding:10px 12px;font-size:11px}.guide-explanation>p{font-size:14px}.guide-prompts button{font-size:11px}.profile-card{gap:15px;padding:19px}.profile-avatar{border-radius:17px;width:51px;height:58px}.profile-card h2{font-size:16px}.profile-card p{font-size:12px}.profile-stats{gap:12px}.profile-stats .card{flex-wrap:wrap;gap:9px;padding:16px}.profile-stats span{font-size:11px}.profile-stats strong{font-size:22px}.profile-stats svg{width:20px}.settings-card>p{font-size:13px}.button-row>.button{flex:1}.access-page{padding:25px 18px}.access-card{padding:24px 20px}.notice,.prose-page p{font-size:13px}}.lens-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.lens-picker{margin:12px 0 24px}.lens-picker>label{margin-bottom:10px;font-weight:800;display:block}.lens-picker-row,.lens-paging,.lens-ayah-heading,.lens-legend,.lens-trigger{align-items:center;gap:14px;display:flex}.lens-picker-row select{border:1.5px solid var(--line);background:#fff;border-radius:10px;flex:1;width:100%;min-width:0;padding:12px}.lens-picker .small{margin-bottom:0}.lens-paging{flex-shrink:0;gap:10px}.lens-paging button{padding:10px}.lens-workspace{--lens-ink:#246344;--lens-tint:#e6f3e5;--lens-letter:#b8e0b2;grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);align-items:start;gap:22px;display:grid}.lens-blue{--lens-ink:#245a82;--lens-tint:#e5f1fa;--lens-letter:#b5d8f1}.lens-purple{--lens-ink:#6a438b;--lens-tint:#f0e9f8;--lens-letter:#d9c3ef}.lens-gold{--lens-ink:#77510e;--lens-tint:#fff3d6;--lens-letter:#f3d88d}.lens-rose{--lens-ink:#903d58;--lens-tint:#fbeaf0;--lens-letter:#f0bdd0}.lens-ayah{overflow:hidden}.lens-ayah-heading{flex-wrap:wrap;justify-content:space-between;font-size:13px}.lens-toggle{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.lens-toggle input{accent-color:#246344;width:17px;height:17px}.lens-full-ayah{text-align:right;overflow-wrap:anywhere;margin:35px 0;font-family:Amiri Quran,Noto Naskh Arabic,serif;font-size:34px;line-height:2.7}.lens-connection{font:inherit;line-height:inherit;color:var(--lens-ink);background:var(--lens-tint);border:0;border-bottom:3px solid var(--lens-ink);cursor:pointer;border-radius:7px;padding:0 5px;display:inline}.lens-connection mark{color:inherit;background:var(--lens-letter);border-radius:4px}.lens-legend{flex-wrap:wrap;gap:7px;font-size:11px;font-weight:800}.lens-swatch,.lens-trigger-swatch{background:var(--lens-tint);border:1px solid var(--lens-ink);border-radius:4px;width:13px;height:13px}.lens-trigger-swatch{background:var(--lens-letter);margin-left:8px}.lens-ayah-audio{border-top:1px solid #e6e8e2;padding-top:18px}.lens-scope{background:#f6f7f2;border-radius:9px;margin-bottom:0;padding:12px}.lens-insight .eyebrow,.lens-listen h3{align-items:center;gap:8px;display:flex}.lens-insight h2{color:var(--lens-ink);margin:14px 0 4px}.lens-meaning{color:#657266;margin-top:0}.lens-trigger{background:var(--lens-tint);border-radius:12px;padding:12px;font-size:12px}.lens-trigger>span{color:var(--lens-ink);text-align:center;min-width:40px;font-family:Amiri Quran,serif;font-size:35px}.lens-trigger p{margin:0}.lens-insight>p,.lens-listen p{margin:14px 0;font-size:14px;line-height:1.8}.lens-listen h3{margin-bottom:0;font-size:14px}.lens-listen p{margin-top:6px}.lens-insight>.button{width:100%;margin-top:8px}.lens-footnote{max-width:750px;margin-top:22px}@media (width<=950px){.lens-workspace{grid-template-columns:minmax(0,1fr)}}@media (width<=650px){.lens-heading{flex-direction:column;align-items:start;gap:0}.lens-heading>.button{margin-bottom:20px}.lens-picker-row{flex-wrap:wrap}.lens-picker-row select{flex-basis:100%}.lens-paging{justify-content:space-between;width:100%}.lens-full-ayah{margin:24px 0;font-size:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.primer-big{text-align:center;color:hsl(var(--primary));font-size:5rem;line-height:1.4;display:block}.primer-row{color:hsl(var(--primary));justify-content:center;gap:1.5rem;font-size:3.5rem;line-height:1.6;display:flex}.primer-example{text-align:center;margin:.75rem 0 0;font-size:2rem}.primer-rules{gap:.5rem;padding:0;list-style:none;display:grid}.primer-rules li{background:hsl(var(--muted));border-radius:14px;justify-content:space-between;gap:1rem;padding:.6rem .9rem;display:flex}.primer-signpost{border:2px dashed var(--line);background:var(--paper);color:var(--ink);border-radius:14px;align-items:center;gap:12px;margin-top:1rem;padding:.8rem 1rem;text-decoration:none;display:flex}.primer-signpost:hover{border-color:var(--green)}.primer-signpost-icon{font-size:1.5rem}.primer-signpost .small{color:var(--ink);opacity:.75;display:block}.primer-check{margin-bottom:1.25rem}.primer-options{flex-wrap:wrap;gap:.5rem;display:flex}.primer-options button[lang=ar]{min-width:4rem;font-size:1.75rem}.primer-options .correct{outline:3px solid hsl(var(--primary))}.primer-options .wrong{opacity:.6}.path-step.primer-step .path-node{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.lesson-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:30px;display:flex}.lesson-header .back-link{margin-bottom:0}.primer-hint{border:2px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;margin-bottom:0;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}@media (width<=600px){.lesson-header{flex-direction:column;align-items:flex-start;gap:10px}.primer-hint{white-space:normal}}.video-card{margin-top:22px;padding-bottom:16px}.video-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.video-badge{letter-spacing:.04em;text-transform:uppercase;color:#658b4f;background:#eef5e8;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:800;display:inline-flex}.video-frame{aspect-ratio:16/9;background:#1f2a1a;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 4px #d3dccd}.video-frame iframe,.video-poster{border:0;width:100%;height:100%;position:absolute;inset:0}.video-poster{padding:0;display:block}.video-poster img{object-fit:cover;filter:brightness(.82);width:100%;max-width:none;height:100%;transition:transform .3s,filter .3s}.video-poster:hover img{filter:brightness(.7);transform:scale(1.04)}.video-play{color:#fff;background:#7ab055;border-radius:50%;place-items:center;width:72px;height:72px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px #527a37}.video-play svg{margin-left:4px}.video-poster:hover .video-play{transform:translate(-50%,-50%)scale(1.12)}.video-poster:active .video-play{transform:translate(-50%,-46%);box-shadow:0 2px #527a37}.video-meta{justify-content:space-between;align-items:flex-start;gap:12px;margin-top:12px;display:flex}.video-meta .text-link{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.topbar-actions{align-items:center;gap:22px;display:flex}.guide-pill{color:#47683f;background:#f3f8ec;border:2px solid #d7e3cf;border-radius:999px;align-items:center;gap:8px;padding:9px 17px;font-size:14px;font-weight:850;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex;box-shadow:0 2px #dfe9d4}.guide-pill:hover{background:#e9f3dd;transform:translateY(-1px);box-shadow:0 3px #dfe9d4}.guide-pill:active{transform:translateY(1px);box-shadow:0 1px #dfe9d4}.sidebar-guide{color:#3f6a37;background:#f7fbf1;border:2px solid #d7e3cf;border-radius:14px;align-items:center;gap:11px;margin-bottom:12px;padding:10px 13px;text-decoration:none;display:flex;box-shadow:0 3px #e2ecd6}.sidebar-guide:hover{background:#eef7e2}.sidebar-guide strong{font-size:13px;font-weight:900;display:block}.sidebar-guide small{color:#7c8b78;margin-top:2px;font-size:11px;font-weight:700;display:block}.guide-hint{background:linear-gradient(#f5fbea,#eaf6dc);border:2px solid #cfe3c0;position:relative;box-shadow:0 4px #d8e8c8}.guide-hint h2{align-items:center;gap:9px;margin:0 0 7px;padding-right:30px;font-size:17px;display:flex}.guide-hint h2 svg{color:#3f6a37;flex-shrink:0}.guide-hint p{margin:0 0 13px;font-size:13px}.guide-hint-close{color:#6c7d66;cursor:pointer;background:#fffefa;border:1px solid #cfe3c0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:11px;right:11px}.guide-hint-close:hover{background:#eef7e2}@media (width<=950px){.topbar-actions{gap:14px}.guide-pill{padding:8px 13px;font-size:13px}}@media (width<=650px){.topbar-actions{gap:10px}.guide-pill{padding:8px 11px}.guide-pill span{display:none}}@media (prefers-reduced-motion:reduce){.guide-pill,.guide-pill:hover,.guide-pill:active{transition:none;transform:none}}.lens-spotlight{border-top:2px solid var(--gold);border-bottom:1px solid var(--line);align-items:center;gap:14px;margin-bottom:22px;padding:18px 0;display:flex}.lens-spotlight-icon{background:var(--gold);width:52px;height:52px;color:var(--ink);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.lens-spotlight-copy{flex:1;min-width:0}.lens-spotlight h2{letter-spacing:0;font-size:18px}.lens-spotlight p{margin-top:3px;font-size:13px;line-height:1.5}.lens-spotlight .button{letter-spacing:0;flex-shrink:0}@media (width<=1100px){.lens-spotlight{flex-wrap:wrap}.lens-spotlight .button{width:100%}}.guide-steps{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;display:grid}.guide-step{border:1.5px solid var(--line);background:#fff;border-radius:17px;padding:20px 18px 16px}.guide-step-num{background:var(--pale);width:28px;height:28px;color:var(--deep-green);border-radius:50%;place-items:center;margin-bottom:12px;font-size:14px;font-weight:900;display:grid}.guide-step strong{margin-bottom:6px;font-size:16px;display:block}.guide-step p{margin:0;font-size:13px;line-height:1.6}.guide-step-time{color:var(--subtle);background:var(--pale);border-radius:999px;margin-top:13px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.guide-sub{margin-top:32px}.guide-rows{gap:9px;display:grid}.prose-page .guide-row{border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:15px;grid-template-columns:44px 1fr 20px;align-items:center;gap:14px;padding:12px 15px;text-decoration:none;transition:transform .16s,border-color .16s;display:grid}.prose-page .guide-row:hover{border-color:var(--green);transform:translateY(-2px)}.guide-icon{background:var(--pale);width:44px;height:44px;color:var(--deep-green);border-radius:13px;place-items:center;display:grid}.guide-copy strong{font-size:15px;display:block}.guide-copy>span{color:var(--subtle);margin-top:2px;font-size:13px;display:block}.guide-go{color:var(--green)}.guide-notes{gap:7px;margin-top:24px;display:grid}.prose-page .guide-notes p{color:var(--subtle);margin:0;font-size:13px}@media (width<=720px){.guide-steps{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.prose-page .guide-row{transition:none}}.lens-quick{align-items:center;gap:12px;margin-bottom:18px;display:flex}.lens-picker summary{cursor:pointer;color:var(--green);font-weight:800}.lens-picker[open] summary{margin-bottom:12px}.come-back{text-align:center;max-width:460px;margin:8px auto 18px}.come-back p{margin:6px 0 0}.stat-pills>a{color:inherit;align-items:center;gap:6px;text-decoration:none;display:inline-flex}@media (width<=650px){.focus-mode .sidebar{display:none}.focus-mode .workspace{padding-bottom:0}.focus-mode .app-footer{display:none}.stat-pills>a .stat-caption{opacity:.75;font-size:10px;display:inline}.focus-mode .practice-feedback{padding-bottom:max(16px, env(safe-area-inset-bottom));bottom:0}.focus-mode .question-body{padding-top:8px}}.reminder-card{border:2px solid var(--gold);background:var(--surface);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:18px 20px;display:flex}.reminder-card h2{color:var(--ink);margin:0 0 4px;font-size:1.1rem}.reminder-card p{color:var(--subtle);margin:0}.reminder-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.reminder-actions .text-link{cursor:pointer;color:var(--deep-green);font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.install-installed{border:1px solid var(--line);background:var(--pale);color:var(--deep-green);border-radius:14px;align-items:center;gap:10px;margin-top:18px;padding:12px 16px;display:flex}.install-installed p{margin:0;font-size:.95rem}.install-installed svg{color:var(--green);flex-shrink:0}.install-block{margin-top:28px}.install-block h2{align-items:center;gap:8px;display:flex}.install-block h2 svg{color:var(--green)}.install-steps{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.install-steps li{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.install-num{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:.85rem;font-weight:700;display:grid}.install-step-icon{color:var(--subtle);flex-shrink:0;place-items:center;display:grid}.install-note{color:var(--subtle);margin-top:10px;font-size:.9rem}.install-back{margin-top:24px}.install-back .text-link{align-items:center;gap:5px;display:inline-flex}.guide-notes svg{vertical-align:-2px;color:var(--green);margin-right:4px}.brand-logo{object-fit:contain;width:auto;max-width:100%;height:44px;display:block}@media (width<=650px){.brand-logo{height:36px}}.brand-logo{width:158px;height:auto}.sidebar-brand-icon{width:34px;height:34px}.clue-grid{grid-template-columns:1fr 1fr;gap:14px;margin:14px 0;display:grid}.clue-card :is(h2,h3){color:var(--green);align-items:center;gap:8px;margin:0 0 6px;font-size:1rem;display:flex}.clue-card p{margin:0;line-height:1.55}.echo-steps{border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:4px 16px;margin:12px 0;padding:10px 0;display:flex}.echo-label{color:var(--muted,var(--ink));opacity:.75;font-size:.85rem}.echo-step{color:var(--ink);cursor:pointer;align-items:center;gap:8px;min-height:40px;padding:6px 0;font-weight:600;display:inline-flex}.echo-step input{width:20px;height:20px;accent-color:var(--green)}.echo-step.done{color:var(--green)}.video-soon{opacity:.75;align-items:center;gap:6px;margin:4px 0 12px;display:inline-flex}.mobile-status{display:none}@media (width<=950px){.mobile-status{gap:10px;margin-bottom:14px;display:flex}.mobile-status span{background:var(--paper);border:2px solid var(--line);color:var(--green);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-weight:800;display:inline-flex}}.journey-nudge{margin:4px 0 8px;font-weight:700}.journey-links{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:12px;font-size:.9rem;display:flex}.journey-links .text-link{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.lens-spotlight{position:relative}.lens-filter{gap:8px;padding:4px 0 10px;display:flex;overflow-x:auto}.lens-filter button{border:2px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:8px 14px;font-weight:700}.lens-filter button[aria-pressed=true]{border-color:var(--green);background:var(--green);color:var(--paper)}.lens-chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.lens-chips button{border:2px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;padding:6px 12px}.lens-chips button[aria-current=true]{border-color:var(--green);color:var(--green);font-weight:800}.lens-more-audio{margin-top:10px}.lens-more-audio summary{cursor:pointer;font-weight:700}.reader-mode{border:2px solid var(--line);border-radius:999px;place-self:start;width:max-content;display:inline-flex;overflow:hidden}.reader-mode button{background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;border:0;padding:8px 14px;font-weight:700}.reader-mode button[aria-pressed=true]{background:var(--green);color:var(--paper)}.reader-flow{text-align:justify;line-height:2.3}.reader-flow .ayah-mark{color:var(--gold,var(--green));margin:0 6px;font-size:.8em}.letter-question button{min-width:48px;min-height:52px}@media (width<=650px){.clue-grid{grid-template-columns:1fr}}.gift-form{gap:10px;margin-top:12px;display:grid}.gift-form label{gap:4px;font-size:.9rem;font-weight:700;display:grid}.gift-form input{border:2px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;border-radius:12px;padding:10px 12px}.gift-error{color:hsl(var(--destructive));font-weight:700}.gift-small{opacity:.8;font-size:.85rem}.gift-claim{flex-wrap:wrap}.grad-ribbon{background:var(--green);color:var(--paper);border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:14px 18px;display:flex}.grad-ribbon div{flex-direction:column;flex:1;min-width:180px;display:flex}.grad-ribbon span{opacity:.85;font-size:13px}.grad-ribbon .text-link{color:var(--gold)}.grad-backdrop{z-index:100;background:color-mix(in srgb, var(--ink) 60%, transparent);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:hidden}.grad-modal{background:var(--paper);border:3px solid var(--gold);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:460px;max-height:92vh;padding:30px 24px 24px;animation:.45s cubic-bezier(.3,1.6,.5,1) grad-pop;display:flex;position:relative;overflow:auto}.grad-modal h2{font-size:24px}.grad-close{color:var(--ink);cursor:pointer;background:0 0;border:0;position:absolute;top:10px;right:10px}.grad-badge{background:var(--gold);width:84px;height:84px;color:var(--ink);box-shadow:0 5px 0 color-mix(in srgb, var(--gold) 60%, var(--ink));border-radius:50%;place-items:center;display:grid}.grad-eyebrow{letter-spacing:.12em;color:var(--gold);font-size:11px;font-weight:800}.grad-stats{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.grad-stats div{border:1px solid var(--line);border-radius:10px;flex-direction:column;padding:10px 4px;display:flex}.grad-stats strong{color:var(--green);font-size:22px}.grad-stats span{font-size:11px}.grad-gift{background:var(--pale);border-radius:10px;flex-direction:column;gap:2px;width:100%;padding:12px;font-size:13px;display:flex}.grad-modal .button{width:100%}.grad-confetti i{border-radius:2px;width:9px;height:14px;animation:2.6s ease-in forwards grad-fall;position:absolute;top:-20px}@keyframes grad-fall{to{opacity:.6;transform:translateY(110vh)rotate(540deg)}}@keyframes grad-pop{0%{opacity:0;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.grad-confetti{display:none}.grad-modal{animation:none}}.gift-photo{object-fit:cover;border-radius:10px;flex-shrink:0;width:96px;height:96px}.gift-tracker{gap:4px;margin:10px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.gift-tracker li{text-align:center;background:var(--line);color:var(--ink);border-radius:6px;flex:1;padding:6px 4px}.gift-tracker li.done{background:var(--green);color:var(--paper)}.path-checkpoint{border:2px dashed var(--gold);background:var(--paper);border-radius:12px;align-items:flex-start;gap:12px;max-width:520px;margin:6px auto 14px;padding:14px 16px;display:flex}.path-checkpoint div{flex-direction:column;gap:2px;display:flex}.path-checkpoint.locked{opacity:.55;border-color:var(--line)}.path-checkpoint svg{color:var(--gold);flex-shrink:0;margin-top:2px}.reader-checkpoint{border-left:4px solid var(--gold);margin-bottom:14px}.reader-checkpoint p{margin:4px 0 8px}.lens-spotlight{padding-right:52px}.lens-spotlight .guide-hint-close{position:absolute;top:8px;right:8px}@media (width<=950px){.nav-link.admin-link{display:none}}.makharij-areas{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.makharij-chip{border:2px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.makharij-chip.active{background:var(--green);color:var(--paper);border-color:var(--green)}.makharij-num{background:var(--gold);width:22px;height:22px;color:var(--ink);border-radius:50%;place-items:center;font-size:.8rem;display:inline-grid}.makharij-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.makharij-ar{font-family:Noto Naskh Arabic,serif;font-size:1.6rem}.makharij-group{margin:12px 0}.makharij-letters{word-spacing:.4em;font-family:Noto Naskh Arabic,serif;font-size:2rem;line-height:1.8}.makharij-feel{background:var(--pale);border-radius:12px;align-items:flex-start;gap:10px;margin:12px 0;padding:12px;display:flex}.makharij-feel p{margin:0}.makharij-rules{flex-wrap:wrap;gap:8px;display:flex}.mk-steps{gap:8px;margin:16px 0;padding:0;list-style:none;display:grid}.mk-steps li{background:var(--pale);border-radius:12px;padding:10px 14px}.mk-ar{font-family:Noto Naskh Arabic,serif;font-size:1.3rem}.mk-layout{align-items:center;gap:12px;display:grid}@media (width>=700px){.mk-layout{grid-template-columns:1fr 1fr}.mk-layout .makharij-areas{flex-direction:column;align-items:flex-start}}.mk-head{width:100%;max-width:340px;margin:0 auto;display:block}.mk-skin{fill:var(--paper);stroke:var(--green);stroke-width:3px}.mk-tract,.mk-nose{fill:none;stroke:var(--gold);stroke-width:10px;stroke-linecap:round;opacity:.35}.mk-tongue{fill:var(--gold);opacity:.5}.mk-spot{cursor:pointer;outline:none}.mk-spot circle{fill:var(--paper);stroke:var(--green);stroke-width:3px}.mk-spot text{fill:var(--green);pointer-events:none;font-size:14px;font-weight:800}.mk-spot.active circle:not(.mk-pulse),.mk-spot:focus-visible circle{fill:var(--green)}.mk-spot.active text{fill:var(--paper)}.mk-pulse{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-out infinite mk-pulse;fill:none!important;stroke:var(--gold)!important}@keyframes mk-pulse{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.4)}}.mk-video-soon{align-items:center;gap:6px;display:flex}.record-compare{gap:.5rem;margin:.75rem 0;display:grid}.record-btn{justify-self:start;align-items:center;gap:.4rem;display:inline-flex}.record-live{align-items:center;gap:.75rem;font-weight:700;display:flex}.record-dot{background:#d9534f;border-radius:999px;width:.75rem;height:.75rem;animation:1s ease-in-out infinite record-pulse}@keyframes record-pulse{50%{opacity:.3}}.record-panel{border:2px solid var(--line);border-radius:1rem;gap:.5rem;padding:.75rem;display:grid}.record-cues{gap:.25rem;margin:0;padding-left:1.2rem;display:grid}.record-actions{flex-wrap:wrap;gap:.5rem;display:flex}.record-actions .button{align-items:center;gap:.35rem;display:inline-flex}.record-privacy{opacity:.75}.compare-steps{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.compare-steps li{border:2px solid var(--line);opacity:.55;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.85rem;font-weight:700;display:inline-flex}.compare-steps li.on{opacity:1;border-color:var(--green);color:var(--green)}.compare-gap{background:var(--green);transform-origin:0;border-radius:999px;width:1.5rem;height:.35rem;animation:.7s linear forwards compare-gap}@keyframes compare-gap{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.study-toolkit{margin-top:28px}.toolkit-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.toolkit-item{color:inherit;flex-direction:column;gap:4px;padding:16px;text-decoration:none;display:flex}.toolkit-item svg{color:var(--green)}.toolkit-item span{opacity:.8;font-size:.9rem}.early-explore{margin:12px 0;padding:12px 16px;font-size:.95rem}.sidebar-legal a{color:var(--subtle);margin-top:0;font-size:12px;display:inline}.lesson-connection{background:var(--green-soft,#e8f1e4);border:2px solid var(--line);border-radius:16px;align-items:flex-start;gap:14px;margin:12px 0;padding:14px;display:flex}.lesson-connection-letter{text-align:center;min-width:52px;color:var(--green);flex:none;font-family:Noto Naskh Arabic,serif;font-size:2.2rem;line-height:1.3}.lesson-connection p{margin:0 0 6px}.lesson-connection-label{font-weight:800}.lesson-connection-listen{margin-bottom:0!important}.letter-groups{flex-wrap:wrap;gap:18px;margin:14px 0;display:flex}.letter-group{flex-direction:column;align-items:center;gap:6px;display:flex}.letter-group .letter-chips{margin:0}.letter-group small{opacity:.75;font-size:12px;font-weight:700}.gift-milestone{border:2px solid var(--gold,currentColor);background:var(--pale);border-radius:18px;align-items:center;gap:16px;margin-top:16px;padding:16px;display:flex}.gift-milestone>img{object-fit:cover;border-radius:12px;flex-shrink:0;width:112px;height:112px}.gift-milestone>div{flex-direction:column;gap:6px;min-width:0;display:flex}.gift-milestone p{margin:0;font-size:14px}.gift-milestone-bar{background:var(--line,#0000001a);border-radius:999px;height:10px;overflow:hidden}.gift-milestone-bar i{background:var(--green);border-radius:inherit;height:100%;display:block}.gift-milestone .text-link{cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0}@media (width<=520px){.gift-milestone{flex-direction:column;align-items:stretch}.gift-milestone>img{width:100%;height:160px}}.grad-gift img{object-fit:cover;border-radius:8px;width:100%;max-height:150px;margin-bottom:6px}.welcome-gift-photo{object-fit:cover;border-radius:16px;flex-shrink:0;width:120px;height:120px}@media (width<=640px){.welcome-gift-photo{width:100%;height:180px}}.lens-browse{margin:4px 0 16px}.lens-stepper{border:2px solid var(--line);background:var(--paper);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.lens-stepper span{text-align:center;min-width:0}.lens-stepper .button{flex:none;padding:8px 12px}.journey-strip{margin:0 0 18px}.journey-strip ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.journey-strip a{border:2px solid var(--line);background:var(--paper);color:var(--subtle);border-radius:14px;align-items:center;gap:6px;min-width:0;height:100%;padding:8px 10px;text-decoration:none;display:flex}.journey-strip .here a{border-color:var(--green);background:var(--pale);color:var(--green);box-shadow:0 3px 0 var(--deep-green)}.journey-num{background:var(--line);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:grid}.journey-strip .here .journey-num{background:var(--green);color:var(--paper)}.journey-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.journey-text strong{font-size:14px}.journey-text small{opacity:.85;font-size:11.5px}@media (width<=640px){.journey-strip a{text-align:center;flex-direction:column;gap:2px;padding:6px 2px}.journey-strip a>svg,.journey-text small{display:none}.journey-text strong{font-size:12.5px}}.journey-next{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:16px;padding:14px 16px;display:flex}.journey-next p{flex:220px;margin:0}.reader-connections .lesson-chip{opacity:.85}:root{--green:#247e37;--deep-green:#19622d;--ink:#273b50;--paper:#f7fbff;--line:#dce6ee}.sidebar{background:#fff;border-right-width:2px}.brand-mark{background:#e0f5cf;border-bottom:4px solid #b6d89a;border-radius:16px}.sidebar-label{color:#718397}.nav-link{border:2px solid #0000;border-radius:15px}.nav-link.active{color:#35751e;background:#e8f7db;border-color:#bedf9e;box-shadow:0 3px #d7ebc4}.nav-link:nth-child(2) svg{color:#a365d4}.nav-link:nth-child(3) svg{color:#279bc5}.nav-link:nth-child(4) svg{color:#e88e23}.nav-link:nth-child(5) svg{color:#db769e}.topbar{border-bottom:2px solid var(--line);background:#fff}.stat-pills{gap:12px}.stat-pills>span{color:#ad5b09;background:#fff5e4;border:2px solid #f7d9aa;border-radius:14px;padding:8px 12px}.stat-pills>span:nth-child(2){color:#7950b3;background:#f2eafd;border-color:#ddc8f2}.card{border-width:2px;border-radius:21px;box-shadow:0 4px #e4eaf0}.button{border-width:2px;border-radius:14px;min-height:47px;font-size:14px;transition:transform .15s,box-shadow .15s,background .15s}.primary{background:#27833b;border-color:#27833b;box-shadow:0 5px #155928}.primary:hover{background:#2e8b42}.secondary{color:#3173a0;background:#fff;border-color:#cedfe9;box-shadow:0 4px #cbdde7}.light{color:#31691d;background:#fff;border-color:#fff;box-shadow:0 5px #a4c88b}.button:not(:disabled):active{box-shadow:none;transform:translateY(4px)}.eyebrow{color:#567588}.home-page .page-heading h1{letter-spacing:-1.3px;font-size:clamp(29px,3vw,40px)}.home-page .page-heading>.pill{color:#7252a8;background:#e8e0fc;border:2px solid #d8c9f3;border-radius:12px;padding:9px 12px}.journey-banner{background:#dbf3c7;border:2px solid #bada99;border-radius:26px;min-height:265px;padding:30px;overflow:visible;box-shadow:0 5px #c4dfac}.journey-banner:before,.journey-banner:after{content:"";pointer-events:none;border:2px solid #c2e1a8;border-radius:50%;position:absolute}.journey-banner:before{width:105px;height:105px;bottom:18px;right:10px}.journey-banner:after{width:22px;height:22px;top:30px;right:172px}.journey-banner>div:first-child{max-width:calc(100% - 155px)}.journey-banner h2{color:#295824;margin:12px 0;font-size:clamp(28px,2.8vw,37px);line-height:1.15}.journey-banner p{color:#507547}.journey-banner .eyebrow{color:#527c3d;font-size:9px;line-height:1.7}.journey-banner>.sprout-coach{z-index:2;flex-direction:column;justify-content:flex-end;align-items:center;width:155px;max-width:none;display:flex;position:absolute;top:20px;bottom:13px;right:13px}.journey-banner .sprout-speech{text-align:center;color:#3f6b30;background:#fff;border:2px solid #b7d69b;border-bottom-width:4px;border-radius:16px;place-content:center;min-height:48px;margin:0;padding:9px;font-size:12px;font-weight:850;line-height:1.35;display:grid;position:relative}.sprout-speech:after{content:"";background:#fff;border-bottom:2px solid #b7d69b;border-right:2px solid #b7d69b;width:12px;height:12px;position:absolute;bottom:-8px;left:65%;transform:rotate(45deg)}.sprout-button{color:#456e34;border-radius:30px;width:143px}.journey-banner .sprout-button .sprout{width:143px;transition:transform .2s;position:static;transform:rotate(5deg)}.sprout-button:hover .sprout{transform:rotate(-5deg)translateY(-3px)}.sprout-button>span{font-size:9px;font-weight:800;display:block}.daily-challenges{margin:30px 0 20px}.daily-challenges .section-heading{margin:0 0 14px}.daily-challenges h2{align-items:center;gap:9px;display:flex}.daily-challenges h2 svg{color:#bd7a16}.quest-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.quest-tile{background:#faf6ff;border:2px solid #e1d5f2;border-bottom-width:5px;border-radius:18px;padding:14px 12px}.quest-listen{background:#edf8ff;border-color:#c8e4f5}.quest-spot{background:#fff7e9;border-color:#f0dfb9}.quest-icon{color:#8853bb;background:#eaddf8;border-radius:12px;place-items:center;width:38px;height:38px;margin-bottom:10px;display:grid}.quest-listen .quest-icon{color:#247da7;background:#d0edff}.quest-spot .quest-icon{color:#a36a16;background:#ffebbb}.quest-tile h3{font-size:13px;font-weight:900}.quest-tile p{min-height:30px;margin-top:4px;font-size:10px;line-height:1.5}.quest-meter{align-items:center;gap:8px;margin-top:12px;display:flex}.quest-meter strong{white-space:nowrap;font-size:10px}.quest-meter progress{height:9px}.quest-complete{background:#edf8e6;border-color:#bddcaa}.quest-complete .quest-icon{color:#3b7b29;background:#d3edbe}.quest-footer{color:#64788a;justify-content:space-between;align-items:center;gap:12px;margin-top:11px;font-size:10px;display:flex}.quest-footer a{color:#27743d;white-space:nowrap;align-items:center;gap:4px;font-weight:900;display:inline-flex}.all-done .quest-footer>span{color:#267538;font-weight:900}.home-page .section-heading>span{color:#63788b}.skill-path{background:radial-gradient(circle,#dfe9df 1.5px,#0000 1.5px) 0 0/24px 24px;border:2px solid #e2eade;border-radius:26px;padding:16px 18px 22px;overflow:hidden}.path-step{gap:20px;min-height:148px;padding:13px 0}.path-step:nth-child(2),.path-step:nth-child(4){margin-left:35px}.path-step:nth-child(3){margin-left:70px}.path-node-wrap{width:72px}.path-node-wrap:after{transform-origin:top;background:repeating-linear-gradient(#c7d9bd 0 7px,#0000 7px 13px);width:4px;top:74%;bottom:-28%;left:34px;transform:rotate(-17deg)}.path-step:nth-child(3) .path-node-wrap:after,.path-step:nth-child(4) .path-node-wrap:after{transform:rotate(17deg)}.path-step:nth-child(5) .path-node-wrap:after{display:none}.path-node{color:#94a8b7;background:#e7edf2;border:3px solid #d6e1e8;border-top-color:#e8eff4;border-radius:50%;width:72px;height:68px;transition:transform .15s;box-shadow:0 7px #c5d3dd}a.path-node:hover{transform:translateY(-3px)rotate(-4deg)}a.path-node:active{transform:translateY(4px);box-shadow:0 2px #24632d}.current .path-node,.path-node.complete{background:#5caa39;border-color:#8bd260 #70bc48 #70bc48;box-shadow:0 7px #3e7e26}.path-blue .path-node.complete,.path-blue.current .path-node{background:#429ad1;border-color:#6eb8e5;box-shadow:0 7px #2976a3}.path-purple .path-node.complete,.path-purple.current .path-node{background:#9e73d7;border-color:#bc97ed;box-shadow:0 7px #7753a7}.path-gold .path-node.complete,.path-gold.current .path-node{background:#dfa62b;border-color:#f6c956;box-shadow:0 7px #a87418}.path-rose .path-node.complete,.path-rose.current .path-node{background:#db7a9f;border-color:#efa5c2;box-shadow:0 7px #ad5377}.current .path-node:before{border:3px dashed #a7d87b;border-radius:50%;inset:-10px}.path-start{white-space:nowrap;color:#408120;z-index:2;background:#fff;border:2px solid #bedba6;border-radius:9px;padding:4px 7px;font-size:9px;font-weight:900;position:absolute;top:-2px;left:-3px;transform:rotate(-5deg)}.path-skill-number{color:#7c8e9a;letter-spacing:1px;margin-bottom:4px;font-size:9px;font-weight:900;display:block}.path-title h3{font-size:16px}.path-arabic{display:none}.path-info .small{font-size:10px}.path-info p{font-size:12px}.locked h3,.locked p,.locked .small{color:#6e8091}.path-finish{color:#a77522;background:#fff6df;border:2px solid #e6d4ac;border-bottom-width:5px;border-radius:18px;gap:12px;margin-top:10px;padding:18px}.path-finish>svg{color:#c69231;margin:0}.path-finish p{color:#8c763f;margin:5px 0}.path-finish.unlocked{color:#7e50ad;background:#f4edff;border-color:#dbc7f1}.streak-card{text-align:center;background:#fff7e9;border-color:#f0d6a6;box-shadow:0 4px #f0dfbc}.streak-flame{color:#dc8518;background:#ffebc4;border:3px solid #ffdc92;border-radius:24px;place-items:center;width:68px;height:68px;margin:-2px auto 10px;display:grid;transform:rotate(-6deg)}.streak-card h2{color:#8b5c1d;font-size:18px}.streak-card p{color:#8d754d;margin-top:7px;font-size:12px}.streak-week{justify-content:space-between;gap:4px;margin:18px 0 9px;display:flex}.streak-week>div{color:#887d6c;justify-items:center;gap:7px;font-size:10px;font-weight:900;display:grid}.streak-week>div>span:last-child{background:#fff;border:2px solid #e9d9bc;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.streak-week .active>span:last-child{color:#5d3d0b;background:#f3aa36;border-color:#e29b27}.streak-week .today>span:last-child{outline-offset:2px;outline:2px solid #c0862e}.streak-card small{color:#8b754e;font-size:10px}.goal-card{background:#eef8ff;border-color:#c7e1f1;box-shadow:0 4px #d4e7f3}.goal-card .card-title svg{color:#3d98c4}.goal-card .goal-number{color:#297da7}.review-card{background:#f5edff;border-color:#e0d0f3;box-shadow:0 4px #e8def3}.review-card .icon-tile{color:#8759b9;background:#e4d4f8}.milestones>div{border-bottom:1px dashed #dce5ec;margin-top:15px;padding-bottom:15px}.milestones>div:last-child{border:0;padding-bottom:0}.milestones .earned>svg:first-child{color:#a46b11;background:#ffefb7;border:2px solid #f0ce70;border-radius:50%;width:42px;height:42px}.milestones small{color:#6c8090}.lens-discovery{background:#fff1f5;border-color:#efd3df;align-items:center;gap:12px;display:flex;box-shadow:0 4px #ead7df}.lens-discovery>svg{color:#b5668b;flex-shrink:0}.lens-discovery strong{color:#9b5476;font-size:13px;display:block}.lens-discovery p{margin-top:6px;font-size:11px}.practice-coach{align-items:center;gap:12px;margin-bottom:22px;display:flex}.practice-coach .sprout{flex-shrink:0;width:70px}.practice-coach p{background:#fff;border:2px solid #dce6ed;border-bottom-width:4px;border-radius:16px;align-items:center;gap:7px;padding:12px 16px;font-size:13px;font-weight:800;display:flex}.practice-coach.on-a-roll p{color:#996315;background:#fff7df;border-color:#edcb82}.answer-option{border-width:2px;border-radius:16px;box-shadow:0 4px #dfe6ec}.answer-option.chosen{background:#edf8ff;border-color:#75b9e1;box-shadow:0 4px #a9d5ed}.answer-option.answer-correct{background:#eaf7dc;border-color:#99cc6a;box-shadow:0 4px #b7d999}.answer-option.answer-incorrect{background:#fff1dd;border-color:#edbe73;box-shadow:0 4px #efd6aa}.practice-feedback.positive{background:#eaf7dc;border-top:3px solid #c0de9b}.practice-feedback.gentle{background:#fff4e1;border-top:3px solid #f1d2a0}.practice-hub .review-intro{background:#eaf7df;border-color:#c8dfa9}.review-intro>.sprout{flex-shrink:0;width:105px}.completion{position:relative;overflow:hidden}.completion-medal{color:#a57118;letter-spacing:1px;background:#fff0b8;border:2px solid #edce78;border-bottom-width:5px;border-radius:14px;align-items:center;gap:10px;padding:10px 20px;font-size:12px;font-weight:900;display:inline-flex}.completion>.sprout{animation:.6s ease-out 2 sprout-hop}.result-cards{grid-template-columns:repeat(4,minmax(0,1fr));max-width:730px}.result-cards>div{border-width:2px 2px 5px;border-radius:18px}.result-cards>div:first-child{background:#edf8e5;border-color:#c5dfa9}.result-cards>div:nth-child(2){background:#edf7ff;border-color:#c5dfef}.result-cards>div:nth-child(3){background:#fff4cf;border-color:#edd294}.result-cards>div:nth-child(4){background:#f7efff;border-color:#decaf1}.celebration-burst{pointer-events:none;position:absolute;inset:0;overflow:hidden}.celebration-burst i{opacity:0;background:#8cc653;border-radius:3px;width:9px;height:18px;animation:1.4s ease-out confetti-drop;position:absolute;top:8%;left:10%}.celebration-burst i:nth-child(2n){background:#f6bd45;animation-delay:.12s}.celebration-burst i:nth-child(3n){background:#a681d2;animation-delay:.2s}.celebration-burst i:nth-child(2){left:18%}.celebration-burst i:nth-child(3){left:26%}.celebration-burst i:nth-child(4){left:34%}.celebration-burst i:nth-child(5){left:42%}.celebration-burst i:nth-child(6){left:50%}.celebration-burst i:nth-child(7){left:58%}.celebration-burst i:nth-child(8){left:66%}.celebration-burst i:nth-child(9){left:74%}.celebration-burst i:nth-child(10){left:82%}.celebration-burst i:nth-child(11){left:90%}.celebration-burst i:nth-child(12){left:95%}@keyframes sprout-hop{0%,to{transform:translateY(0)rotate(0)}45%{transform:translateY(-12px)rotate(-5deg)}}@keyframes confetti-drop{0%{opacity:0;transform:translateY(-20px)rotate(0)}15%{opacity:1}to{opacity:0;transform:translateY(310px)rotate(270deg)}}@media (width<=1150px) and (width>=951px){.home-grid{grid-template-columns:minmax(0,1fr) 240px;gap:22px}.journey-banner{padding:22px}.journey-banner>div:first-child{max-width:calc(100% - 128px)}.journey-banner>.sprout-coach{width:130px;right:10px}.sprout-button,.journey-banner .sprout-button .sprout{width:130px}.path-step:nth-child(2),.path-step:nth-child(4){margin-left:20px}.path-step:nth-child(3){margin-left:40px}.path-title h3{font-size:14px}.path-start{font-size:8px}}@media (width<=650px){.sidebar{border-top:2px solid var(--line)}.nav-link{border:0;border-radius:12px}.nav-link.active{box-shadow:none}.topbar{padding:0 16px}.topbar:before{font-size:16px}.stat-pills{gap:6px}.stat-pills>span{border-radius:11px;padding:5px 7px;font-size:12px}.home-page{padding:25px 16px}.home-page .page-heading h1{font-size:30px}.home-page .page-heading>.pill{display:none}.journey-banner{border-radius:22px;min-height:262px;padding:22px 18px}.journey-banner>div:first-child{max-width:calc(100% - 125px)}.journey-banner>.sprout-coach{width:125px;top:20px;bottom:19px;right:8px}.journey-banner h2{font-size:28px}.journey-banner .eyebrow{letter-spacing:.7px;font-size:8px}.journey-banner .sprout-speech{padding:8px;font-size:11px}.sprout-button,.journey-banner .sprout-button .sprout{width:120px}.journey-banner p,.journey-banner .button{font-size:12px}.daily-challenges{margin-top:28px}.quest-grid{gap:6px}.quest-tile{border-radius:14px;padding:10px 8px}.quest-tile h3{font-size:11px}.quest-tile p{min-height:40px;font-size:9px}.quest-footer{align-items:start;font-size:9px}.quest-footer>span{max-width:190px}.skill-path{border-radius:23px;padding:16px 12px}.path-step{gap:16px;min-height:154px}.path-step:nth-child(2),.path-step:nth-child(4){margin-left:22px}.path-step:nth-child(3){margin-left:44px}.path-node-wrap{width:60px}.path-node{width:60px;height:58px}.path-node-wrap:after{left:29px;transform:rotate(-10deg)}.path-step:nth-child(3) .path-node-wrap:after,.path-step:nth-child(4) .path-node-wrap:after{transform:rotate(10deg)}.path-start{font-size:8px;top:4px;left:-5px}.path-title h3{font-size:14px}.path-info .text-link,.path-info p{font-size:11px}.path-finish{padding:14px}.streak-week>div>span:last-child{width:30px;height:30px}.practice-coach{gap:8px}.practice-coach .sprout{width:55px}.practice-coach p{padding:10px 12px;font-size:11px}.review-intro>.sprout{width:70px}.result-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.completion-medal{padding:9px 14px;font-size:10px}}@media (width<=360px){.journey-banner{display:block}.journey-banner>div:first-child{max-width:none}.journey-banner>.sprout-coach{flex-direction:row;gap:12px;width:100%;margin-top:16px;position:relative;inset:auto}.journey-banner .sprout-speech{flex:1}.sprout-button,.journey-banner .sprout-button .sprout{width:90px}.home-page .section-heading{flex-wrap:wrap;gap:8px}}@media (prefers-reduced-motion:reduce){.completion>.sprout,.celebration-burst i{animation:none}.button,.path-node,.sprout-button .sprout{transition:none}}.path-teal .path-node.complete,.path-teal.current .path-node{background:#2fae9c;border-color:#5fd0bf;box-shadow:0 7px #1f7f71}.path-sky .path-node.complete,.path-sky.current .path-node{background:#3db4e0;border-color:#79d0ef;box-shadow:0 7px #2486ab}.path-indigo .path-node.complete,.path-indigo.current .path-node{background:#6a7fd8;border-color:#97a7ec;box-shadow:0 7px #4a5ba6}.path-amber .path-node.complete,.path-amber.current .path-node{background:#e48d2e;border-color:#f5b062;box-shadow:0 7px #a9611a}.path-coral .path-node.complete,.path-coral.current .path-node{background:#e2695a;border-color:#f19588;box-shadow:0 7px #a8463a}.unit-divider{background:#eef5e8;border:2px solid #d6e6cb;border-radius:16px;align-items:center;gap:10px;margin:28px 0 8px;padding:10px 16px;font-weight:800;display:flex;box-shadow:0 4px #d6e6cb}.unit-divider span{letter-spacing:.08em;color:#fff;background:#5caa39;border-radius:999px;padding:3px 10px;font-size:12px}.unit-divider strong{color:#2d4122;font-size:16px}.unit-divider svg{color:#9aa596;margin-left:auto}.unit-madd{background:#e7f6f3;border-color:#c3e8e1;box-shadow:0 4px #c3e8e1}.unit-madd span{background:#2fae9c}.unit-stop{background:#fdf0e3;border-color:#f5d8b8;box-shadow:0 4px #f5d8b8}.unit-stop span{background:#e48d2e}.unit-divider.locked{opacity:.65}.beat-meter{clear:both;background:#f3f8ef;border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 6px;padding:12px 14px;display:flex}.beat-label{letter-spacing:.06em;text-transform:uppercase;color:#658b4f;font-size:12px;font-weight:800}.beats{gap:8px;display:flex}.beat{color:#fff;background:#2fae9c;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid;box-shadow:0 4px #1f7f71}.count-tip{margin-top:10px}.video-empty{color:#8aa67a;box-shadow:none;background:repeating-linear-gradient(45deg,#f3f8ef,#f3f8ef 12px,#eaf2e4 12px 24px);border:2px dashed #cddfc1;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-weight:800;display:flex}.offline-downloads p{margin-top:14px}.offline-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.offline-actions .button{white-space:normal}.offline-downloads progress{width:100%;accent-color:var(--green);margin-top:16px}.offline-notice{background:var(--pale);color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.offline-video{text-align:center;background:var(--pale);min-height:100%;color:var(--ink);place-content:center;gap:12px;padding:24px;display:grid}.offline-video p{color:var(--ink)}.offline-video svg{margin:auto}.welcome-page{background:hsl(var(--welcome-background));color:hsl(var(--welcome-foreground))}.welcome-page *{letter-spacing:0}.welcome-page p{color:hsl(var(--welcome-muted))}.welcome-inner{width:min(1120px,100% - 64px);margin-inline:auto}.welcome-header{justify-content:space-between;align-items:center;gap:16px;height:92px;display:flex}.welcome-logo{width:188px;height:auto}.welcome-header nav{align-items:center;gap:28px;font-size:14px;font-weight:800;display:flex}.welcome-page .button{letter-spacing:0;border-width:2px;border-radius:14px;min-height:48px;font-size:15px}.welcome-page .primary,.welcome-page .welcome-cta{background:hsl(var(--welcome-primary));color:hsl(var(--welcome-primary-foreground));border-color:hsl(var(--welcome-primary));box-shadow:var(--welcome-shadow)}.welcome-page .primary:hover,.welcome-page .welcome-cta:hover{background:hsl(var(--welcome-foreground))}.welcome-page .button:active{box-shadow:none;transform:translateY(4px)}.welcome-page .welcome-cta{min-height:56px;padding-inline:32px}.welcome-hero{background:hsl(var(--welcome-soft));padding-block:12px 32px}.welcome-hero-copy{text-align:center;max-width:680px;margin-inline:auto;padding-block:12px 28px}.welcome-eyebrow{text-transform:uppercase;color:hsl(var(--welcome-primary));align-items:center;gap:9px;font-size:12px;font-weight:900;display:inline-flex}.welcome-hero h1{color:hsl(var(--welcome-foreground));margin:12px 0 8px;font-size:48px;line-height:1.12}.welcome-hero h2{color:hsl(var(--welcome-primary));margin-bottom:12px;font-size:28px;line-height:1.25}.welcome-hero p{margin-inline:auto;max-width:560px;margin-bottom:18px;font-size:16px;line-height:1.6}.welcome-hero .welcome-note{margin:17px 0 0;font-size:13px}.welcome-highlights{border-block:2px solid hsl(var(--welcome-border))}.welcome-highlights>div{flex-wrap:wrap;justify-content:space-between;gap:20px;padding-block:22px;display:flex}.welcome-highlights span{align-items:center;gap:10px;font-size:15px;font-weight:900;display:inline-flex}.welcome-highlights span:first-child{color:hsl(var(--welcome-primary))}.welcome-highlights span:nth-child(2){color:hsl(var(--welcome-blue))}.welcome-highlights span:nth-child(3){color:hsl(var(--welcome-violet))}.welcome-intro{border-bottom:2px solid hsl(var(--welcome-border));justify-content:space-between;align-items:center;gap:28px;padding-block:28px;display:flex}.welcome-intro strong{margin-bottom:4px;font-size:16px;display:block}.welcome-intro p{font-size:14px}.welcome-alphabet{color:hsl(var(--welcome-primary));flex-shrink:0;align-items:center;gap:7px;font-size:14px;font-weight:800;text-decoration:underline;display:inline-flex}.welcome-section{padding-block:56px;scroll-margin-top:20px}.welcome-section h2{margin:10px 0 14px;font-size:32px;line-height:1.25}.welcome-section>p{max-width:630px;font-size:16px}.welcome-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px;display:grid}.welcome-step{border:2px solid hsl(var(--welcome-border));background:hsl(var(--welcome-soft));box-shadow:var(--welcome-card-shadow);border-radius:8px;flex-direction:column;padding:24px;display:flex}.welcome-step:nth-child(2){background:hsl(var(--welcome-blue-soft))}.welcome-step:nth-child(3){background:hsl(var(--welcome-violet-soft))}.welcome-step-heading{color:hsl(var(--welcome-primary));justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.welcome-step:nth-child(2) .welcome-step-heading{color:hsl(var(--welcome-blue))}.welcome-step:nth-child(3) .welcome-step-heading{color:hsl(var(--welcome-violet))}.welcome-step-heading>span{font-size:12px;font-weight:900}.welcome-step-heading>svg{flex-shrink:0}.welcome-step h3{margin-bottom:12px;font-size:21px}.welcome-step p{font-size:15px}.welcome-feature-art{min-height:92px;color:hsl(var(--welcome-primary));justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.welcome-step:nth-child(2) .welcome-feature-art,.welcome-step:nth-child(2) .welcome-feature-link{color:hsl(var(--welcome-blue))}.welcome-step:nth-child(3) .welcome-feature-art{color:hsl(var(--welcome-violet))}.welcome-feature-badge{font-size:12px;font-weight:900}.welcome-feature-link,.welcome-feature-privacy{color:hsl(var(--welcome-primary));align-items:center;gap:8px;margin-top:auto;padding-top:20px;font-size:13px;font-weight:900;display:inline-flex}.welcome-feature-privacy{color:hsl(var(--welcome-violet))}.welcome-feature-privacy svg{flex-shrink:0}.welcome-preview{border:2px solid hsl(var(--welcome-border));background:hsl(var(--welcome-background));max-width:540px;box-shadow:var(--welcome-card-shadow);text-align:center;border-radius:8px;margin-inline:auto;padding:16px 20px 8px;scroll-margin-top:20px;overflow:hidden}.welcome-teaser-title{color:hsl(var(--welcome-muted));font-size:12px;font-weight:800}.welcome-teaser-action{place-items:center;min-height:84px;display:grid}.welcome-page .welcome-reveal{border-color:hsl(var(--welcome-border));background:hsl(var(--welcome-soft));min-height:44px;color:hsl(var(--welcome-primary));box-shadow:none;border-radius:8px;padding:8px 16px;font-size:13px}.welcome-reveal:hover{border-color:hsl(var(--welcome-primary))}.welcome-reveal-card{justify-items:center;gap:6px;padding:4px 0 10px;display:grid}.welcome-reveal-rule{color:hsl(var(--welcome-primary));font-size:15px}.welcome-hero .welcome-reveal-card p{max-width:440px;margin:0 auto;font-size:14px}.welcome-hero .welcome-reveal-card .welcome-reveal-method{color:hsl(var(--welcome-muted));font-size:12px}.welcome-reveal-reset{min-height:36px;color:hsl(var(--welcome-muted));cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.welcome-preview-top{border-bottom:2px solid hsl(var(--welcome-border));justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.welcome-preview-modes{gap:8px;display:flex}.welcome-preview-modes .button{color:hsl(var(--welcome-muted));min-height:44px;box-shadow:none;border-color:#0000;border-radius:8px;padding:8px 12px;font-size:13px}.welcome-preview-modes .button[aria-pressed=true]{color:hsl(var(--welcome-primary));background:hsl(var(--welcome-soft));border-color:hsl(var(--welcome-primary))}.welcome-preview-tag{color:hsl(var(--welcome-muted));font-size:10px;font-weight:900}.welcome-preview-content{min-height:292px;padding:14px 24px 4px}.welcome-preview-caption{color:hsl(var(--welcome-muted));justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.welcome-highlight{cursor:pointer;flex-shrink:0;align-items:center;gap:7px;min-height:32px;font-weight:800;display:inline-flex}.welcome-highlight input{width:16px;height:16px;accent-color:hsl(var(--welcome-primary))}.welcome-preview .verse-card{padding:4px 0 8px}.welcome-preview .arabic-phrase{color:hsl(var(--welcome-foreground));font-size:36px;line-height:1.8}.welcome-preview .arabic-phrase mark{background:hsl(var(--welcome-gold-soft));color:hsl(var(--welcome-foreground));border-color:hsl(var(--welcome-accent))}.welcome-preview .verse-card>a{color:hsl(var(--welcome-muted))}.welcome-rule-note{text-align:center}.welcome-rule-note strong{color:hsl(var(--welcome-primary));font-size:14px}.welcome-hero .welcome-rule-note p{margin:2px auto 0;font-size:13px}.welcome-preview .audio-control{gap:6px;margin:12px 0}.welcome-preview .audio-button{background:hsl(var(--welcome-primary));border-color:hsl(var(--welcome-primary));color:hsl(var(--welcome-primary-foreground));box-shadow:var(--welcome-shadow);border-radius:8px}.welcome-preview .audio-control>small,.welcome-preview .audio-control>p{color:hsl(var(--welcome-muted))}.welcome-course{background:hsl(var(--welcome-soft));border-block:2px solid hsl(var(--welcome-border))}.welcome-course-grid{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.welcome-units{margin:0;padding:0;list-style:none}.welcome-units li{border-bottom:2px dashed hsl(var(--welcome-border));align-items:center;gap:18px;padding:22px 0;display:flex}.welcome-units li:first-child{padding-top:0}.welcome-units li>span{background:hsl(var(--welcome-primary));width:46px;height:46px;color:hsl(var(--welcome-primary-foreground));box-shadow:var(--welcome-shadow);border-radius:50%;flex:0 0 46px;place-items:center;font-size:16px;font-weight:900;display:grid}.welcome-units strong{font-size:18px;display:block}.welcome-units p{margin-top:5px;font-size:14px}.welcome-limits{margin-top:22px;font-size:14px}.welcome-graduation{border-top:2px dashed hsl(var(--welcome-border));align-items:center;gap:28px;margin-top:36px;padding:32px 0 8px;display:flex}.welcome-graduation>svg{color:hsl(var(--welcome-primary));flex-shrink:0}.welcome-graduation>svg:last-child{color:hsl(var(--welcome-accent));margin-left:auto}.welcome-graduation h3{margin:6px 0 7px;font-size:24px}.welcome-graduation p{max-width:720px;font-size:15px}.welcome-install{border:2px solid hsl(var(--welcome-border));background:hsl(var(--welcome-soft));border-bottom-width:5px;border-radius:24px;align-items:flex-start;gap:24px;padding:28px;display:flex}.welcome-install>svg{color:hsl(var(--welcome-primary));flex-shrink:0}.welcome-install h2{margin:6px 0 8px;font-size:24px}.welcome-install p{max-width:680px;font-size:15px}.welcome-install-steps{gap:6px;margin:14px 0 0;padding-left:20px;font-size:15px;list-style:outside;display:grid}@media (width<=640px){.welcome-install{flex-direction:column;gap:12px;padding:20px}.welcome-install h2{font-size:21px}}.welcome-final{text-align:center;padding-block:56px}.welcome-final p{margin-bottom:24px}.welcome-footer{border-top:2px solid hsl(var(--welcome-border));color:hsl(var(--welcome-muted));justify-content:space-between;align-items:center;gap:20px;padding-block:24px;font-size:13px;display:flex}.welcome-footer nav{flex-wrap:wrap;gap:20px;display:flex}.access-home-link{color:var(--subtle);justify-content:center;align-items:center;gap:6px;margin:0 auto 18px;font-size:13px;display:flex}@media (width<=1000px) and (width>=701px){.welcome-hero-copy{max-width:600px}.welcome-hero h1{font-size:40px}.welcome-hero h2{font-size:28px}.welcome-hero p{max-width:520px}.welcome-step{padding:18px}.welcome-step-heading{flex-direction:column-reverse;align-items:flex-start}}@media (width<=700px){.welcome-inner{width:calc(100% - 40px)}.welcome-header{height:76px}.welcome-logo{width:150px}.welcome-header nav{white-space:nowrap;gap:16px}.welcome-header .welcome-how-link,.welcome-header .button{display:none}.welcome-hero{padding-block:4px 24px}.welcome-hero-copy{max-width:100%;padding-block:10px 22px}.welcome-hero h1{margin-block:10px 6px;font-size:34px}.welcome-hero h2{margin-bottom:10px;font-size:21px;line-height:1.2}.welcome-hero h2 br{display:none}.welcome-hero p{max-width:330px;margin-bottom:16px;font-size:15px}.welcome-page .welcome-cta{min-height:50px}.welcome-hero .welcome-note{margin-top:12px;font-size:12px}.welcome-hero .welcome-eyebrow{gap:6px;font-size:10px}.welcome-preview-top{padding:8px}.welcome-preview-tag{display:none}.welcome-preview-modes{width:100%}.welcome-preview-modes .button{flex:1;padding-inline:8px}.welcome-preview-content{min-height:276px;padding:10px 12px 4px}.welcome-preview-caption{gap:6px;font-size:10px}.welcome-preview{padding:12px 12px 4px}.welcome-preview .arabic-phrase{font-size:30px;line-height:1.8}.welcome-hero .welcome-rule-note p{font-size:12px}.welcome-preview .audio-control>small{text-align:center;font-size:9px}.welcome-highlights>div{justify-content:center;gap:12px 18px;padding-block:18px}.welcome-highlights span{gap:6px;font-size:12px}.welcome-highlights svg{width:18px;height:18px}.welcome-intro{flex-direction:column;align-items:flex-start;gap:12px;padding-block:24px}.welcome-section{padding-block:36px}.welcome-section h2{font-size:27px}.welcome-steps,.welcome-course-grid{grid-template-columns:1fr;gap:24px}.welcome-step-heading{margin-bottom:14px}.welcome-graduation{align-items:flex-start;gap:16px}.welcome-graduation>svg{width:44px}.welcome-graduation>svg:last-child{display:none}.welcome-graduation h3{font-size:22px}.welcome-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:no-preference){.welcome-hero-copy{animation:.45s ease-out both welcome-arrive}@keyframes welcome-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}@media (width<=640px){.welcome-graduation{flex-wrap:wrap}.welcome-graduation .welcome-gift-photo{object-fit:cover;border-radius:16px;width:100%;height:180px}}.install-pop{position:relative}.install-pop-trigger{font:inherit;background:var(--pale);color:var(--deep-green);border:2px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:14px;font-weight:800;display:inline-flex}.install-pop-trigger[aria-expanded=true] svg:last-child{transform:rotate(180deg)}.install-pop-card{z-index:50;background:var(--paper);width:min(320px,100vw - 24px);color:var(--ink);white-space:normal;border:2px solid var(--line);box-shadow:0 4px 0 var(--line), 0 12px 28px #263e3524;text-align:left;border-radius:16px;padding:16px;animation:.18s ease-out install-pop-in;position:absolute;top:calc(100% + 8px);right:0}.install-pop:after{content:"";height:10px;position:absolute;top:100%;left:0;right:0}.install-pop-card strong{margin-bottom:6px;font-size:15px;display:block}.install-pop-card p{color:var(--subtle);margin:0 0 8px;font-size:13px}.install-pop-card ul{gap:4px;margin:0;padding-left:18px;font-size:13px;display:grid}@keyframes install-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (width<=640px){.install-pop-trigger span{display:none}.install-pop-trigger{padding:7px 9px}}.welcome-header{z-index:40;position:relative}@media (width<=640px){.install-pop-card{width:auto;position:fixed;top:72px;left:12px;right:12px}}