:root{--ink:#e6eeea;--muted:#9eafa8;--green:#bce8a2;--lime:#c0eda6;--line:#2b403c;--paper:#0b1918;--white:#152623;--accent:#bce8a2;color-scheme:dark}body{background:radial-gradient(ellipse at 100% 0,#203d344d,transparent 40%),#0b1918}header{height:86px;background:#0b1918ec;border-color:#2b403c;position:sticky;top:0;z-index:5;backdrop-filter:blur(18px);padding:0 4%;gap:24px}.brand{color:#eef5ee}.brandmark{background:#c3eaa9;color:#12342d;border-radius:12px}nav a.active{color:var(--lime)}main{max-width:1560px;padding:34px 4% 64px}main:focus{outline:none}.header-link{color:#bdd0c5}.brand small{color:#a4b7a8;font-size:9px;letter-spacing:2.4px}h1,h2,h3{font-weight:500}.studio-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 0 30px;margin-bottom:28px;border-bottom:1px solid var(--line)}.studio-intro .eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:12px}.studio-intro .eyebrow span{color:#77988a;margin-left:20px}.studio-intro h1{font-size:44px;letter-spacing:-2px;margin:0 0 10px}.studio-intro p:last-child{margin:0;font-size:14px;color:var(--muted)}.track{background:#152923;border:1px solid #30483e;padding:4px}.track button{font-size:12px;padding:12px 15px}.track button.selected{background:#c4ecad;color:#102c23;font-weight:700}.learning-grid{grid-template-columns:200px minmax(0,1fr);gap:32px}.path{padding-top:10px}.path-label{font-size:10px;letter-spacing:2px;color:#82988c}.path button{padding:14px 10px;font-size:13px;margin:4px 0;color:#aab9b0}.path button b{border-color:#3d5147;font-size:11px;color:#9bafa0}.path button.selected{background:#20362a;color:#d4f0b9;border:1px solid #3c573d}.path button.selected b{background:#c5eaae;color:#173021;border-color:transparent}.path-note{margin:30px 10px 0;color:#91aa98;padding-top:25px}.path-symbol{display:block;font-size:28px;color:#c6e9a9;margin:4px 0 18px}.path-note h3{font-size:23px;color:#d1ddcb;line-height:1.3;letter-spacing:-.7px}.path-note p{font-size:12px}.path-note a{font-size:12px}.workspace-top{margin-bottom:18px}.workspace-top h2{font-size:20px;letter-spacing:-.6px}.select-label{font-size:12px;color:#a2b3a8;gap:12px}select,input{background:#162924;border-color:#344b3d;color:#e1eade;border-radius:7px;font-size:13px}.practice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.unit-tabs{display:flex;gap:6px}.unit-tabs button{display:flex;gap:7px;align-items:center;background:transparent;border:1px solid transparent;padding:8px 10px;color:#90a599;font-size:12px;border-radius:6px}.unit-tabs button span{height:20px;width:20px;border:1px solid #4e6156;display:grid;place-items:center;border-radius:50%;font-size:10px}.unit-tabs button b{font-weight:400}.unit-tabs button.selected{background:#243c2c;color:#d1eec0}.unit-tabs button.selected span{background:#bddfa5;border-color:#bddfa5;color:#173024}.progress-ring{background:conic-gradient(#bee7a4 var(--progress),#304538 0);height:39px;width:39px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;font-size:11px;isolation:isolate}.progress-ring:before{content:'';position:absolute;inset:3px;background:#0b1918;border-radius:50%;z-index:-1}.progress-ring small{font-size:9px}.prayer-stage{border:1px solid #3a4c40;background:#122521;border-radius:18px;box-shadow:0 16px 60px #0002;overflow:hidden}.stage-grid{grid-template-columns:49% 51%;min-height:500px}.figure-pane{background:radial-gradient(ellipse at 40% 27%,#eaf2d5 0,#c2d5bd 45%,#93b7a9 100%);min-height:500px;justify-content:initial;padding:22px;isolation:isolate;color:#203e36}.figure-pane:before{inset:74px 42px 70px;border-color:#ffffff52;border-radius:180px 180px 20px 20px;background:linear-gradient(#ffffff10,#fff0);z-index:-1}.scene-top{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px;z-index:2}.scene-kicker{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#3d5e50}.scene-grid{position:absolute;left:-20%;right:-20%;bottom:-80px;height:240px;background-image:linear-gradient(#466c5020 1px,transparent 1px),linear-gradient(90deg,#466c5020 1px,transparent 1px);background-size:35px 35px;transform:perspective(220px) rotateX(55deg);z-index:-1;mask-image:linear-gradient(transparent,black)}.scene-orbit{position:absolute;width:250px;height:45px;border:1px solid #557d5f40;bottom:84px;border-radius:50%;background:radial-gradient(ellipse,#244c4a25,transparent 65%);z-index:-1}.pose{height:342px;width:100%;max-width:none;min-height:0;flex:1;margin:10px 0 0;display:flex;justify-content:center;align-items:end}.faceless-art{display:block;width:100%;height:342px;overflow:hidden;filter:drop-shadow(10px 10px 10px #274c3a20)}.wide-pose .faceless-art{max-width:100%}.scene-position{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;gap:10px;position:relative}.scene-arabic{font-family:'Noto Naskh Arabic',serif;font-size:22px;font-weight:400}.scene-hint{margin:7px 0 0;color:#365b49;font-size:10px;text-align:center;line-height:1.5;position:relative}.step-content{padding:28px 30px 20px;display:flex;flex-direction:column;min-width:0}.step-meta{margin-bottom:26px;font-size:11px;letter-spacing:1.5px;color:#dce9d6}.pill{background:#253e2d;color:#c1e4a5;font-size:10px}.step-content h2{font-size:32px;letter-spacing:-1px;max-width:390px;color:#f0f3e7}.step-content>p{font-size:14px;line-height:1.8;color:#adc0b1;margin:0 0 20px}.words-panel{border-top:1px solid #345143;padding-top:18px;margin-top:auto}.words-label{font-size:9px;letter-spacing:1.6px;color:#89a28e;margin:0}.language-controls{margin:0 0 5px;border-color:#30493b}.language-controls button{font-size:11px;margin-right:8px;padding:11px 2px;color:#8fa998}.language-controls button[aria-pressed=true]{color:#d1efb7;border-color:#bfe1aa}.words-scroll{max-height:260px;overflow:auto;scrollbar-color:#5a7c60 #183227;scrollbar-width:thin;padding-right:5px}.recitation{padding-top:12px}.arabic{color:#dfedcf;font-size:30px}.translit{font-size:14px;color:#bbd5af;line-height:1.8}.translation{font-size:13px;color:#98b19f;line-height:1.8}.intention-note{border:1px solid #345541;background:linear-gradient(135deg,#284432,#163025);border-radius:10px;padding:24px;margin-top:auto;display:flex;align-items:center;gap:16px}.intention-note span{font-size:24px;color:#bedea6}.intention-note p{font-size:13px;line-height:1.8;color:#c6d8bb;margin:0}.step-controls{padding:18px 22px;border-top:1px solid #345041;background:#11251e}.btn{background:#1c3227;border:1px solid #3a5441;color:#d4e4c7;border-radius:7px;font-size:12px}.btn.primary{background:#c6edac;border-color:#c6edac;color:#152c1d;font-weight:700;box-shadow:0 4px 20px #c6edac0a}.btn:hover{filter:brightness(1.08)}.btn:disabled{filter:none}.jump-label select{background:transparent;border-color:transparent;color:#9fb398;font-size:11px;max-width:240px}.context-note{margin-top:16px;border:1px solid #304938;border-radius:8px;background:#152c22;padding:0}.context-note summary{padding:14px 18px;font-size:12px;display:flex;justify-content:space-between;gap:15px;color:#c0d5b3;list-style:none}.context-note summary span:last-child{font-weight:400;color:#839f88;font-size:11px}.context-note p,.context-note>a{margin:0 18px 15px;font-size:13px;color:#afc5a6}.practice-footnote{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;color:#8ca28c;gap:14px}.text-button{background:none;border:0;padding:0;color:#b5ccaa;text-decoration:underline;text-underline-offset:3px;font-size:10px}.below-grid{gap:15px;margin-top:22px}.mini-card,.mini-card.dark{background:#14291f;border:1px solid #2d4531;display:flex;gap:18px;padding:20px;color:#e0ebd6;border-radius:10px}.mini-card.dark{background:linear-gradient(120deg,#263d28,#14291f)}.mini-icon{font-size:28px;color:#a9c88f;font-family:serif}.mini-card h3{font-size:16px;margin:7px 0 0;letter-spacing:-.4px}.mini-card p,.mini-card.dark p{font-size:12px;color:#91aa89;margin:7px 0 0}.mini-card .eyebrow,.mini-card.dark .eyebrow{font-size:8px;letter-spacing:1.8px;color:#b3cd9e;margin:0}.panel,.school-card,.library-card{background:#142820;border-color:#304934;color:#dfe9d5}.school-card.highlight{background:#29432d;border-color:#bddca4}.school-card .value{color:#deead2}.school-card .arabic{color:#b7d599}.comparison-selector button{background:#172e22;border-color:#37513a;color:#c8dabe}.comparison-selector button.selected{background:#c3e7a9;color:#1a3121}.school-note{background:#223929;border-color:#769467;color:#c0d3b4}.notice{background:#363523;border-color:#5d5b35;color:#d8d5b8}.recitation-full{background:#1d3728}.checklist label{background:#162e22;border-color:#36543a}.checklist input{accent-color:#aecf90}.time-heading{background:linear-gradient(125deg,#254b39,#142c23);color:#e3eddb;border:1px solid #3b5840;border-bottom:0}.time-heading p{color:#a6bda0}.prayer-list{background:#14281e;border-color:#3b5840}.time-row{border-color:#314b32}.time-row strong{color:#d4e8c3}.btn.light{color:#1b321e;background:#c0e8a2}.error{color:#f7ad98}.success{color:#b9e69e}dialog{background:#10241c;border-color:#3a5a3e;color:#e4edd9}.close{background:#233d2a;border-color:#52734e;color:#d9e7cb}.section-head h1{font-size:48px}.section-head p{font-size:16px}.section-head .eyebrow{font-size:11px}.source-list a{color:#bbd7a8}.library-controls input{padding:16px 18px}.library-card{transition:transform .2s,border-color .2s}.library-card .eyebrow{color:#a9c88f}.library-card:hover{border-color:#91b47a;background:#1d3625}.completion{background:radial-gradient(ellipse at 50% 0,#325438,#142b20)}footer{background:#0c1c15;border-color:#2f4530;color:#879e80;padding:26px 4%}footer .brand{color:#d7e4ca}.caption{color:#92a78b}.skip{background:#bddf9f;color:#17331c}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #dbf2b2;outline-offset:4px}.figure-pane button:focus-visible{outline-color:#164936}.article h2{font-size:28px}.article p,.article li{color:#b5c8aa}.article h3{color:#d8e7ca}
@media(min-width:1700px){main{padding-top:45px}.stage-grid{min-height:560px}.figure-pane{min-height:560px}.step-content{padding:35px}.step-content h2{font-size:38px}.step-content>p{font-size:16px}}
@media(max-width:1200px){.studio-intro{align-items:start;flex-direction:column;gap:18px}.studio-intro h1{font-size:38px}.learning-grid{grid-template-columns:165px 1fr;gap:20px}.path button{font-size:11px;padding:12px 7px;gap:9px}.path-note h3{font-size:20px}.stage-grid{grid-template-columns:47% 53%}.scene-top{flex-direction:column;gap:10px}.step-content{padding:24px 22px}.step-content h2{font-size:28px}.unit-tabs button b{display:none}.scene-orbit{width:200px}}
@media(max-width:760px){header{height:auto;position:relative;padding:18px 5% 0;gap:12px}nav{gap:15px}main{padding:24px 5% 45px}.studio-intro{padding-bottom:22px;margin-bottom:18px;gap:18px}.studio-intro h1{font-size:35px}.studio-intro p:last-child{font-size:13px;line-height:1.7}.studio-intro .eyebrow{font-size:9px;letter-spacing:1.5px}.studio-intro .eyebrow span{font-size:9px;margin-left:10px}.track button{font-size:11px;padding:11px 8px}.learning-grid{display:block}.path{margin-bottom:18px;gap:5px;padding:0 0 6px}.path button{margin:0;padding:10px 9px;font-size:11px}.workspace-top{align-items:center;gap:12px}.workspace-top h2{font-size:17px}.select-label{font-size:10px;gap:7px}.select-label select{font-size:11px;padding:9px 7px}.practice-toolbar{gap:8px}.unit-tabs{gap:0}.unit-tabs button{padding:6px}.progress-ring{width:32px;height:32px;font-size:9px}.stage-grid{display:flex;flex-direction:column;min-height:0}.figure-pane{height:345px;min-height:345px;padding:15px 20px}.scene-top{flex-direction:row}.scene-kicker{font-size:8px;letter-spacing:1px}.pose{margin-top:3px;max-width:none;flex:1}.figure-pane:before{inset:50px 20% 48px}.scene-position{font-size:11px}.scene-arabic{font-size:20px}.scene-orbit{bottom:55px;width:170px}.scene-hint{font-size:9px;margin:3px 0 0}.step-content{padding:24px 22px}.step-content h2{font-size:29px}.step-content>p{font-size:15px;margin-bottom:22px}.step-meta{margin-bottom:18px}.language-controls button{font-size:12px;margin-right:10px}.words-scroll{max-height:300px}.translit,.translation{font-size:15px}.words-label{font-size:10px}.words-panel{padding-top:16px}.step-controls{padding:15px 12px;gap:7px}.btn{font-size:11px;padding:11px 13px}.jump-label{min-width:0;flex:1}.jump-label select{width:100%;font-size:10px;padding:8px 3px;max-width:145px;text-overflow:ellipsis}.context-note summary{font-size:11px;padding:13px}.context-note summary span:last-child{font-size:9px}.practice-footnote{font-size:9px;align-items:start}.text-button{font-size:9px;flex-shrink:0}.below-grid{grid-template-columns:1fr}.mini-card,.mini-card.dark{padding:19px;gap:17px}.section-head h1{font-size:36px}.panel{padding:22px}.comparison-grid{grid-template-columns:1fr}.school-card{padding:24px}.school-card.highlight{padding:23px}.school-card .arabic{text-align:left;float:right;font-size:32px}.school-card .value{font-size:16px}footer{padding:26px 5%}.intention-note{padding:20px}.intention-note p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.library-card{transition:none}}
/* Readable control sizes, including at browser text zoom. */
.track button,.path button,.select-label,select,input,.unit-tabs button,.btn,.jump-label select,.language-controls button,.context-note summary,.mini-card p,.mini-card.dark p,.path-note a{font-size:14px}.step-content>p,.translit,.translation,.intention-note p{font-size:16px}.mini-card h3{font-size:18px}.scene-hint,.practice-footnote,.text-button,.caption,.context-note summary span:last-child,.path-note p{font-size:12px}.words-label,.scene-kicker,.path-label{font-size:11px}.learning-grid{grid-template-columns:220px minmax(0,1fr)}.path button{gap:10px}.scene-top{gap:7px}.stage-grid{min-height:525px}.figure-pane{min-height:525px}.step-content>p{line-height:1.7}.words-scroll{max-height:260px}
@media(max-width:1200px){.learning-grid{grid-template-columns:190px minmax(0,1fr)}.track button,.path button,.select-label,select,input,.btn,.jump-label select{font-size:14px}.unit-tabs button{font-size:12px}}
@media(max-width:760px){.studio-intro p:last-child{font-size:16px}.track button{font-size:12px;min-height:42px}.path button{font-size:13px;min-height:42px}.select-label{font-size:12px}.select-label select{font-size:13px}.unit-tabs button{padding:5px;min-height:36px}.unit-tabs button span{width:19px;height:19px}.progress-ring{display:none}.practice-toolbar{gap:6px}.scene-top{gap:5px}.scene-kicker{font-size:10px;max-width:85px;line-height:1.6}.figure-pane{height:385px;min-height:385px}.scene-position{font-size:14px}.scene-hint{font-size:12px}.step-content>p,.translit,.translation{font-size:16px}.language-controls button{font-size:13px;margin-right:8px}.btn{font-size:13px;padding:12px}.jump-label select{font-size:12px;max-width:130px}.context-note summary{font-size:13px;flex-wrap:wrap}.context-note summary span:last-child{font-size:12px}.practice-footnote{font-size:12px;flex-direction:column;gap:7px}.text-button{font-size:12px}.path-note p{font-size:13px}.stage-grid{min-height:0}.mini-card p,.mini-card.dark p{font-size:14px}.words-label{font-size:12px}.learning-grid{display:block}}

.pose,.faceless-art{height:342px}@media(min-width:1700px){.pose,.faceless-art{height:400px}}@media(max-width:1200px){.pose,.faceless-art{height:315px}}@media(max-width:760px){.pose,.faceless-art{height:260px}}