:root{color-scheme:light;--bg:#f5f4ee;--paper:#fffefa;--ink:#1b3029;--muted:#6b776f;--line:#e1e5dc;--green:#1c5947;--deep:#123d32;--gold:#dcc797;--soft:#eaf0e8;--shadow:0 18px 60px #16332914;--radius:16px;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.65 system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a88847;outline-offset:4px}button:disabled{cursor:wait;opacity:.6}button{color:inherit}button svg,a svg{pointer-events:none}svg.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-60px;left:16px;z-index:100;background:var(--paper);padding:12px}.skip:focus{top:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;z-index:30;background:var(--deep);color:#ecf2e9;padding:34px 22px 20px;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;margin:0 6px 46px}.brand-symbol{font-family:var(--serif);font-size:31px;color:var(--gold);border:1px solid #839f8170;border-radius:20px 20px 5px 5px;display:grid;place-items:center;width:47px;height:56px}.brand strong{font-size:25px;letter-spacing:.13em;line-height:1.2}.brand-dot{color:var(--gold)}.brand small{display:block;font-size:8px;letter-spacing:.17em;color:#b7c9ba;margin-top:5px}.nav-label{font-size:9px;letter-spacing:.14em;color:#9db5a5;margin:0 13px 15px}.nav-link{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:8px;font-size:12px;color:#bccdc1;margin-bottom:5px;transition:background .18s,color .18s}.nav-link:hover{background:#ffffff0a;color:#fff}.nav-link.active{background:#e7eddc;color:#153e31;font-weight:650}.nav-count{font-size:10px;margin-left:auto;background:#fff2;padding:0 7px;border-radius:4px}.nav-link.active .nav-count{background:#cbdac7}.nav-separator{height:1px;background:#ffffff16;margin:19px 12px}.side-verse{border:1px solid #ffffff20;border-radius:11px;padding:15px;text-align:center;margin:32px 4px 26px;background:#ffffff04}.mini-star{color:var(--gold);font-size:18px}.side-verse p{font:27px/1.8 var(--serif);color:var(--gold);margin:5px 0}.side-verse span:not(.mini-star){display:block;font-size:10px;color:#c5d4c9}.side-verse a{font-size:9px;color:#a4bda9;display:block;margin-top:8px}.sidebar-bottom{margin-top:auto;font-size:10px;color:#adc4b3;padding:0 8px}.sidebar-bottom>a{display:block;font-size:9px;margin:9px 0 0;color:#8faa99}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9dbb9e;margin-right:6px}.workspace{margin-left:244px}.topbar{height:82px;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;gap:20px;background:var(--paper)}.breadcrumb{font-size:11px;color:var(--muted);white-space:nowrap}.breadcrumb span{margin:0 13px;color:#bcc4b8}.breadcrumb b{color:var(--ink);font-weight:500}.search-launch{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--muted);padding:10px 13px;margin-left:auto;font-size:11px;min-width:270px;text-align:left}.search-launch .icon{width:16px;height:16px}.search-launch kbd{margin-left:auto;border:1px solid var(--line);background:var(--paper);padding:0 5px;border-radius:3px;font:10px system-ui}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid var(--line);background:transparent;border-radius:8px;font-size:24px;flex-shrink:0}.icon-button:hover{background:var(--soft)}.profile-button{display:flex;gap:9px;align-items:center;background:transparent;border:0;white-space:nowrap;font-size:11px;padding:0}.profile-avatar,.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e6ddc8;color:#5d563e;font-weight:600;font-size:12px}.menu-button{display:none}#page{max-width:1540px;min-height:calc(100vh - 158px);margin:auto;padding:32px 38px 44px;outline:none}.welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:15px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:.17em;text-transform:uppercase;color:var(--green)}.welcome h1,.page-heading h1{font-family:var(--serif);font-weight:400;font-size:31px;letter-spacing:-.035em;margin:3px 0 2px;line-height:1.2}.welcome p,.page-heading p{margin:8px 0 0;color:var(--muted);font-size:12px}.date-box{text-align:right;font-size:11px;color:var(--muted)}.date-box span{display:block;font-size:10px;margin-top:4px}.hero{position:relative;display:grid;grid-template-columns:1.2fr 1fr;min-height:337px;overflow:hidden;background:var(--deep);border-radius:var(--radius);color:#f8f7ee;padding:37px 40px;margin-bottom:25px}.hero-copy{position:relative;z-index:2;max-width:520px}.hero .eyebrow{color:var(--gold);font-size:8px}.hero h2{font:400 clamp(36px,3.9vw,59px)/1.08 var(--serif);letter-spacing:-.04em;margin:20px 0 15px}.hero h2 em{color:var(--gold);font-weight:400}.hero p{font-size:12px;color:#c6d4c8;max-width:360px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:19px;margin-top:23px;flex-wrap:wrap}.button{border:1px solid var(--green);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;font-weight:600;font-size:11px;background:var(--green);color:white;line-height:1.4}.button .icon{width:15px;height:15px}.button:hover{filter:brightness(1.08)}.button.gold{background:#e7d6ad;border-color:#e7d6ad;color:#244234}.button.secondary{background:transparent;color:var(--green);border-color:var(--line)}.hero .text-link{color:#e3eadd}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:550;color:var(--green);border:0;background:transparent;padding:0}.text-link .icon{width:15px;height:15px}.hero-art{position:absolute;width:43%;right:2%;inset-block:0;display:grid;place-items:center;overflow:hidden}.pattern{position:absolute;inset:-20%;width:140%;height:140%;opacity:.22}.arch{position:relative;border:1px solid #dbc79266;border-radius:180px 180px 12px 12px;width:215px;height:280px;text-align:center;display:flex;flex-direction:column;justify-content:center;background:#123d32dd;box-shadow:0 0 0 12px #123d3266,0 0 0 13px #dec99533;margin-top:32px}.arch:after{content:'';position:absolute;inset:10px;border:1px solid #dbc79233;border-radius:170px 170px 8px 8px}.arch .bismillah{font-size:11px;color:#a4b99e;margin-bottom:10px}.arch .arabic{font:39px/1.7 var(--serif);color:#ebd8ab;position:relative;z-index:1}.arch .verse-caption{font:italic 13px/1.8 var(--serif);color:#d0d9bf;margin:10px 15px}.arch small{font-size:8px;letter-spacing:.15em;color:#afbd9f}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:11px;background:var(--paper);margin-bottom:30px;padding:18px 10px}.stat{display:flex;align-items:center;gap:12px;padding:0 19px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat>.icon{color:#6f876f;width:23px;height:23px}.stat b{display:block;font-size:16px;line-height:1.3;font-weight:600}.stat span{font-size:10px;color:var(--muted)}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:25px}.section-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 0 16px}.section-heading h2{font:400 24px/1.2 var(--serif);margin:0;letter-spacing:-.03em}.section-heading p{font-size:11px;color:var(--muted);margin:5px 0 0}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.path-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);background:var(--paper);border-radius:11px;transition:transform .2s,box-shadow .2s}.path-card:hover{transform:translateY(-3px);box-shadow:0 7px 20px #123d320b}.path-cover{height:104px;position:relative;overflow:hidden;padding:14px 17px;background:#e2e9dd;color:#446449;display:flex;align-items:center;justify-content:space-between}.path-cover:after{content:'';width:100px;height:140px;border:1px solid currentColor;opacity:.2;position:absolute;right:3px;top:20px;border-radius:60px 60px 0 0;transform:rotate(-15deg)}.path-cover .arabic{font:40px/1.5 var(--serif);z-index:1}.path-cover .path-number{font-size:9px;align-self:flex-start;opacity:.7}.path-cover.sand{background:#ece4d1;color:#8e7046}.path-cover.rose{background:#eddfd6;color:#997663}.path-body{padding:17px;display:flex;flex-direction:column;flex:1}.path-body .eyebrow{font-size:7px;letter-spacing:.12em;color:var(--muted)}.path-body h3{font:400 19px/1.25 var(--serif);margin:8px 0}.path-body p{font-size:10px;line-height:1.7;color:var(--muted);margin:0 0 14px;flex:1}.path-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:11px;font-size:9px;color:var(--muted)}.path-meta .icon{width:16px;height:16px;color:var(--green)}.progress-track{height:4px;border-radius:4px;background:var(--line);overflow:hidden;margin-top:13px}.progress-track>span{display:block;height:100%;background:var(--green)}.daily-card{padding:23px;border:1px solid #d8dccc;border-radius:11px;background:#edf0e4}.daily-card .eyebrow{font-size:8px;display:flex;align-items:center;gap:6px}.daily-card .arabic{font:26px/1.8 var(--serif);text-align:right;color:#3f6149;margin:19px 0 15px}.daily-card blockquote{font:18px/1.5 var(--serif);margin:0 0 15px}.daily-card .ref{font-size:9px;color:#61775d}.daily-card .caption{font-size:9px;color:#798371;margin:7px 0 20px}.daily-actions{border-top:1px solid #d4dbc8;padding-top:13px;display:flex;justify-content:space-between}.weekly-note{padding:20px 0;margin-top:12px}.weekly-note h3{font:400 19px var(--serif);margin:8px 0}.weekly-note p{font-size:11px;color:var(--muted)}.scholars-preview{margin-top:29px}.scholar-mini-list{display:grid;gap:0;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--paper)}.scholar-mini{display:flex;align-items:center;gap:13px;padding:15px 18px;border-bottom:1px solid var(--line)}.scholar-mini:last-child{border:0}.scholar-monogram{width:39px;height:45px;flex-shrink:0;display:grid;place-items:center;border-radius:25px 25px 5px 5px;background:#ede9dc;color:#77704c;font:25px var(--serif)}.scholar-mini strong{font-size:11px;font-weight:600;display:block}.scholar-mini span{font-size:9px;color:var(--muted)}.scholar-mini>.icon{width:16px;margin-left:auto;color:var(--muted)}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.page-heading h1{font-size:38px}.page-heading p{max-width:650px;font-size:12px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:22px}.field,.large-input{border:1px solid var(--line);background:var(--paper);padding:11px 14px;border-radius:8px;color:var(--ink);min-width:0}.toolbar .field{flex:1;max-width:360px;font-size:12px}.toolbar select.field{max-width:195px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.chip{font-size:10px;border:1px solid var(--line);background:var(--paper);border-radius:30px;padding:7px 12px;color:var(--muted)}.chip.active,.chip:hover{color:var(--paper);background:var(--green);border-color:var(--green)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.reading-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;min-width:0}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.tag{display:inline-block;font-size:9px;padding:3px 8px;background:var(--soft);color:var(--green);border-radius:4px}.reading-card h2,.reading-card h3{font:400 23px/1.25 var(--serif);margin:17px 0 12px;letter-spacing:-.02em}.reading-card .arabic{font:25px/1.9 var(--serif);text-align:right;color:var(--green);margin:8px 0 16px;overflow-wrap:anywhere}.reading-card p{font-size:12px;color:var(--muted);margin:0 0 16px}.reading-card .card-text{flex:1;color:var(--ink)}.reading-card .card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;margin-top:10px;gap:8px}.reading-card .caption{font-size:9px;margin:0 0 8px}.bookmark{width:32px;height:32px;background:transparent;border:0;display:grid;place-items:center;color:var(--muted);border-radius:6px}.bookmark:hover,.bookmark.saved{color:var(--green);background:var(--soft)}.bookmark.saved svg{fill:var(--soft);stroke-width:2.5}.source-link{font-size:10px;color:var(--green);text-decoration:underline;text-underline-offset:3px}.empty-state{text-align:center;padding:55px 20px;border:1px dashed var(--line);border-radius:12px;grid-column:1/-1}.empty-state>.icon{width:36px;height:36px;color:var(--muted)}.empty-state h2{font:26px var(--serif)}.empty-state p{font-size:12px;color:var(--muted);margin-bottom:20px}.info-strip{font-size:11px;color:var(--muted);padding:13px 16px;border-left:3px solid #bfa36c;background:var(--paper);margin-bottom:24px;border-radius:0 8px 8px 0}.scholar-card .scholar-monogram{width:58px;height:68px;font-size:34px}.scholar-card .arabic{font-size:20px;margin:10px 0 0;text-align:left}.scholar-card h2{font-size:25px;margin:8px 0 12px}.scholar-card .tag{margin:12px 0}.scholar-card .card-text{line-height:1.8}.learn-overview{display:grid;grid-template-columns:1fr 290px;gap:24px}.learn-overview .path-grid{grid-template-columns:1fr}.learn-overview .path-card{display:grid;grid-template-columns:155px 1fr}.learn-overview .path-cover{height:100%;min-height:190px}.learn-overview .path-body h3{font-size:25px}.learn-overview .path-body p{font-size:12px}.learn-overview .path-cover .arabic{font-size:31px}.progress-card{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:25px;align-self:start}.progress-card .count{font:49px var(--serif);color:var(--green);margin:20px 0 0}.progress-card p{font-size:12px;color:var(--muted)}.lesson-list{display:grid;gap:10px;margin:25px 0}.lesson-row{padding:18px;background:var(--soft);border:1px solid var(--line);border-radius:9px;display:flex;gap:15px;align-items:center}.lesson-row .lesson-number{font-size:12px;color:var(--muted)}.lesson-row strong{display:block;font-size:13px;font-weight:550}.lesson-row small{font-size:10px;color:var(--muted)}.lesson-row .icon{margin-left:auto;color:var(--green)}.article{font-size:14px;line-height:1.9}.article h3{font:26px var(--serif);margin-top:30px}.article p{color:var(--muted)}.article .lead{font:22px/1.55 var(--serif);color:var(--ink)}.task-box{border-left:3px solid var(--green);padding:15px 20px;background:var(--soft);margin:23px 0}.task-box p{margin:5px 0;color:var(--ink);font-size:13px}.source-list{display:grid;gap:9px;margin:18px 0}.source-list a{font-size:12px;color:var(--green);text-decoration:underline;text-underline-offset:3px}.resources-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.resource{display:flex;align-items:start;gap:20px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:23px}.resource>.icon{color:var(--green);width:25px;height:25px;margin-top:6px}.resource h2{font:24px var(--serif);margin:6px 0 10px}.resource p{font-size:12px;color:var(--muted);margin:0 0 14px}.resource .eyebrow{font-size:8px}.resource>div{flex:1}.bookmark-groups{margin-top:28px}.chat-layout{display:grid;grid-template-columns:205px minmax(0,1fr);border:1px solid var(--line);background:var(--paper);border-radius:12px;overflow:hidden;min-height:535px}.chat-rooms{padding:21px 14px;background:var(--soft);border-right:1px solid var(--line)}.chat-rooms .eyebrow{font-size:8px;margin:0 10px 15px}.room-button{width:100%;display:flex;gap:9px;align-items:center;border:0;background:none;text-align:left;font-size:12px;color:var(--muted);padding:11px 12px;border-radius:7px;margin-bottom:5px}.room-button.active{background:var(--paper);color:var(--green);font-weight:600}.room-button .icon{width:17px;height:17px}.room-note{font-size:10px;color:var(--muted);line-height:1.8;margin:25px 10px 0}.chat-main{display:flex;flex-direction:column;min-width:0}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:18px 23px;border-bottom:1px solid var(--line);gap:10px}.chat-header h2{font:22px var(--serif);margin:0}.connection-label{font-size:9px;color:var(--muted)}.messages{padding:23px;flex:1;overflow:auto;height:340px;max-height:430px;display:flex;flex-direction:column;gap:18px}.message{display:flex;gap:11px;align-items:start}.message .avatar{width:30px;height:30px;flex-shrink:0}.message-body{flex:1;min-width:0}.message-meta{display:flex;align-items:center;gap:8px;font-size:11px;flex-wrap:wrap}.message-meta time{font-size:9px;color:var(--muted)}.message-text{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0;color:var(--ink)}.message.mine .avatar{background:#dbe8d9;color:#2d6147}.message-tools{display:flex;gap:10px}.message-tools button{border:0;background:none;padding:0;font-size:9px;color:var(--muted)}.chat-compose{border-top:1px solid var(--line);padding:15px 23px}.chat-compose form{display:flex;align-items:end;gap:10px}.chat-compose textarea{resize:vertical;min-height:45px;max-height:120px;width:100%;font-size:12px}.chat-compose small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.local-banner{background:#eee6d1;color:#6d5d35;border-radius:9px;padding:13px 17px;font-size:11px;display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:20px}.local-banner .button{padding:7px 10px;font-size:10px;white-space:nowrap}.about{max-width:850px}.about details{border:1px solid var(--line);padding:18px 22px;margin:12px 0;background:var(--paper);border-radius:9px}.about summary{font-weight:600;cursor:pointer}.about details p,.about details li{color:var(--muted);font-size:12px;line-height:1.8}.footer{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line);padding:23px 38px;color:var(--muted);font-size:9px}.footer strong{font-size:11px;letter-spacing:.1em;color:var(--green);margin-right:10px}dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:28px;width:calc(100% - 32px);max-height:87dvh;overflow:auto}dialog::backdrop{background:#0c251eb8;backdrop-filter:blur(3px)}.search-dialog{max-width:650px;margin-top:11vh}.detail-dialog{max-width:760px}.account-dialog{max-width:420px}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.dialog-top h2{font:26px var(--serif);margin:0}.dialog-top .icon-button{border:0}.large-input{width:100%;font-size:14px;padding:15px}.search-results{display:grid;gap:4px}.search-result{display:flex;text-align:left;gap:13px;align-items:center;width:100%;border:0;background:none;border-radius:8px;padding:13px;color:var(--ink)}.search-result:hover{background:var(--soft)}.search-result strong{display:block;font-size:13px;font-weight:550}.search-result span{font-size:10px;color:var(--muted)}.search-result>.icon{color:var(--green)}#detailTitle{font:34px/1.2 var(--serif);margin:12px 0 18px}.detail-arabic{font:34px/1.9 var(--serif);text-align:right;color:var(--green);padding:20px 0}.detail-meaning{font:24px/1.6 var(--serif)}.detail-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:23px 0 3px}.account-form{display:grid;gap:15px}.account-form label{display:grid;gap:5px;font-size:11px}.account-form .field{width:100%}.auth-switch{display:flex;gap:8px;margin:20px 0}.auth-switch button{flex:1}.form-error{font-size:12px;color:#9c3e2c;margin:0}.small{font-size:11px}.muted{color:var(--muted)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--deep);color:#fff;padding:12px 19px;border:1px solid #ffffff20;border-radius:9px;font-size:12px;z-index:100;transition:.2s;max-width:calc(100vw - 30px);box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}.noscript{position:fixed;inset:auto 10px 10px;background:var(--paper);border:1px solid var(--line);padding:20px;z-index:99}.mobile-shade{display:none}body[data-theme=dark]{color-scheme:dark;--bg:#14221d;--paper:#1b2c24;--ink:#eceee4;--muted:#adbbaf;--line:#34473a;--green:#b1cda9;--soft:#24382b;--shadow:0 18px 60px #0005}body[data-theme=dark] .button:not(.gold):not(.secondary){background:#365d42;color:#f0f5e8;border-color:#527253}body[data-theme=dark] .daily-card{background:#273b2b;border-color:#42533a}body[data-theme=dark] .daily-card .arabic,body[data-theme=dark] .daily-card .ref,body[data-theme=dark] .daily-card .caption{color:#c7d5b4}body[data-theme=dark] .daily-actions{border-color:#42533a}body[data-theme=dark] .chip.active{background:#b1cda9;color:#163120}body[data-theme=dark] .local-banner{background:#403a27;color:#e2d3ac}
@media(min-width:1650px){.hero{min-height:370px}.hero-art{right:5%}.arch{width:250px;height:310px}}
@media(max-width:1250px){.sidebar{width:216px;padding-inline:16px}.workspace{margin-left:216px}.topbar{padding-inline:26px;gap:13px}.breadcrumb{display:none}#page{padding-inline:26px}.home-columns{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.path-grid{grid-template-columns:1fr}.home-columns .path-card{display:grid;grid-template-columns:90px 1fr}.home-columns .path-cover{height:100%;padding:12px;min-height:130px}.home-columns .path-cover .arabic{font-size:25px;writing-mode:horizontal-tb}.home-columns .path-number{display:none}.home-columns .path-body{padding:14px}.home-columns .path-body p{margin-bottom:9px}.home-columns .path-body h3{font-size:20px}.home-columns .progress-track{display:none}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:0 10px;gap:8px}.hero{padding:30px}.hero-art{right:0}.arch{width:190px;height:260px}.hero h2{font-size:44px}.hero-copy{max-width:60%}.hero{display:block}.hero p{max-width:300px}.learn-overview .path-card{grid-template-columns:125px 1fr}.footer{padding-inline:26px}.footer>span:last-child{display:none}}
@media(max-width:940px){.sidebar{width:200px}.workspace{margin-left:200px}.home-columns{grid-template-columns:1fr}.home-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.daily-card .arabic{font-size:24px}.card-grid{grid-template-columns:1fr 1fr}.hero h2{font-size:38px}.hero-art{width:38%;opacity:.8}.arch{width:155px;height:235px}.arch .arabic{font-size:30px}.hero-actions{gap:13px}.search-launch{min-width:0;flex:1}.search-launch kbd{display:none}.profile-button>span:last-child{display:none}.stat-strip{grid-template-columns:repeat(2,1fr);gap:19px}.stat:nth-child(2){border:0}.stat b{font-size:15px}.learn-overview{grid-template-columns:1fr}.learn-overview .progress-card{order:-1;padding:18px}.progress-card .count{font-size:30px;margin:5px 0}.resources-grid{grid-template-columns:1fr}.chat-layout{grid-template-columns:150px 1fr}.chat-rooms{padding:17px 8px}.chat-compose,.messages{padding:16px}.welcome h1{font-size:27px}.date-box{font-size:9px}.room-button{padding:10px 6px;font-size:10px}.chat-header{padding:16px}.footer{font-size:8px}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:244px}.sidebar.open{transform:translateX(0)}.mobile-shade:not([hidden]){display:block;position:fixed;inset:0;background:#061a11aa;z-index:25}.workspace{margin-left:0}.topbar{height:67px;padding:0 17px;gap:10px;position:sticky;top:0;z-index:20}.menu-button{display:inline-grid}.search-launch{padding:9px;font-size:10px;border:0;background:transparent}.search-launch>span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.profile-avatar{width:30px;height:30px}.topbar .icon-button{width:31px;height:31px;border:0}#page{padding:25px 18px 32px}.welcome{align-items:start;margin-bottom:20px}.welcome h1{font-size:26px}.welcome p{font-size:11px;max-width:220px}.date-box{max-width:100px;font-size:9px;padding-top:6px}.date-box span{font-size:8px}.hero{padding:29px 25px;min-height:310px}.hero h2{font-size:39px;margin-top:17px}.hero-copy{max-width:75%}.hero p{font-size:11px;max-width:230px}.hero .eyebrow{font-size:7px;max-width:210px}.hero-art{width:31%;right:-10px;opacity:.45}.arch{width:128px;height:230px;margin-top:50px}.arch .arabic{font-size:26px}.arch .verse-caption{font-size:10px}.arch:after{inset:7px}.arch small{font-size:7px}.hero-actions{gap:12px;max-width:260px}.hero-actions .text-link{font-size:10px}.button{padding:10px 12px}.stat-strip{padding:16px 9px;gap:17px;margin-bottom:26px}.stat{padding:0 8px;gap:12px}.stat span{font-size:9px}.stat b{font-size:16px}.stat>.icon{width:20px;height:20px}.section-heading h2{font-size:23px}.section-heading .text-link{font-size:9px}.home-columns .path-card{grid-template-columns:94px 1fr}.home-columns .path-cover .arabic{font-size:28px}.home-columns .path-body h3{font-size:22px}.home-columns .path-body p{font-size:11px}.home-aside{grid-template-columns:1fr}.weekly-note{margin-top:0;padding:5px}.card-grid{grid-template-columns:1fr}.page-heading{display:block}.page-heading h1{font-size:33px}.page-heading>.button{margin-top:18px}.page-heading p{font-size:12px}.reading-card{padding:23px}.reading-card .arabic{font-size:28px}.toolbar{gap:8px}.toolbar .field{max-width:none;flex-basis:100%}.toolbar select.field{max-width:none}.learn-overview .path-card{grid-template-columns:95px 1fr}.learn-overview .path-cover{padding:10px}.learn-overview .path-cover .arabic{font-size:27px}.learn-overview .path-body{padding:15px}.learn-overview .path-body h3{font-size:22px}.chat-layout{display:flex;flex-direction:column;min-height:550px}.chat-rooms{padding:10px;border:0;border-bottom:1px solid var(--line);display:flex;overflow:auto;gap:6px}.chat-rooms>.eyebrow,.room-note{display:none}.room-button{width:auto;white-space:nowrap;margin:0;padding:8px 11px;font-size:11px}.chat-main{flex:1}.messages{height:310px;max-height:420px}.chat-compose{padding:12px}.chat-compose .button{padding:11px}.local-banner{align-items:start;font-size:10px}.chat-header h2{font-size:21px}.connection-label{font-size:8px}.resource{padding:20px;gap:14px}.resource h2{font-size:23px}.footer{padding:20px 18px;align-items:start;gap:10px}.footer>span:first-child{max-width:230px}.footer>a{white-space:nowrap}.detail-dialog,.search-dialog,.account-dialog{padding:21px}#detailTitle{font-size:29px}.detail-meaning{font-size:22px}.detail-arabic{font-size:29px}.article .lead{font-size:20px}.article{font-size:13px}.dialog-top h2{font-size:25px}.about details{padding:15px}.hero-art .pattern{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.path-card:hover{transform:none}}