@font-face{font-family:Noto Naskh Arabic Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/noto-naskh-arabic-arabic-wght-normal-DIN-4rtF.woff2) format("woff2-variations");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Reem Kufi Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/reem-kufi-arabic-wght-normal-DEc70LOo.woff2) format("woff2-variations");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}:root{font-family:Noto Naskh Arabic Variable,Geeza Pro,serif;color:#282a23;background:#f7f1e2;font-synthesis:none;--paper: #f7f1e2;--paper-deep: #eee3cd;--paper-light: #fbf7ed;--ink: #282a23;--muted: #6e675a;--green: #173f32;--green-bright: #235544;--copper: #a96c38;--copper-text: #965c31;--gold: #c49a69;--line: rgba(91, 70, 45, .2);--sidebar-width: 276px;--player-height: 96px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background-color:var(--paper);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--copper);outline-offset:3px}.app-shell{min-height:100vh;padding-bottom:var(--player-height)}.app-shell:not(.player-active){--player-height: 0px}.sidebar{position:fixed;inset:0 0 var(--player-height) auto;z-index:30;width:var(--sidebar-width);display:flex;flex-direction:column;background:#faf6ecfa;border-left:1px solid rgba(169,108,56,.55)}.sidebar .sidebar-close{display:none}.brand-panel{width:100%;min-height:218px;padding:26px 24px 19px;border:0;color:#f1dfbc;font:inherit;text-align:center;background:#14382e;border-bottom:1px solid var(--copper)}.brand-panel:focus-visible{outline:3px solid var(--gold);outline-offset:-5px}.brand-word{font-family:Reem Kufi Variable,sans-serif;font-size:64px;font-weight:680;line-height:1.05;color:#eed8ad;text-shadow:0 1px 0 #6f4d2c}.brand-panel p{margin:10px 0 17px;font-size:15px;color:#f1e5cd}.brand-rule{width:150px;margin:auto;padding-block:4px;color:var(--gold);border-block:1px solid var(--gold)}.sidebar-nav{padding:24px 26px 12px}.nav-section{display:grid;gap:2px}.nav-item{width:100%;min-height:46px;padding:7px 3px;display:flex;align-items:center;gap:14px;border:0;background:transparent;font-size:17px;text-align:right;transition:color .15s ease,transform .15s ease}.nav-item:hover{color:var(--copper-text);transform:translate(-2px)}.nav-item.active{color:var(--green);font-weight:750}.nav-divider{height:1px;margin:18px 0 13px;background:#463c2e4d}.nav-caption{padding:2px 3px 7px;color:var(--copper-text);font-size:13px}.sidebar-quote{margin:auto 24px 24px;padding:16px 14px 10px;border:1px solid rgba(169,108,56,.48);color:#4d463c;font-size:12px;line-height:1.75;text-align:center}.sidebar-quote svg{display:block;margin:7px auto 0;color:var(--copper)}.mobile-header,.nav-scrim{display:none}.main-content{min-height:calc(100vh - var(--player-height));margin-right:var(--sidebar-width);padding:25px clamp(34px,4vw,66px) 64px}.utility-bar{min-height:58px;display:flex;justify-content:flex-start;gap:9px}.utility-bar button{min-width:66px;padding:5px 9px;display:grid;place-items:center;gap:1px;border:0;background:transparent;font-size:13px}.utility-bar button:hover{color:var(--copper-text)}.utility-bar svg{display:block}.page{width:min(100%,1120px);margin:0 auto}.library-hero{position:relative;max-width:940px;margin:13px auto 72px;padding:50px 42px 32px;text-align:center;border-block:1px solid var(--line)}.library-hero:before,.library-hero:after{content:"";position:absolute;inset-block:19px;width:1px;background:#a96c384d}.library-hero:before{right:0}.library-hero:after{left:0}.hero-ornament{position:absolute;top:-19px;right:calc(50% - 24px);width:48px;display:grid;place-items:center;color:var(--gold);background:var(--paper)}.eyebrow,.page-heading>span,.section-title-row>div>span,.card-kicker,.scholar-card>div>span,.growth-card>span{color:var(--copper-text);font-size:14px;font-weight:700}.library-hero h1{margin:11px 0 16px;font-family:Reem Kufi Variable,sans-serif;font-size:clamp(52px,5.6vw,79px);font-weight:620;line-height:1.23;color:var(--green)}.library-hero>p{max-width:640px;margin:0 auto 25px;color:#544e44;font-size:20px;line-height:1.8}.hero-actions{display:flex;justify-content:center;gap:12px}.primary-action,.secondary-action{min-height:43px;padding:8px 18px;display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:4px;text-decoration:none}.primary-action{border:1px solid var(--green);background:var(--green);color:#f8ecd5}.primary-action:hover{background:var(--green-bright)}.secondary-action{border:1px solid rgba(169,108,56,.6);background:transparent}.secondary-action:hover{color:var(--copper);background:#ffffff40}.primary-action.large,.secondary-action.large{min-width:165px;min-height:52px;font-size:17px}.library-stats{width:min(100%,680px);margin:38px auto -58px;padding:17px 20px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper-light);border:1px solid rgba(169,108,56,.42);box-shadow:0 8px 30px #51391f0f}.library-stats div{display:grid;gap:2px}.library-stats div+div{border-right:1px solid var(--line)}.library-stats strong{font-family:Reem Kufi Variable,sans-serif;color:var(--green);font-size:28px;line-height:1.2}.library-stats span{color:var(--muted);font-size:13px}.continue-card{max-width:940px;margin:-28px auto 50px;padding:24px 28px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px;color:#f3e7d2;background:var(--green);border:1px solid var(--gold);box-shadow:0 15px 42px #173f321f}.continue-card>div:first-child>span{color:var(--gold);font-size:13px}.continue-card h2{margin:0 0 5px;font-size:27px}.continue-card p{margin:0;display:grid}.continue-card p small{color:#d9cdb8}.continue-meta{display:grid;gap:3px;color:#ead8b8;font-size:14px}.continue-card .primary-action{border-color:var(--gold);background:var(--copper);white-space:nowrap}.content-section{margin:48px auto}.section-title-row{margin-bottom:15px;display:flex;justify-content:space-between;align-items:end;gap:20px}.section-title-row h2{margin:2px 0 0;font-size:27px;font-weight:590}.section-title-row>button,.text-link{padding:5px 0;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--green)}.section-title-row>button:hover,.text-link:hover{color:var(--copper)}.course-card{min-height:238px;padding:29px 31px;display:grid;grid-template-columns:72px 1fr 180px;align-items:center;gap:24px;border:1px solid rgba(91,70,45,.25);background:#fbf7edb8;box-shadow:0 11px 36px #543a1d0b}.card-ornament{width:64px;height:64px;display:grid;place-items:center;color:#eddcb9;background:var(--green);border-radius:50%}.course-card-copy h3{margin:2px 0 0;color:var(--green);font-family:Reem Kufi Variable,sans-serif;font-size:35px;font-weight:590}.course-title-link,.scholar-title-link{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start}.course-title-link:hover,.scholar-title-link:hover{color:var(--copper)}.course-title-link:focus-visible,.scholar-title-link:focus-visible{border-radius:2px;outline:2px solid var(--copper);outline-offset:4px}.course-card-copy .text-link{font-size:16px}.course-card-copy p{max-width:590px;margin:9px 0 12px;color:var(--muted);font-size:15px;line-height:1.7}.card-meta{display:flex;flex-wrap:wrap;gap:20px;color:#4d4a41;font-size:14px}.card-meta span{display:inline-flex;align-items:center;gap:6px}.card-actions{display:grid;gap:9px}.split-section{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.85fr);gap:26px;align-items:end}.scholar-card{min-height:227px;padding:27px;display:grid;grid-template-columns:66px 1fr;gap:20px;align-items:center;border:1px solid rgba(91,70,45,.25);background:#fbf7eda6}.scholar-seal{width:62px;height:62px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--green);background:var(--paper)}.scholar-card h3{margin:3px 0 5px;color:var(--green);font-size:27px;font-weight:610}.scholar-card h3 small{font-size:15px;color:var(--muted);font-weight:500}.scholar-card p{margin:0;color:var(--muted);line-height:1.7}.scholar-card>button{grid-column:2;width:fit-content;padding:5px 0;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--copper-text)}.growth-card{min-height:227px;padding:27px;border:1px solid rgba(169,108,56,.45);color:#f2e7d3;background:var(--green)}.growth-card>svg{color:var(--gold)}.growth-card>span{display:block;margin-top:5px;color:var(--gold)}.growth-card h2{margin:3px 0 9px;font-size:22px;line-height:1.4}.growth-card p{margin:0;color:#e2d7c1;font-size:14px;line-height:1.7}.growth-card button{margin-top:14px;padding:4px 0;display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#f1d9ad}.page-heading{max-width:760px;margin:25px auto 42px;padding:26px 20px;text-align:center;border-block:1px solid var(--line)}.page-heading h1{margin:4px 0 7px;font-family:Reem Kufi Variable,sans-serif;color:var(--green);font-size:55px;font-weight:610}.page-heading p{margin:0;color:var(--muted);font-size:18px}.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.directory-grid .scholar-card{min-height:260px}.future-card{min-height:260px;padding:34px;display:grid;place-content:center;text-align:center;border:1px dashed rgba(169,108,56,.55);color:var(--muted)}.future-card svg{margin:auto;color:var(--copper)}.future-card h3{margin:8px 0 4px;color:var(--ink);font-size:22px}.future-card p{max-width:360px;margin:0;line-height:1.7}.course-directory{display:grid;gap:20px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-card{min-height:190px;padding:25px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:7px 12px;text-align:right;border:1px solid rgba(91,70,45,.24);background:#fbf7edb3}.topic-card>svg:first-child{color:var(--copper)}.topic-card span{grid-column:1 / -1;color:var(--green);font-size:26px}.topic-card small{color:var(--muted)}.topic-card>svg:last-child{color:var(--copper)}.topic-card:hover{border-color:var(--copper)}.about-page{max-width:940px}.about-page .page-heading{margin-bottom:25px}.about-notice{max-width:760px;margin:0 auto 34px;padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(169,108,56,.38);background:#fbf7edb3;text-align:center}.about-notice svg{flex:0 0 auto;color:var(--copper)}.about-notice p{margin:0;color:var(--muted);line-height:1.7}.about-notice strong{color:var(--green)}.about-grid{display:grid;gap:14px}.about-card{min-height:155px;padding:25px 27px;display:grid;grid-template-columns:43px minmax(0,1fr);align-items:start;gap:17px;border:1px solid rgba(91,70,45,.23);background:#fbf7ed9e}.about-card>svg{margin-top:3px;color:var(--copper)}.about-card span,.about-principles>div>span{color:var(--copper-text);font-size:13px;font-weight:700}.about-card h2{margin:1px 0 6px;color:var(--green);font-size:24px;font-weight:610}.about-card p{max-width:730px;margin:0;color:var(--muted);font-size:16px;line-height:1.8}.about-principles{margin-top:22px;padding:28px 30px;display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.4fr);align-items:start;gap:30px;color:#f1e7d3;background:var(--green);border:1px solid var(--gold)}.about-principles h2{margin:3px 0 0;color:#f2dfba;font-size:25px;line-height:1.45}.about-principles ul{margin:0;padding:0 20px 0 0;display:grid;gap:9px;color:#e7ddca;line-height:1.7}.about-principles li::marker{color:var(--gold)}.about-contact{margin-top:22px;padding:24px 27px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid rgba(91,70,45,.23);background:#fbf7ed9e}.about-contact>div:first-child>span{color:var(--copper-text);font-size:13px;font-weight:700}.about-contact h2{margin:1px 0 4px;color:var(--green);font-size:25px}.about-contact p{margin:0;color:var(--muted);line-height:1.7}.about-contact>div:last-child{flex:0 0 auto;display:grid;justify-items:center;gap:5px}.about-contact .primary-action{min-width:170px}.about-contact small{color:var(--muted);font-size:11px}.back-link{margin:3px 0 10px;padding:6px 0;display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--muted)}.back-link:hover{color:var(--copper)}.scholar-hero{max-width:780px;margin:2px auto 45px;padding:32px;text-align:center;border-block:1px solid var(--line)}.scholar-seal.large{width:90px;height:90px;margin:auto}.scholar-hero>span{display:block;margin-top:10px;color:var(--copper-text)}.scholar-hero h1{margin:0;color:var(--green);font-family:Reem Kufi Variable,sans-serif;font-size:55px;font-weight:610}.scholar-hero h2{margin:-4px 0 10px;color:var(--muted);font-size:17px;font-weight:500}.scholar-hero>p{max-width:560px;margin:auto;color:var(--muted);font-size:18px;line-height:1.8}.scholar-hero>div:last-child{margin:22px auto 0;display:flex;justify-content:center;align-items:baseline;gap:10px}.scholar-hero>div:last-child strong{color:var(--green);font-family:Reem Kufi Variable,sans-serif;font-size:27px}.scholar-hero>div:last-child span{margin-left:18px;color:var(--muted)}.course-page{max-width:1120px}.course-hero{max-width:790px;margin:0 auto 30px;text-align:center}.title-lockup{display:grid;grid-template-columns:60px 1fr 60px;align-items:center;gap:15px}.title-lockup h1{margin:0;color:var(--green);font-family:Reem Kufi Variable,sans-serif;font-size:clamp(50px,5.1vw,73px);font-weight:610;line-height:1.15}.title-lockup svg{color:var(--gold)}.scholar-line{margin:9px auto 0;padding:10px 16px;display:inline-flex;justify-content:center;align-items:center;gap:12px;border:0;border-block:1px solid var(--line);background:transparent;font-size:19px}.scholar-line svg{color:var(--copper)}.course-description{max-width:610px;margin:11px auto;color:var(--muted);line-height:1.7}.course-source-block{margin:-3px auto 7px;display:flex;flex-direction:column;align-items:center;gap:5px}.course-source-block small{max-width:560px;color:var(--ink-soft);font-size:12px;line-height:1.7}.course-source{width:fit-content;padding:3px 0;display:inline-flex;align-items:center;gap:6px;color:var(--copper-text);font-size:14px;text-decoration-color:#a96c3873;text-underline-offset:4px}.course-source:hover{color:var(--green);text-decoration-color:currentColor}.course-facts{width:min(100%,510px);margin:12px auto;display:flex;justify-content:space-around;gap:20px;font-size:18px}.course-facts span{display:inline-flex;align-items:center;gap:8px}.course-facts svg{padding:6px;box-sizing:content-box;color:#ead9b7;background:var(--green);border-radius:50%}.course-actions{display:flex;justify-content:center;gap:9px}.resume-button{min-width:325px;min-height:55px;padding:9px 31px;display:inline-flex;justify-content:center;align-items:center;gap:11px;border:1px solid var(--gold);border-radius:4px;background:var(--green);color:#f4ead5;font-size:20px;box-shadow:inset 0 0 0 3px #e8d9b81a}.resume-button:hover{background:var(--green-bright)}.resume-button svg{color:#d6a767}.favorite-course{width:55px;border:1px solid rgba(169,108,56,.55)!important}.now-label{margin:10px 0 6px;color:var(--muted)}.course-progress{width:min(100%,510px);height:4px;margin:auto;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:99px;overflow:hidden;background:#d7c7ae}.course-progress::-webkit-progress-bar{background:#d7c7ae}.course-progress::-webkit-progress-value{background:var(--green)}.course-progress::-moz-progress-bar{background:var(--green)}.time-summary{width:min(100%,510px);margin:5px auto 0;color:var(--muted);font-size:13px;text-align:right}.lessons-section{margin-top:22px}.lessons-toolbar{margin-bottom:10px;display:flex;align-items:end;justify-content:space-between;gap:20px}.lessons-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.current-lesson-link{min-height:42px;padding:6px 0;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--copper-text);white-space:nowrap}.current-lesson-link:hover{color:var(--green)}.section-heading{display:flex;align-items:center;gap:8px;color:var(--copper)}.section-heading h2{margin:0;color:var(--ink);font-size:24px;font-weight:590}.section-heading span{display:block;color:var(--muted);font-size:12px}.lesson-search{min-width:245px;padding:7px 10px;display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(169,108,56,.6);color:var(--copper)}.lesson-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.lesson-list{border-block:1px solid rgba(89,68,44,.14)}.lessons-pagination{min-height:76px;padding:14px 12px;display:flex;align-items:center;justify-content:center;gap:14px;border-bottom:1px solid rgba(89,68,44,.12)}.lessons-pagination .secondary-action,.lessons-pagination .text-link{min-height:44px}.lessons-pagination .text-link{padding-inline:12px}.lesson-row{position:relative;min-height:61px;padding:0 12px 0 8px;display:grid;grid-template-columns:1fr 42px;align-items:center;border-bottom:1px solid rgba(89,68,44,.12);content-visibility:auto;contain-intrinsic-size:auto 61px;transition:background-color .14s ease,box-shadow .14s ease}.lesson-row:before{content:"";position:absolute;inset-block:8px;inset-inline-start:0;width:3px;border-radius:3px;background:transparent;transition:background-color .14s ease}.lesson-row:hover{background:#fff3}.lesson-row.selected{background:linear-gradient(to left,#173f321b,#ffffff3d 72%);box-shadow:inset 0 1px #173f3214,inset 0 -1px #173f3214}.lesson-row.selected:before{background:var(--copper)}.lesson-main{width:100%;min-height:59px;padding:5px 0;display:grid;grid-template-columns:46px minmax(220px,1fr) 52px 73px;align-items:center;gap:10px;border:0;background:transparent;text-align:right}.lesson-main:focus-visible{outline:none}.lesson-main:hover .lesson-title{color:var(--copper)}.lesson-number{width:38px;height:38px;display:grid;place-items:center;justify-self:start;border:1px solid var(--gold);border-radius:50%;color:var(--green);transition:color .14s ease,background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.lesson-row.selected .lesson-number{color:#f1dfbc;border-color:var(--green);background:var(--green);box-shadow:0 0 0 4px #173f3214}.lesson-main:focus-visible .lesson-number{box-shadow:0 0 0 3px #aa6c3b52}.lesson-title{font-size:18px;transition:color .14s ease}.lesson-row.selected .lesson-title{color:var(--green);font-weight:700}.lesson-state{width:34px;min-height:30px;display:inline-flex;align-items:center;justify-content:center;justify-self:center;border-radius:999px;color:var(--green);transition:color .14s ease,background-color .14s ease}.lesson-row.selected .lesson-state{color:var(--copper);background:#aa6c3b1c}.lesson-row.selected:not(.completed) .lesson-state svg{transform-origin:center;animation:current-council-signal 1.35s ease-in-out infinite}.lesson-row.completed .lesson-state{color:var(--green)}@keyframes current-council-signal{0%,to{opacity:.58;transform:scaleX(.82) scaleY(.72)}45%{opacity:1;transform:scaleX(1.06) scaleY(1.12)}70%{opacity:.78;transform:scaleX(.94) scaleY(.9)}}@media(prefers-reduced-motion:reduce){.lesson-row.selected .lesson-state svg{animation:none}}.lesson-duration{color:var(--muted);font:13px system-ui,sans-serif;text-align:center}.lesson-row>.icon-button{justify-self:center}.icon-button{min-width:38px;min-height:38px;padding:5px;display:inline-grid;place-items:center;position:relative;border:0;border-radius:50%;background:transparent}.icon-button:hover,.icon-button.selected{color:var(--copper);background:#a96c3814}.saved-list{display:grid;border-block:1px solid var(--line)}.saved-list button{min-height:64px;padding:10px 15px;display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:right}.saved-list button:hover{color:var(--copper);background:#ffffff40}.saved-entry-copy{min-width:0;display:grid;gap:2px}.saved-entry-copy strong{font-weight:600}.saved-entry-copy small{color:var(--muted);font-size:14px}.empty-state{max-width:600px;margin:40px auto;padding:45px;text-align:center;border:1px dashed rgba(169,108,56,.55)}.empty-state>svg{color:var(--copper)}.empty-state h2{margin:7px 0 3px}.empty-state p{margin:0 0 16px;color:var(--muted)}.page-loading{min-height:45vh;display:grid;place-items:center;color:var(--muted)}.backup-actions{margin:-18px 0 28px;display:flex;justify-content:center;gap:10px}.import-action{cursor:pointer}.import-action input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.moment-list{display:grid;gap:14px}.moment-card{padding:14px 16px;display:grid;grid-template-columns:1fr minmax(240px,.65fr) 42px;align-items:center;gap:15px;border:1px solid var(--line);background:#fbf7edb8}.moment-link{min-width:0;padding:8px 0;display:grid;grid-template-columns:28px 1fr 24px;align-items:center;gap:10px;border:0;background:transparent;text-align:right}.moment-link>span{min-width:0;display:grid}.moment-link strong{color:var(--green)}.moment-link small{color:var(--muted)}.moment-card>label{display:grid;gap:4px;color:var(--muted);font-size:12px}.moment-card textarea{min-height:62px;padding:8px;resize:vertical;border:1px solid var(--line);background:#fff;font:inherit}.player{position:fixed;inset:auto 0 0 0;z-index:50;height:var(--player-height);padding:10px 26px;display:grid;grid-template-columns:minmax(230px,.8fr) minmax(310px,1.8fr) auto minmax(120px,.4fr);align-items:center;gap:18px;background:#faf6ecf7;border-top:1px solid rgba(169,108,56,.6);box-shadow:0 -8px 24px #4a33190d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.player-track{min-width:0;padding:0;display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:right;text-decoration:none}.player-track>svg{flex:0 0 auto;color:var(--green)}.player-track div{min-width:0;display:grid}.player-track strong{font-size:16px}.player-track span{overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.timeline-wrap{min-width:0}.timeline-labels{display:flex;justify-content:space-between;color:var(--muted);font:11px system-ui,sans-serif}.timeline{width:100%;height:32px;margin:-7px 0;accent-color:var(--copper);direction:rtl;cursor:pointer}.transport{display:flex;align-items:center;gap:4px}.transport .primary-play{width:53px;height:53px;color:#fff6e7;background:var(--copper)}.transport .primary-play:hover{color:#fff;background:#ba7b43}.seek-button{min-width:48px;min-height:52px;padding:3px 4px;display:grid;place-items:center;gap:0;border:0;border-radius:4px;background:transparent}.seek-button:hover{color:var(--copper);background:#a96c3814}.seek-button span{font:11px system-ui,sans-serif;line-height:1;white-space:nowrap}.transport-label{min-width:45px;padding:3px;display:grid;place-items:center;gap:0;border:0;background:transparent;font-size:10px}.transport-label.selected{color:var(--copper)}.speed-button>span:first-child{font:12px system-ui,sans-serif}.mobile-controls-toggle,.mobile-secondary-controls{display:none}.volume-control{min-width:0;display:flex;align-items:center;gap:4px}.volume-control .icon-button{flex:0 0 auto}.volume-range{width:100%;min-width:72px;height:4px;accent-color:var(--copper);direction:rtl}.player-status{position:absolute;inset-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right));bottom:calc(100% + 8px);min-height:46px;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:14px;color:#f8ecd5;background:var(--green);border:1px solid var(--gold);box-shadow:0 10px 30px #121e1933}.player-status button{min-height:36px;padding:5px 10px;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(241,223,188,.5);color:inherit;background:transparent;white-space:nowrap}.search-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;padding:8vh 20px;display:grid;place-items:start center;background:#12201b94;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.search-dialog{width:min(100%,650px);max-height:80vh;overflow:auto;padding:27px;background:var(--paper-light);border:1px solid var(--gold);box-shadow:0 30px 90px #121e1952}.search-dialog-head{display:flex;justify-content:space-between;align-items:start}.search-dialog-head span{color:var(--copper-text);font-size:13px}.search-dialog-head h2{margin:1px 0 13px;font-size:28px}.global-search{padding:10px 12px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff}.global-search input{width:100%;border:0;outline:0;background:transparent}.search-filters{margin-top:10px;display:flex;gap:10px}.search-filters label{flex:1;display:grid;gap:3px;color:var(--muted);font-size:12px}.search-filters select{min-height:38px;padding:5px 9px;border:1px solid var(--line);background:#fff;font:inherit}.search-results{margin-top:12px;display:grid;border-block:1px solid var(--line)}.search-results button{min-height:58px;padding:7px 8px;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:right}.search-results button:hover{color:var(--copper);background:#a96c380d}.search-results button>span{min-height:27px;padding:2px 7px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:20px;font-size:12px}.search-results small{grid-column:2;color:var(--muted);font-size:12px}.search-results p{text-align:center;color:var(--muted)}.search-hint{margin-top:14px;color:var(--muted);font-size:13px}.toast{position:fixed;right:calc(var(--sidebar-width) + 28px);bottom:calc(var(--player-height) + 20px);z-index:90;padding:10px 15px;display:flex;align-items:center;gap:8px;color:#f8ecd5;background:var(--green);border:1px solid var(--gold);box-shadow:0 14px 35px #1f2d262e}@media(max-width:1060px){:root{--sidebar-width: 238px}.main-content{padding-inline:28px}.brand-word{font-size:54px}.brand-panel{min-height:195px}.course-card{grid-template-columns:58px 1fr}.card-ornament{width:54px;height:54px}.card-actions{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr))}.split-section{grid-template-columns:1fr}.player{grid-template-columns:minmax(170px,.8fr) minmax(180px,1.2fr) auto minmax(92px,.35fr);padding-inline:18px;gap:10px}.transport-label{display:none}}@media(max-width:760px){.app-shell.player-active{--player-height: calc(128px + env(safe-area-inset-bottom)) }.app-shell.player-active.mobile-player-expanded{--player-height: calc(176px + env(safe-area-inset-bottom)) }.sidebar{width:min(84vw,320px);padding-bottom:env(safe-area-inset-bottom);overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;transform:translate(105%);transition:transform .18s ease}.sidebar.open{transform:translate(0)}.sidebar .sidebar-close{position:absolute;top:7px;left:7px;z-index:2;display:grid;min-width:44px;min-height:44px;color:#f1dfbc;background:#14382ee0}.brand-panel{min-height:176px}.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:block;border:0;background:#14231d73}.mobile-header{position:sticky;top:0;z-index:24;height:58px;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;color:#f1dfbc;background:var(--green);border-bottom:1px solid var(--copper)}.mobile-header button{border:0;background:transparent}.mobile-nav-trigger{min-width:44px;min-height:44px;display:grid;place-items:center}.mobile-brand{font-family:Reem Kufi Variable,sans-serif;font-size:26px;color:#eed8ad}.main-content{margin-right:0;padding:15px 16px 42px}.utility-bar{min-height:46px;justify-content:center}.utility-bar button{min-width:72px}.library-hero{margin-top:13px;margin-bottom:65px;padding:39px 14px 22px}.library-hero h1{font-size:clamp(40px,11.5vw,55px)}.library-hero>p{font-size:17px}.hero-actions{display:grid}.primary-action.large,.secondary-action.large{width:100%}.library-stats{margin-bottom:-55px;padding:12px 5px;grid-template-columns:repeat(2,1fr);gap:12px 0}.library-stats div+div{border-right:0}.library-stats div:nth-child(2n){border-right:1px solid var(--line)}.library-stats strong{font-size:23px}.continue-card{margin-top:-24px;padding:21px 18px;grid-template-columns:1fr;gap:12px}.continue-card h2{font-size:24px}.continue-meta{display:flex;gap:15px}.content-section{margin:37px auto}.section-title-row{align-items:center}.section-title-row h2{font-size:23px}.section-title-row>button{font-size:13px}.course-card{padding:22px 18px;grid-template-columns:50px 1fr;gap:14px}.card-ornament{width:48px;height:48px}.course-card-copy h3{font-size:29px}.course-card-copy p{font-size:14px}.card-actions{grid-column:1 / -1}.scholar-card{padding:21px 18px;grid-template-columns:52px 1fr;gap:14px}.scholar-seal{width:50px;height:50px}.scholar-card h3{font-size:23px}.scholar-card>button{grid-column:1 / -1}.growth-card{min-height:210px}.page-heading{margin:14px auto 25px;padding:20px 10px}.page-heading h1{font-size:43px}.page-heading p{font-size:16px}.directory-grid,.topic-grid{grid-template-columns:1fr}.about-notice{align-items:flex-start;text-align:right}.about-card{padding:21px 18px;grid-template-columns:35px minmax(0,1fr);gap:12px}.about-card h2{font-size:21px}.about-card p{font-size:15px}.about-principles{padding:23px 20px;grid-template-columns:1fr;gap:18px}.about-principles h2{font-size:22px}.about-contact{padding:21px 18px;align-items:stretch;flex-direction:column;gap:15px}.about-contact>div:last-child{justify-items:stretch}.about-contact small{text-align:center}.course-directory .course-card{min-height:auto}.scholar-hero{padding:25px 12px}.scholar-hero h1{font-size:45px}.title-lockup{grid-template-columns:35px 1fr 35px;gap:5px}.title-lockup h1{font-size:44px}.title-lockup svg{width:34px}.course-description{font-size:14px}.course-facts{font-size:16px}.course-actions{width:100%}.resume-button{min-width:0;flex:1}.lessons-toolbar{align-items:stretch;flex-direction:column;gap:10px}.lessons-toolbar-actions{align-items:stretch;flex-direction:column-reverse;gap:4px}.current-lesson-link{min-height:44px;justify-content:center}.lesson-search{width:100%;min-width:0}.lesson-row{grid-template-columns:1fr 38px;padding-inline:5px}.lesson-main{grid-template-columns:40px minmax(0,1fr) 45px;gap:6px}.lesson-state{display:none}.lesson-duration{font-size:11px}.lesson-title{font-size:16px;line-height:1.4}.lesson-number{width:34px;height:34px}.backup-actions{margin-top:0;flex-direction:column}.moment-card{grid-template-columns:1fr 40px}.moment-card>label{grid-column:1 / -1;grid-row:2}.search-filters{display:grid}.icon-button{min-width:44px;min-height:44px}.player{height:var(--player-height);padding:4px 12px calc(4px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px 44px 28px;gap:2px 8px}.player-track{grid-column:1;grid-row:1;min-height:44px}.player-track>svg{width:26px;height:26px}.player-track strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-controls-toggle{grid-column:2;grid-row:1;display:grid}.mobile-controls-toggle.selected{color:var(--copper);background:#a96c3814}.transport{grid-column:1 / -1;grid-row:2;justify-content:center}.transport .lesson-skip,.transport .transport-label{display:none}.transport .primary-play{width:44px;height:44px}.seek-button{min-width:56px;min-height:44px}.timeline-wrap{position:relative;grid-column:1 / -1;grid-row:3;height:28px}.timeline-labels{position:absolute;inset:0 0 auto;z-index:1;pointer-events:none}.timeline{position:absolute;inset:0 0 auto;height:32px;margin:0}.mobile-secondary-controls{grid-column:1 / -1;grid-row:4;height:44px;display:none;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;border-top:1px solid var(--line)}.mobile-player-expanded .player{grid-template-rows:44px 44px 28px 44px}.mobile-player-expanded .mobile-secondary-controls{display:grid}.mobile-secondary-controls button{min-width:0;padding:3px;display:grid;place-items:center;align-content:center;gap:0;border:0;background:transparent;font-size:10px}.mobile-secondary-controls button.selected{color:var(--copper)}.mobile-secondary-controls .speed-button>span:first-child{font-size:12px}.volume-control{display:none}.toast{right:16px;left:16px;bottom:calc(var(--player-height) + 12px);justify-content:center}.search-dialog-backdrop{padding:4vh 12px}.search-dialog{padding:21px 17px}}@media(max-height:760px)and (min-width:761px){.brand-panel{min-height:165px;padding-block:17px}.brand-word{font-size:48px}.brand-panel p{margin-block:5px 10px}.sidebar-nav{padding-block:13px 8px}.nav-item{min-height:38px}.sidebar-quote{display:none}.library-hero{margin-top:2px;padding-top:35px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
