:root{--color-page:#e3d3aa;--color-section:#dcc596;--color-parchment:#e6cf9f;--color-card:#f6e3ba;--color-card-warm:#f8dda7;--color-card-border:#e7a24b;--color-heading:#4a2f1f;--color-card-accent:#c96b22;--color-ink:#2e1f16;--color-muted:#735039;--color-soft:#8c6a4c;--color-ring:#c6943e;--color-footer:#2e1f16;--color-footer-muted:#8c6a4c;--color-white:#fff8e6;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Cormorant Garamond", Georgia, serif;--font-arabic:Amiri, "Times New Roman", serif;--text-xs:12px;--text-sm:13px;--text-nav:14px;--text-base:16px;--text-lg:20px;--text-xl:28px;--text-2xl:40px;--text-hero:56px;--space-1:4px;--space-2:8px;--space-3:10px;--space-4:14px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;--space-9:64px;--radius-sm:2px;--radius-md:4px;--radius-card:6px;--shadow-preview:0 22px 44px #49322338;--shadow-card:0 14px 28px #4932231f;--ease-premium:cubic-bezier(.22, 1, .36, 1);--ease-soft:cubic-bezier(.16, 1, .3, 1);--duration-fast:.3s;--duration-base:.7s;--duration-slow:1.1s}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none;overflow-x:hidden}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}body{background:var(--color-page);min-width:320px;color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}img,svg{display:block}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}#root{min-height:100vh}.container{width:min(100% - 48px,1180px);margin-inline:auto}.home{background:var(--color-page);min-height:100vh;padding-top:62px}.scroll-atmosphere{z-index:1;pointer-events:none;opacity:.18;transform:translate3d(0, var(--grain-y,0), 0);mix-blend-mode:multiply;background-image:radial-gradient(circle at 12% 20%,#fff5d66b 0 1px,#0000 1.5px),radial-gradient(circle at 68% 38%,#73503933 0 .8px,#0000 1.4px),radial-gradient(circle at 34% 74%,#c6943e33 0 1px,#0000 1.8px);background-size:74px 74px,118px 118px,156px 156px;position:fixed;inset:0}.home main,.site-footer{z-index:2;position:relative}.site-header{z-index:20;border:1px solid var(--color-ring);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#e6cf9ff0;height:62px;position:fixed;top:0;left:0;right:0}.site-header__inner{align-items:center;gap:28px;height:100%;padding:0 24px;display:flex}.brand{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.brand img{object-fit:cover;border-radius:50%;width:42px;height:42px}.brand span{color:var(--color-muted);font-family:var(--font-serif);white-space:nowrap;font-size:30px;font-weight:800;line-height:1}.navbar{flex:1;justify-content:center;display:flex}.navbar__links{justify-content:center;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.navbar__links a{color:var(--color-ink);font-size:var(--text-xs);padding:7px 13px;font-weight:500;line-height:21px;display:block;position:relative}.navbar__links a:after{content:"";background:var(--color-ring);opacity:.9;transform-origin:0;height:1px;transition:transform var(--duration-fast) var(--ease-premium);position:absolute;bottom:3px;left:13px;right:13px;transform:scaleX(0)}.navbar__links a:hover:after,.navbar__links a:focus-visible:after{transform:scaleX(1)}.navbar__toggle{border-radius:var(--radius-md);width:42px;height:42px;color:var(--color-ink);background:0 0;border:1px solid #c6943e80;padding:10px;display:none}.navbar__toggle span{background:currentColor;height:1px;margin:5px 0;transition:transform .18s,opacity .18s;display:block}.site-header__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.button{border-radius:var(--radius-md);color:var(--color-ink);transition:background-color var(--duration-fast) var(--ease-premium), border-color var(--duration-fast) var(--ease-premium), box-shadow var(--duration-fast) var(--ease-premium), color var(--duration-fast) var(--ease-premium), transform var(--duration-fast) var(--ease-premium);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:500;line-height:1;display:inline-flex;box-shadow:inset 0 0 #ffe29f00}.button:hover,.button:focus-visible{transform:translateY(-1px);box-shadow:inset 0 0 18px #ffe29f2e,0 8px 18px #7350391f}.button--normal{min-height:37px;font-size:var(--text-sm);padding:0 18px}.button--small{min-height:28px;font-size:var(--text-xs);padding:0 12px}.button--primary{color:#fff6e0;background:#aa5b25}.button--outline{color:var(--color-muted);border-color:#c6943e80}.button--ghost{color:var(--color-ink)}.button--footer{color:var(--color-footer-muted);border-color:#c8a56f4d}.auth-loading{background:var(--color-page);place-items:center;min-height:100vh;display:grid}.loading-spinner{place-items:center;width:42px;height:42px;display:inline-grid}.loading-spinner span{border:3px solid #7350392e;border-top-color:var(--color-card-accent);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite loading-spinner-rotate}@keyframes loading-spinner-rotate{to{transform:rotate(360deg)}}.ramadan-cursor,.ramadan-cursor *{pointer-events:none}.ramadan-cursor{z-index:15;width:0;height:0;position:fixed;top:0;left:0}.ramadan-cursor__ember{width:var(--ember-size);height:var(--ember-size);color:#f2c75c;font-size:calc(var(--ember-size) * 2.1);opacity:var(--ember-opacity);transform:translate3d(var(--ember-x), var(--ember-y), 0) translate(-50%, -50%) scale(var(--ember-scale));text-shadow:0 0 5px #ffda74b8,0 0 12px #c6943e4d;-webkit-user-select:none;user-select:none;will-change:transform, opacity;place-items:center;line-height:1;display:grid;position:fixed;top:0;left:0}.ramadan-cursor__ember--gold{color:#f6d875}.ramadan-cursor__ember--amber{color:#e4ad3f}.ramadan-cursor__ember--orange{color:#d88936}@media (hover:none),(prefers-reduced-motion:reduce){.ramadan-cursor{display:none}}.hero-section{--hero-book-y:0px;--hero-text-y:0px;--hero-text-scale:1;--hero-text-opacity:1;background:var(--color-page);padding-block:96px;scroll-margin-top:62px}.hero-section__inner{grid-template-columns:minmax(0,455px) minmax(420px,1fr);align-items:start;gap:74px;display:grid}.hero-section__content{opacity:var(--hero-text-opacity);transform:translate3d(0, var(--hero-text-y), 0) scale(var(--hero-text-scale));transform-origin:0 0;transition:opacity var(--duration-base) var(--ease-soft);padding-top:28px}.hero-section h1{max-width:560px;color:var(--color-muted);font-family:var(--font-serif);font-size:var(--text-hero);font-weight:800;line-height:62px}.hero-section__title-line{white-space:nowrap;display:block}.hero-section__title-line--italic{font-style:italic;font-weight:500}.hero-section__title-line--light{color:#fff7df}.hero-section__content p{max-width:430px;color:var(--color-soft);font-size:var(--text-sm);margin-top:22px;line-height:22.1px}.hero-section__rule{background:#c8a56f59;width:385px;height:1px;margin-top:17px}.hero-section__actions{gap:12px;margin-top:26px;display:flex}.hero-section__media{justify-content:center;display:flex}.hero-section__media img{object-fit:contain;width:min(100%,605px);height:auto;transform:translate3d(0, var(--hero-book-y), 0);will-change:transform}.hero-quote{text-align:center;flex-direction:column;align-items:center;gap:12px;margin:22px 0 0;display:flex}.hero-quote p{color:var(--color-muted);font-family:var(--font-arabic);opacity:.85;clip-path:inset(0 0 0 100%);animation:quote-manuscript-reveal var(--duration-slow) var(--ease-soft) .26s forwards;font-size:28px;line-height:56px}.hero-quote cite{color:var(--color-soft);font-size:var(--text-sm);opacity:0;animation:quote-cite-reveal var(--duration-base) var(--ease-soft) .76s forwards;font-style:italic;line-height:19.5px}@keyframes quote-manuscript-reveal{0%{clip-path:inset(0 0 0 100%);filter:blur(1.5px);opacity:.28}to{clip-path:inset(0);filter:blur();opacity:.85}}@keyframes quote-cite-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translate(0,0)}}.card-section{padding-block:96px;scroll-margin-top:62px}.manuscript-panel{opacity:0;clip-path:inset(9% 3% round 10px);transition:clip-path var(--duration-slow) var(--ease-premium), opacity var(--duration-base) var(--ease-soft), transform var(--duration-slow) var(--ease-premium);transform:translateY(34px)scale(.98)}.manuscript-panel.is-visible{opacity:1;clip-path:inset(0);transform:translate(0,0)scale(1)}.method-section{background:var(--color-section)}.features-section{background:var(--color-page)}.section-title{text-align:center;flex-direction:column;align-items:center;margin-bottom:48px;display:flex}.section-title__eyebrow{border-radius:var(--radius-sm);height:28px;color:var(--color-ring);font-size:var(--text-nav);letter-spacing:1.54px;border:1px solid #c6943e80;align-items:center;gap:7px;padding:5px 14px;font-weight:500;line-height:16.5px;display:inline-flex}.section-title__eyebrow:before,.section-title__eyebrow:after{content:"";background:var(--color-ring);width:5px;height:5px;transform:rotate(45deg)}.section-title h2{color:var(--color-heading);font-family:var(--font-serif);margin-top:14px;font-size:44px;font-weight:900;line-height:52px}.features-section .section-title h2{margin-top:14px;font-size:44px;line-height:52px}.section-title p{max-width:405px;color:var(--color-soft);font-size:var(--text-sm);margin-top:8px;line-height:19.5px}.card-grid{align-items:stretch;gap:32px;display:grid}.card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card{border:1px solid var(--color-card-border);border-radius:var(--radius-card);background:var(--color-card);height:100%;min-height:165px;box-shadow:var(--shadow-card);color:var(--color-ink);opacity:0;transform-origin:bottom;transition:border-color var(--duration-fast) var(--ease-premium), box-shadow var(--duration-fast) var(--ease-premium), opacity var(--duration-base) var(--ease-soft) var(--card-delay,0s), transform var(--duration-base) var(--ease-premium) var(--card-delay,0s);padding:54px 35px 34px;position:relative;overflow:hidden;transform:perspective(900px)translateY(24px)rotateX(2deg)scale(.98)}.is-visible .info-card{opacity:1;transform:perspective(900px)translate(0,0)rotateX(0)scale(1)}.info-card:hover{border-color:#c6943eb8;transform:perspective(900px)translateY(-3px)rotateX(0)scale(1);box-shadow:0 18px 34px #49322329,0 0 0 1px #c6943e33,0 0 22px #c6943e29}.features-section .info-card{background:var(--color-card-warm);border-bottom:5px solid var(--color-card-accent)}.info-card__icon{width:36px;height:36px;color:var(--color-muted);object-fit:contain;position:absolute;top:22px;right:26px}.info-card h3{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:900;line-height:24px}.info-card p{max-width:270px;color:var(--color-muted);font-size:var(--text-sm);margin-top:12px;font-weight:500;line-height:19.5px}.reciters-section{background:var(--color-section);padding-block:96px;scroll-margin-top:62px;overflow:hidden}.reciters-section__rows{flex-direction:column;gap:22px;display:flex}.reciters-marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%)}.reciters-marquee__track{will-change:transform;width:max-content;animation:58s linear infinite reciters-scroll-left;display:flex}.reciters-marquee:hover .reciters-marquee__track{animation-play-state:paused}.reciters-marquee--right .reciters-marquee__track{animation-name:reciters-scroll-right}.reciters-marquee__list{flex-shrink:0;gap:24px;margin:0;padding:0 12px;list-style:none;display:flex}.reciter-card{border:1px solid var(--color-card-border);border-radius:var(--radius-card);background:var(--color-card);min-width:245px;min-height:92px;box-shadow:var(--shadow-card);color:var(--color-muted);font-family:var(--font-serif);text-align:center;white-space:nowrap;justify-content:center;align-items:center;padding:20px 28px;font-size:22px;font-weight:900;line-height:28px;display:flex}@keyframes reciters-scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes reciters-scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.explore-section{background:var(--color-page);padding-block:96px;scroll-margin-top:62px}.explore-section__inner{grid-template-columns:minmax(0,430px) 1fr;align-items:center;gap:170px;display:grid}.explore-section__content h2{color:var(--color-heading);font-family:var(--font-serif);font-size:48px;font-weight:900;line-height:57.6px}.explore-section__content p{max-width:410px;color:var(--color-muted);font-size:var(--text-sm);margin-top:18px;font-weight:500;line-height:22.1px}.explore-section__stats{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.explore-section__stats span{border-radius:var(--radius-md);height:29px;color:var(--color-soft);font-size:var(--text-xs);border:1px solid #c6943e4d;align-items:center;padding:0 14px;font-weight:500;line-height:18px;display:inline-flex}.quran-preview{border-radius:var(--radius-card);opacity:0;transform-origin:100%;width:560px;max-width:100%;transition:box-shadow var(--duration-slow) var(--ease-soft), opacity var(--duration-base) var(--ease-soft), transform var(--duration-slow) var(--ease-premium);background:#f6e3bac7;overflow:hidden;transform:perspective(1000px)translate(34px)rotateY(4deg);box-shadow:0 14px 26px #4932231f}.quran-preview.is-visible{opacity:1;box-shadow:var(--shadow-preview);transform:perspective(1000px)translate(0,0)rotateY(0)}.quran-preview__header{justify-content:space-between;align-items:center;padding:22px 24px 13px;display:flex}.quran-preview__header h3{color:var(--color-ink);font-family:var(--font-serif);font-size:19px;font-weight:600;line-height:28.5px}.quran-preview__header span{color:var(--color-muted);font-family:var(--font-arabic);font-size:var(--text-base);line-height:24px}.quran-preview__list{margin:0;padding:0 24px 20px;list-style:none}.quran-preview__list li{opacity:0;min-height:61px;transition:opacity var(--duration-base) var(--ease-soft) var(--ayah-delay,0s), transform var(--duration-base) var(--ease-premium) var(--ayah-delay,0s);border-bottom:1px solid #49322312;align-items:center;padding-left:40px;display:flex;position:relative;transform:translate(16px)}.quran-preview.is-visible .quran-preview__list li{opacity:1;transform:translate(0,0)}.quran-preview__list li:last-child{border-bottom:0}.quran-preview__number{width:24px;height:24px;color:var(--color-ring);font-family:var(--font-sans);border:1px solid #c6943e80;justify-content:center;align-items:center;font-size:9px;line-height:13.5px;display:inline-flex;position:absolute;top:50%;left:0;transform:translateY(-50%)rotate(45deg)}.quran-preview__number span{transform:rotate(-45deg)}.quran-preview__list p{width:100%;color:var(--color-ink);font-family:var(--font-arabic);text-align:right;font-size:20px;line-height:40px}.quran-page{background:color-mix(in srgb, var(--color-white) 82%, var(--color-card));min-height:100vh;padding-top:62px}.quran-page main{z-index:2;position:relative}.quran-workspace{min-height:calc(100vh - 62px);padding-block:var(--space-8) var(--space-9);background:color-mix(in srgb, var(--color-white) 82%, var(--color-card))}.quran-page__header{justify-content:space-between;align-items:flex-end;gap:var(--space-6);margin-bottom:var(--space-7);display:flex}.quran-page__header h1{margin-top:var(--space-3);color:var(--color-heading);font-family:var(--font-serif);font-size:46px;font-weight:900;line-height:50px}.quran-page__header p{max-width:560px;margin-top:var(--space-3);color:var(--color-muted);font-size:var(--text-sm);font-weight:500;line-height:22px}.quran-sort{align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb, var(--color-ring) 38%, transparent);border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-card-warm) 42%, transparent);flex:none;display:flex}.quran-sort span{color:var(--color-soft);font-size:var(--text-xs);text-transform:uppercase;font-weight:700}.quran-sort select{min-height:32px;color:var(--color-heading);font:inherit;font-size:var(--text-sm);background:0 0;border:0;font-weight:600}.quran-sort select:focus-visible{outline:2px solid var(--color-card-accent);outline-offset:3px}.surah-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.surah-grid>li{min-width:0}.surah-card{align-items:center;gap:var(--space-5);height:100%;min-height:132px;padding:var(--space-5);border:1px solid var(--color-card-border);border-radius:var(--radius-card);background:var(--color-white);box-shadow:var(--shadow-card);transition:border-color var(--duration-fast) var(--ease-premium), box-shadow var(--duration-fast) var(--ease-premium), transform var(--duration-fast) var(--ease-premium);grid-template-columns:54px minmax(0,1fr);display:grid}.surah-card:hover{border-color:color-mix(in srgb, var(--color-ring) 72%, transparent);box-shadow:0 18px 34px color-mix(in srgb, var(--color-ink) 12%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-ring) 20%, transparent);transform:translateY(-2px)}.surah-card:focus-visible{outline:2px solid var(--color-card-accent);outline-offset:4px}.surah-card__number{border:1px solid color-mix(in srgb, var(--color-ring) 58%, transparent);background:color-mix(in srgb, var(--color-card-warm) 58%, transparent);width:44px;height:44px;color:var(--color-card-accent);font-size:var(--text-sm);place-items:center;font-weight:800;line-height:1;display:grid;transform:rotate(45deg)}.surah-card__number span{transform:rotate(-45deg)}.surah-card__content{gap:var(--space-3);min-width:0;display:grid}.surah-card__names{gap:var(--space-2);min-width:0;display:grid}.surah-card__names h2{color:var(--color-heading);font-family:var(--font-arabic);overflow-wrap:anywhere;text-align:right;font-size:28px;font-weight:400;line-height:36px}.surah-card__names p{color:var(--color-muted);font-family:var(--font-serif);font-size:21px;font-weight:900;line-height:26px}.surah-card__meta{color:var(--color-soft);font-size:var(--text-xs);justify-self:start;font-weight:700;line-height:18px}.quran-state{min-height:260px;padding:var(--space-7);border:1px solid var(--color-card-border);border-radius:var(--radius-card);background:var(--color-card);box-shadow:var(--shadow-card);color:var(--color-muted);font-size:var(--text-sm);place-items:center;font-weight:600;display:grid}.quran-state--error{align-content:center;gap:var(--space-4);text-align:center}.surah-detail-page{background:color-mix(in srgb, var(--color-white) 82%, var(--color-card));min-height:100vh;padding-top:62px}.surah-detail-page main{z-index:2;position:relative}.surah-detail-workspace{min-height:calc(100vh - 62px);padding-block:var(--space-8) var(--space-9);background:color-mix(in srgb, var(--color-white) 82%, var(--color-card))}.surah-detail__header{gap:var(--space-5);margin-bottom:var(--space-6);display:grid}.surah-detail__actions{align-items:center;gap:var(--space-3);display:flex}.surah-detail__header .button{justify-self:start}.surah-detail__header h1{color:var(--color-heading);font-family:var(--font-arabic);text-align:right;font-size:46px;font-weight:400;line-height:58px}.surah-ayah-list{gap:var(--space-5);margin-top:var(--space-5)}.surah-ayah-card{background:var(--color-white);min-height:0}.surah-ayah-card.is-playing{border-color:color-mix(in srgb, var(--color-card-accent) 58%, transparent);background:color-mix(in srgb, var(--color-white) 76%, var(--color-card-warm))}.surah-ayah-card.is-playing small{color:var(--color-card-accent)}.surah-ayah-card--skeleton{pointer-events:none;position:relative;overflow:hidden}.surah-ayah-card--skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-white) 62%, transparent), transparent);animation:surah-card-skeleton 1.3s var(--ease-soft) infinite;position:absolute;inset:0;transform:translate(-100%)}.surah-ayah-card--skeleton span{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-ring) 18%, transparent);justify-self:end;height:18px;display:block}.surah-ayah-card--skeleton span:first-child{width:min(76%,760px);height:28px}.surah-ayah-card--skeleton span:last-child{width:min(42%,430px)}.surah-detail__sentinel{width:100%;height:1px}@keyframes surah-card-skeleton{to{transform:translate(100%)}}.site-footer{background:var(--color-footer);padding:64px 0 32px}.site-footer__inner{flex-direction:column;gap:28px;display:flex}.site-footer__top{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:48px;padding-bottom:36px;display:grid}.brand--footer span{color:var(--color-parchment);font-size:20px;font-weight:600;line-height:30px}.brand--footer img{width:54px;height:54px}.site-footer__brand p{max-width:240px;color:var(--color-footer-muted);font-size:var(--text-sm);margin-top:16px;line-height:22.1px}.site-footer__group h2{color:var(--color-ring);font-family:var(--font-serif);font-size:var(--text-base);letter-spacing:.64px;font-weight:800;line-height:24px}.site-footer__group ul{flex-direction:column;gap:9px;margin:15px 0 0;padding:0;list-style:none;display:flex}.site-footer__group a{color:var(--color-footer-muted);font-size:var(--text-sm);line-height:19.5px}.site-footer__bottom{color:var(--color-footer-muted);border-top:1px solid #e6cf9f26;justify-content:space-between;align-items:center;gap:24px;padding-top:28px;display:flex}.site-footer__bottom p{font-size:var(--text-xs);line-height:18px}.site-footer__language{align-items:center;gap:6px;display:flex}.globe-icon{object-fit:contain;filter:invert(43%)sepia(19%)saturate(861%)hue-rotate(347deg)brightness(91%)contrast(86%);width:18px;height:18px}.plan-page main{z-index:2;position:relative}.active-plan__eyebrow{border-radius:var(--radius-sm);min-height:28px;color:var(--color-ring);font-size:var(--text-xs);letter-spacing:1.2px;text-transform:uppercase;border:1px solid #c6943e80;align-items:center;padding:0 13px;font-weight:500;display:inline-flex}.plan-workspace{background:var(--color-section);min-height:calc(100vh - 62px);padding-block:26px 56px}.plan-workspace__header{max-width:760px;margin-bottom:24px}.plan-workspace__header span{color:var(--color-ring);font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;font-weight:600}.plan-workspace__header h1{color:var(--color-heading);font-family:var(--font-serif);margin-top:8px;font-size:46px;font-weight:900;line-height:50px}.plan-workspace__header p{max-width:620px;color:var(--color-muted);font-size:var(--text-sm);margin-top:10px;font-weight:500;line-height:22px}.plan-workspace__inner{grid-template-columns:290px minmax(0,1fr);gap:32px;display:grid}.plan-sidebar,.plan-panel{border:1px solid var(--color-card-border);border-radius:var(--radius-card);background:var(--color-card);box-shadow:var(--shadow-card)}.plan-sidebar{flex-direction:column;align-self:start;gap:28px;padding:24px;display:flex}.plan-steps{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.plan-steps__item{min-height:46px;color:var(--color-soft);grid-template-columns:34px 1fr;align-items:center;gap:12px;display:grid}.plan-steps__item span{width:34px;height:34px;color:var(--color-ring);font-size:var(--text-xs);border:1px solid #c6943e6b;border-radius:50%;place-items:center;font-weight:700;display:grid}.plan-steps__item strong{font-family:var(--font-serif);font-size:20px;font-weight:600;line-height:24px}.plan-steps__item.is-active,.plan-steps__item.is-complete{color:var(--color-heading)}.plan-steps__item.is-active span,.plan-steps__item.is-complete span{color:#fff6e0;background:#aa5b25}.plan-summary{border-top:1px solid #c6943e47;padding-top:22px}.plan-summary span,.review-strip span,.pace-control span{color:var(--color-soft);font-size:var(--text-xs);letter-spacing:.8px;text-transform:uppercase;font-weight:600}.plan-summary strong{color:var(--color-heading);font-family:var(--font-serif);margin-top:8px;font-size:32px;font-weight:600;line-height:36px;display:block}.plan-summary p{color:var(--color-muted);font-size:var(--text-sm);margin-top:8px;line-height:20px}.plan-panel{min-height:460px;padding:34px}.plan-state{min-height:340px;color:var(--color-muted);font-family:var(--font-serif);place-items:center;font-size:24px;font-weight:600;display:grid}.plan-fieldset{border:0;min-width:0;margin:0;padding:0}.plan-fieldset legend,.active-plan__header h2{color:var(--color-heading);font-family:var(--font-serif);font-size:42px;font-weight:900;line-height:48px}.plan-fieldset p,.active-plan__header p{max-width:560px;color:var(--color-muted);font-size:var(--text-sm);margin-top:12px;font-weight:500;line-height:22px}.direction-option,.pace-control,.review-strip{border-radius:var(--radius-card);background:#f8dda78a;border:1px solid #c6943e66}.direction-option{cursor:pointer;min-height:104px;transition:border-color var(--duration-fast) var(--ease-premium), box-shadow var(--duration-fast) var(--ease-premium), transform var(--duration-fast) var(--ease-premium);flex-direction:column;gap:8px;padding:20px;display:flex;position:relative}.direction-option:hover,.direction-option.is-selected{border-color:var(--color-card-accent);transform:translateY(-1px);box-shadow:0 12px 22px #4932231f}.direction-option input{opacity:0;pointer-events:none;position:absolute}.direction-option strong{color:var(--color-heading);font-family:var(--font-serif);font-size:22px;font-weight:900;line-height:26px}.direction-option span,.review-strip small{color:var(--color-soft);font-size:var(--text-xs);line-height:18px}.reciter-browser{margin-top:22px}.reciter-browser__message{color:var(--color-muted);font-size:var(--text-xs);font-weight:600}.reciter-carousel{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:16px;margin-top:18px;display:grid}.reciter-carousel__stage{min-height:clamp(218px,25vw,270px);position:relative;overflow:hidden}.reciter-carousel__nav{z-index:3;width:38px;min-width:38px;padding-left:0;padding-right:0;position:relative}.reciter-carousel__nav img{object-fit:contain;width:24px;height:24px}.reciter-carousel__nav--previous img{transform:rotate(180deg)}.setup-reciter-card{z-index:1;border-radius:var(--radius-card);background:var(--color-card);cursor:pointer;opacity:.72;width:clamp(176px,20vw,220px);min-height:clamp(190px,22vw,238px);transition:border-color var(--duration-fast) var(--ease-premium), box-shadow var(--duration-fast) var(--ease-premium), opacity var(--duration-base) var(--ease-premium), transform var(--duration-base) var(--ease-premium);border:1px solid #c6943e66;flex-direction:column;justify-content:space-between;padding:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.setup-reciter-card:focus-visible{outline:2px solid var(--color-card-accent);outline-offset:4px}.setup-reciter-card--left{transform:translate(-150%,-50%)scale(.84)}.setup-reciter-card--center{z-index:2;background:var(--color-card);opacity:1;min-height:clamp(205px,24vw,252px);transform:translate(-50%,-50%)scale(1)}.setup-reciter-card--right{transform:translate(50%,-50%)scale(.84)}.setup-reciter-card--center:hover,.setup-reciter-card.is-selected{border-color:var(--color-card-accent);box-shadow:0 12px 22px #4932231f}.setup-reciter-card.is-selected{background:var(--color-card)}.setup-reciter-card__names{text-align:left;background:0 0;border:0;min-width:0;padding:0}.setup-reciter-card__names strong{color:var(--color-heading);font-family:var(--font-serif);font-size:23px;font-weight:900;line-height:28px;display:block}.setup-reciter-card__names span{color:var(--color-soft);font-size:var(--text-xs);overflow-wrap:anywhere;margin-top:8px;line-height:18px;display:block}.setup-reciter-card__preview{width:42px;height:42px;color:var(--color-card-accent);cursor:pointer;font-size:var(--text-xs);background:0 0;border:1px solid #c6943e80;border-radius:50%;align-self:center;place-items:center;margin-top:auto;font-weight:700;display:grid}.setup-reciter-card__preview img{object-fit:contain;width:19px;height:19px}.setup-reciter-card__preview:hover,.setup-reciter-card__preview:focus-visible{background:#aa5b251f}.reciter-browser__message{color:var(--color-card-accent);margin-top:12px}.direction-options,.pace-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px;display:grid}.pace-control{grid-template-columns:1fr auto;gap:18px;padding:22px;display:grid}.pace-control input{accent-color:#aa5b25;grid-column:1/-1}.pace-control strong{color:var(--color-heading);font-family:var(--font-serif);font-size:34px;font-weight:600;line-height:34px}.review-strip{flex-direction:column;gap:8px;margin-top:18px;padding:22px;display:flex}.review-strip strong{color:var(--color-heading);font-family:var(--font-serif);font-size:28px;font-weight:600;line-height:32px}.plan-form__actions{justify-content:flex-end;gap:12px;margin-top:34px;display:flex}.button:disabled{cursor:not-allowed;opacity:.54;transform:none}.plan-message{color:var(--color-muted);font-size:var(--text-sm);border-top:1px solid #c6943e47;margin-top:24px;padding-top:18px;font-weight:600;line-height:20px}.plan-message--error{color:var(--color-card-accent)}.active-plan{flex-direction:column;gap:26px;min-height:0;display:flex}.active-plan__header h2{max-width:620px;margin-top:18px}.active-plan__header p{max-width:560px}.active-plan__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;display:grid}.active-plan__metrics div{border-radius:var(--radius-card);background:#f8dda78a;border:1px solid #c6943e66;padding:20px}.active-plan__metrics dt{color:var(--color-soft);font-size:var(--text-xs);letter-spacing:.8px;text-transform:uppercase;font-weight:600}.active-plan__metrics dd{color:var(--color-heading);font-family:var(--font-serif);margin:8px 0 0;font-size:26px;font-weight:900;line-height:32px}.active-plan__action{border-radius:var(--radius-card);background:#f8dda78a;border:1px solid #c6943e66;justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex}.active-plan__action div{flex-direction:column;gap:6px;min-width:0;display:flex}.active-plan__action span{color:var(--color-muted);font-size:var(--text-xs);letter-spacing:.8px;text-transform:uppercase;font-weight:700}.active-plan__action strong{color:var(--color-heading);font-size:var(--text-sm);font-weight:700;line-height:20px}@media (width<=1024px){.scroll-atmosphere{display:none}.site-header{height:auto;min-height:62px}.site-header__inner{flex-wrap:wrap;gap:16px;padding:10px 20px}.brand span{font-size:26px}.navbar{flex-basis:100%;order:3;justify-content:flex-end}.navbar__toggle{margin-left:auto;display:block}.navbar__toggle[aria-expanded=true] span:first-child{transform:translateY(6px)rotate(45deg)}.navbar__toggle[aria-expanded=true] span:nth-child(2){opacity:0}.navbar__toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.navbar__links{opacity:0;flex-direction:column;flex-basis:100%;align-items:stretch;max-height:0;transition:max-height .22s,opacity .18s,padding .22s;display:flex;overflow:hidden}.navbar__links--open{opacity:1;max-height:260px;padding-top:10px}.navbar__links a{text-align:right}.site-header__actions{margin-left:auto}.hero-section{padding-block:72px}.hero-section__inner,.explore-section__inner{grid-template-columns:1fr;gap:46px}.hero-section__content{padding-top:0}.hero-section h1{font-size:46px;line-height:52px}.hero-section__media{justify-content:flex-start}.hero-section__media img{max-width:560px}.card-section,.reciters-section,.explore-section{padding-block:72px}.card-grid,.surah-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reciter-card{min-width:220px}.site-footer__top{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-workspace__inner{grid-template-columns:1fr;gap:28px}.plan-sidebar{flex-direction:row;align-items:stretch}.plan-steps{flex:1}.plan-summary{border-top:0;border-left:1px solid #c6943e47;width:240px;padding-top:0;padding-left:24px}}@media (prefers-reduced-motion:reduce){.scroll-atmosphere{display:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.manuscript-panel,.manuscript-panel.is-visible,.info-card,.quran-preview,.quran-preview.is-visible,.quran-preview__list li,.hero-section__content,.hero-section__media img{clip-path:none;opacity:1;transform:none}.hero-quote p{clip-path:none;filter:none;opacity:.85}.hero-quote cite{opacity:1}.reciters-marquee__track{animation:none}}@media (width<=768px){.container{width:min(100% - 28px,1180px)}.site-header__actions{display:none}.brand img{width:38px;height:38px}.brand span{font-size:22px}.hero-section{padding-block:56px}.hero-section h1,.features-section .section-title h2,.explore-section__content h2,.quran-page__header h1{font-size:38px;line-height:44px}.hero-section__rule{width:100%}.hero-section__actions,.explore-section__stats,.site-footer__bottom{flex-direction:column;align-items:flex-start}.hero-quote p{font-size:22px;line-height:40px}.section-title h2{margin-top:14px;font-size:34px;line-height:40px}.card-section,.reciters-section,.explore-section{padding-block:56px}.section-title{margin-bottom:36px}.quran-page__header{align-items:start;display:grid}.quran-sort{justify-self:start}.card-grid{grid-template-columns:1fr}.info-card{padding:50px 24px 26px}.reciter-card{min-width:190px;min-height:78px;padding:16px 22px;font-size:19px;line-height:24px}.quran-preview__list li{align-items:flex-start;min-height:72px;padding-top:16px;padding-bottom:16px}.quran-preview__list p{white-space:normal;font-size:18px;line-height:34px}.site-footer__top{grid-template-columns:1fr;gap:30px}.plan-workspace__header h1,.plan-fieldset legend,.active-plan__header h2{font-size:38px;line-height:44px}.plan-sidebar{flex-direction:column;padding:20px}.plan-summary{border-top:1px solid #c6943e47;border-left:0;width:auto;padding-top:20px;padding-left:0}.plan-panel{min-height:auto;padding:24px}.direction-options,.pace-grid,.active-plan__metrics{grid-template-columns:1fr}.reciter-carousel{grid-template-columns:34px minmax(0,1fr) 34px;gap:8px}.reciter-carousel__stage{min-height:238px}.reciter-carousel__nav{width:32px;min-width:32px}.setup-reciter-card{width:min(54vw,168px);min-height:190px;padding:16px}.setup-reciter-card--center{min-height:208px}.setup-reciter-card--left{transform:translate(-92%,-50%)scale(.78)}.setup-reciter-card--right{transform:translate(-8%,-50%)scale(.78)}.setup-reciter-card__names strong{font-size:20px;line-height:24px}.plan-form__actions,.active-plan__action{flex-direction:column;align-items:stretch}}.student-dashboard{--dashboard-surface:var(--color-white);z-index:2;background:var(--dashboard-surface);grid-template-columns:238px minmax(0,1fr);align-items:stretch;min-height:100vh;display:grid;position:relative}.dashboard-sidebar{min-height:100vh;padding:var(--space-5) var(--space-5);border-right:1px solid color-mix(in srgb, var(--color-ring) 38%, transparent);background:color-mix(in srgb, var(--color-parchment) 82%, var(--color-white));flex-direction:column;display:flex;position:relative}.dashboard-sidebar__brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:inline-flex}.dashboard-sidebar__brand img{object-fit:cover;border-radius:50%;width:42px;height:42px}.dashboard-sidebar__brand span{color:var(--color-muted);font-family:var(--font-serif);font-size:25px;font-weight:800;line-height:1}.dashboard-sidebar__nav{gap:var(--space-2);display:grid}.dashboard-sidebar__link{align-items:center;gap:var(--space-4);width:100%;min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-card);color:var(--color-muted);font-family:var(--font-serif);text-align:left;transition:background-color var(--duration-fast) var(--ease-premium), border-color var(--duration-fast) var(--ease-premium), transform var(--duration-fast) var(--ease-premium);background:0 0;border:1px solid #0000;font-size:18px;font-weight:900;display:flex}.dashboard-sidebar__link:hover,.dashboard-sidebar__link:focus-visible,.dashboard-sidebar__link.is-active{border-color:color-mix(in srgb, var(--color-ring) 38%, transparent);background:color-mix(in srgb, var(--color-card-warm) 52%, transparent);color:var(--color-heading);transform:translate(2px)}.dashboard-sidebar__link:disabled{cursor:wait;opacity:.68}.dashboard-sidebar__verse{padding:var(--space-4) var(--space-4) 0;border:1px solid color-mix(in srgb, var(--color-ring) 36%, transparent);border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-card) 46%, transparent);color:var(--color-muted);text-align:center;margin-top:auto;overflow:hidden}.dashboard-sidebar__verse p{font-size:var(--text-sm);font-weight:500;line-height:22px}.dashboard-sidebar__verse strong{margin-top:var(--space-2);color:var(--color-card-accent);font-size:var(--text-xs);font-weight:600;display:block}.dashboard-sidebar__verse img{width:132px;max-width:100%;margin:var(--space-4) auto -18px;opacity:.78}.student-dashboard__main{width:min(100%,1450px);padding:var(--space-5);margin-inline:auto}.dashboard-topbar{justify-content:space-between;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-4);display:flex}.dashboard-topbar__eyebrow{color:var(--color-muted);font-size:var(--text-sm);font-weight:600}.dashboard-topbar h1{margin-top:var(--space-1);color:var(--color-heading);font-family:var(--font-serif);font-size:34px;font-weight:900;line-height:38px}.dashboard-topbar p:not(.dashboard-topbar__eyebrow){margin-top:var(--space-1);color:var(--color-muted);font-size:var(--text-sm);font-weight:500;line-height:21px}.dashboard-topbar__actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.dashboard-profile-button{width:42px;height:42px;color:var(--color-ink);background:0 0;border:0;border-radius:50%;place-items:center;display:inline-grid}.dashboard-profile-button span{border:1px solid color-mix(in srgb, var(--color-ring) 48%, transparent);background:var(--color-card-warm);width:42px;height:42px;color:var(--color-heading);font-size:var(--text-xs);border-radius:50%;place-items:center;font-weight:800;display:grid}.dashboard-profile-menu{position:relative}.dashboard-profile-menu__content{top:calc(100% + var(--space-2));z-index:5;min-width:132px;padding:var(--space-2);border:1px solid var(--color-card-border);border-radius:var(--radius-card);background:var(--color-card);box-shadow:var(--shadow-card);position:absolute;right:0}.dashboard-profile-menu__content button{border-radius:var(--radius-md);width:100%;min-height:34px;color:var(--color-ink);font-size:var(--text-sm);text-align:left;background:0 0;border:0;font-weight:600}.dashboard-profile-menu__content button:hover,.dashboard-profile-menu__content button:focus-visible{background:color-mix(in srgb, var(--color-card-warm) 62%, transparent)}.dashboard-panel{border:1px solid var(--color-card-border);border-radius:var(--radius-card);background:var(--dashboard-surface);box-shadow:var(--shadow-card);color:var(--color-ink)}.dashboard-panel--state{min-height:420px;padding:var(--space-7);text-align:center;place-items:center;display:grid}.dashboard-panel--state h1{color:var(--color-heading);font-family:var(--font-serif);font-size:38px;font-weight:600;line-height:44px}.dashboard-panel--state p{max-width:520px;margin:var(--space-3) 0 var(--space-5);color:var(--color-muted);font-size:var(--text-sm);line-height:22px}.dashboard-panel__title,.dashboard-panel__heading,.dashboard-panel__heading>div{align-items:center;display:flex}.dashboard-panel__title,.dashboard-panel__heading>div{color:var(--color-card-accent);gap:var(--space-3)}.dashboard-asset-icon{width:var(--dashboard-icon-size,21px);height:var(--dashboard-icon-size,21px);object-fit:contain;filter:invert(36%)sepia(58%)saturate(972%)hue-rotate(351deg)brightness(84%)contrast(89%);flex:none;display:block}.dashboard-panel__title h2,.dashboard-panel__heading h2{color:var(--color-heading);font-family:var(--font-serif);font-size:22px;font-weight:900;line-height:26px}.dashboard-panel__heading{justify-content:space-between;gap:var(--space-5)}.dashboard-panel__heading>span,.dashboard-panel__heading a{color:var(--color-card-accent);font-size:var(--text-xs);font-weight:500}.dashboard-panel__label{margin-top:var(--space-5);color:var(--color-soft);font-size:var(--text-xs);letter-spacing:.8px;text-transform:uppercase;font-weight:500;display:inline-flex}.dashboard-badge{min-height:28px;padding:0 var(--space-3);border:1px solid color-mix(in srgb, var(--color-ring) 38%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-card-warm) 56%, transparent);color:var(--color-card-accent);font-size:var(--text-xs);text-transform:capitalize;align-items:center;font-weight:500;display:inline-flex}.dashboard-streak{align-items:center;gap:var(--space-5);min-height:104px;padding:var(--space-4) var(--space-5);grid-template-columns:minmax(210px,1fr) auto 150px;display:grid}.dashboard-streak p{margin-top:var(--space-1);color:var(--color-muted);font-size:var(--text-sm);line-height:21px}.dashboard-week{align-items:center;gap:var(--space-4);display:flex}.dashboard-week__day{justify-items:center;gap:var(--space-1);color:var(--color-muted);font-size:var(--text-xs);font-weight:500;display:grid}.dashboard-week__marker{width:31px;height:31px;color:var(--color-card-accent);border-radius:50%;place-items:center;font-weight:800;display:grid}.dashboard-week__marker--done{background:var(--color-card-accent);color:var(--color-white);box-shadow:0 6px 14px color-mix(in srgb, var(--color-card-accent) 24%, transparent)}.dashboard-week__marker--done img{width:18px;height:18px;display:block}.dashboard-week__marker--empty{border:1px dashed var(--color-ring)}.dashboard-week__marker--today{border:1px solid var(--color-ring);background:color-mix(in srgb, var(--color-card-warm) 50%, transparent)}.dashboard-streak__total{align-items:center;gap:var(--space-5);min-height:58px;padding-left:var(--space-5);border-left:1px solid color-mix(in srgb, var(--color-ring) 35%, transparent);display:flex}.dashboard-streak__total strong{color:var(--color-heading);font-family:var(--font-serif);font-size:36px;font-weight:900;line-height:1}.dashboard-streak__total span{color:var(--color-muted);font-size:var(--text-xs);font-weight:500;line-height:17px}.student-dashboard__grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);display:grid}.dashboard-session,.dashboard-progress{padding:var(--space-5)}.dashboard-plan,.dashboard-next{padding:var(--space-6)}.dashboard-session,.dashboard-progress{min-height:216px}.dashboard-plan,.dashboard-next{min-height:268px}.dashboard-session__body{align-items:center;gap:var(--space-4);grid-template-columns:minmax(0,1fr) 132px;min-height:148px;display:grid}.dashboard-session__body h3,.dashboard-next h3,.dashboard-panel__empty h3,.dashboard-empty-plan h2{color:var(--color-heading);font-family:var(--font-serif);font-size:25px;font-weight:700;line-height:29px}.dashboard-session__body h3{margin-top:var(--space-3)}.dashboard-session__body p,.dashboard-next p,.dashboard-panel__empty p,.dashboard-empty-plan p{margin-top:var(--space-2);color:var(--color-muted);font-size:var(--text-sm);font-weight:500;line-height:21px}.dashboard-session__body>img{opacity:.78;width:132px;max-width:100%}.dashboard-session__stats{gap:var(--space-4);margin-top:var(--space-4);color:var(--color-muted);font-size:var(--text-xs);flex-wrap:wrap;font-weight:400;display:flex}.dashboard-session__stats span{align-items:center;gap:var(--space-2);display:inline-flex}.dashboard-progress__body{align-items:center;column-gap:clamp(var(--space-5), 4vw, var(--space-8));grid-template-columns:minmax(140px,.95fr) 1px minmax(180px,1fr);min-height:146px;display:grid}.dashboard-progress__divider{background:color-mix(in srgb, var(--color-ring) 35%, transparent);justify-self:center;width:1px;height:88px}.dashboard-progress-ring{justify-self:center;place-items:center;width:132px;height:132px;display:grid;position:relative}.dashboard-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.dashboard-progress-ring circle{fill:none;stroke-width:8px}.dashboard-progress-ring__track{stroke:color-mix(in srgb, var(--color-ring) 24%, transparent)}.dashboard-progress-ring__value{stroke:var(--color-card-accent);stroke-dasharray:var(--dashboard-progress) 100;stroke-linecap:round}.dashboard-progress-ring>div{text-align:center;display:grid;position:absolute}.dashboard-progress-ring strong{color:var(--color-heading);font-family:var(--font-serif);font-size:28px;font-weight:600;line-height:1}.dashboard-progress-ring span,.dashboard-progress__details dt,.dashboard-plan__position span{color:var(--color-soft);font-size:var(--text-xs);font-weight:500}.dashboard-progress__details{gap:var(--space-3);justify-self:start;margin:0;padding-left:0;display:grid}.dashboard-progress__details div{gap:var(--space-2);display:grid}.dashboard-progress__details dd{color:var(--color-heading);font-family:var(--font-serif);margin:0;font-size:20px;font-weight:700}.dashboard-plan__heading{align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.dashboard-plan__heading h3{color:var(--color-heading);font-family:var(--font-serif);font-size:22px;font-weight:700;line-height:28px}.dashboard-plan__heading span{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-ring) 16%, transparent);color:var(--color-muted);font-size:var(--text-xs);text-transform:capitalize;font-weight:500}.dashboard-plan>p{margin-top:var(--space-2);color:var(--color-muted);font-size:var(--text-xs);font-weight:400}.dashboard-plan__position{align-items:center;gap:var(--space-5);margin-top:var(--space-5);padding:var(--space-4);border:1px solid color-mix(in srgb, var(--color-ring) 30%, transparent);border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-card-warm) 36%, transparent);grid-template-columns:132px minmax(80px,1fr) 92px;display:grid}.dashboard-plan__position div{gap:var(--space-1);display:grid}.dashboard-plan__position strong{color:var(--color-heading);font-size:var(--text-sm);font-weight:500;line-height:20px}.dashboard-plan__bar{background:color-mix(in srgb, var(--color-ring) 24%, transparent);border-radius:999px;height:8px;overflow:hidden}.dashboard-plan__bar span{border-radius:inherit;background:var(--color-card-accent);height:100%;display:block}.dashboard-next{flex-direction:column;display:flex}.dashboard-next .dashboard-badge{margin-top:var(--space-7);align-self:flex-start}.dashboard-next h3{margin-top:var(--space-4)}.dashboard-next .button{width:100%;margin-top:auto}.dashboard-plan-tab{min-height:500px;padding:var(--space-6)}.dashboard-plan-tab__summary{justify-content:space-between;align-items:flex-start;gap:var(--space-5);margin-top:var(--space-5);display:flex}.dashboard-plan-tab__summary .dashboard-panel__label{margin-top:0}.dashboard-plan-tab__summary h3{margin-top:var(--space-2);color:var(--color-heading);font-family:var(--font-serif);font-size:26px;font-weight:700;line-height:32px}.dashboard-plan-tab__summary p{margin-top:var(--space-2);color:var(--color-muted);font-size:var(--text-sm);font-weight:600}.dashboard-plan-tab__grid{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dashboard-plan-tab__grid div{gap:var(--space-2);min-height:92px;padding:var(--space-4);border:1px solid color-mix(in srgb, var(--color-ring) 30%, transparent);border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-card-warm) 30%, transparent);display:grid}.dashboard-plan-tab__grid span{color:var(--color-soft);font-size:var(--text-xs);font-weight:500}.dashboard-plan-tab__grid strong{color:var(--color-heading);font-family:var(--font-serif);font-size:20px;font-weight:700;line-height:26px}.dashboard-plan-tab__meter{height:10px;margin-top:var(--space-5);background:color-mix(in srgb, var(--color-ring) 24%, transparent);border-radius:999px;overflow:hidden}.dashboard-plan-tab__meter span{border-radius:inherit;background:var(--color-card-accent);height:100%;display:block}.dashboard-text-action{color:var(--color-card-accent);cursor:pointer;font:inherit;font-size:var(--text-sm);background:0 0;border:0;font-weight:700}.dashboard-plan-tab__settings{margin-top:var(--space-5);padding:var(--space-5);border:1px solid #c6943e52;border:1px solid color-mix(in srgb, var(--color-ring) 32%, transparent);border-radius:var(--radius-card);background:#f8dda75c;background:color-mix(in srgb, var(--color-card-warm) 36%, transparent)}.dashboard-plan-tab__settings-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-5);display:flex}.dashboard-plan-tab__settings-heading h3{margin-top:var(--space-2);color:var(--color-heading);font-family:var(--font-serif);font-size:24px;font-weight:700;line-height:30px}.dashboard-plan-tab__settings-heading p{max-width:620px;margin-top:var(--space-2);color:var(--color-muted);font-size:var(--text-sm);line-height:21px}.dashboard-plan-tab__settings-heading>strong{color:var(--color-heading);font-size:var(--text-sm);text-align:right;font-weight:700;line-height:20px}.dashboard-plan-tab__settings-list,.dashboard-plan-tab__edit-grid{gap:var(--space-4);margin:var(--space-5) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dashboard-plan-tab__settings-list div,.dashboard-plan-tab__edit-grid label,.dashboard-plan-tab__daily-total{gap:var(--space-2);min-width:0;padding:var(--space-4);border:1px solid #c6943e3d;border:1px solid color-mix(in srgb, var(--color-ring) 24%, transparent);border-radius:var(--radius-card);background:#ffffff6b;background:color-mix(in srgb, var(--color-white) 42%, transparent);display:grid}.dashboard-plan-tab__settings-list dt,.dashboard-plan-tab__edit-grid span,.dashboard-plan-tab__daily-total span{color:var(--color-soft);font-size:var(--text-xs);letter-spacing:.7px;text-transform:uppercase;font-weight:700}.dashboard-plan-tab__settings-list dd{color:var(--color-heading);font-size:var(--text-sm);margin:0;font-weight:700;line-height:20px}.dashboard-plan-tab__edit-grid select{width:100%;min-width:0;min-height:42px;padding:0 var(--space-3);border:1px solid #c6943e61;border:1px solid color-mix(in srgb, var(--color-ring) 38%, transparent);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-heading);font:inherit;font-size:var(--text-sm)}.dashboard-plan-tab__edit-grid input[type=range]{width:100%;accent-color:var(--color-card-accent)}.dashboard-plan-tab__edit-grid strong,.dashboard-plan-tab__daily-total strong{color:var(--color-heading);font-family:var(--font-serif);font-size:22px;font-weight:800;line-height:28px}.dashboard-plan-tab__daily-total{grid-column:1/-1}.dashboard-plan-tab__actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.dashboard-plan-tab__message{margin-top:var(--space-4);color:var(--color-card-accent);font-size:var(--text-sm);font-weight:500}.dashboard-plan-tab__message.is-error{color:var(--color-card-accent)}.dashboard-insights{gap:var(--space-4);display:grid}.dashboard-insights__forecast{align-items:stretch;gap:var(--space-7);padding:var(--space-7);border-color:color-mix(in srgb, var(--color-ring) 42%, transparent);background:var(--dashboard-surface);grid-template-columns:minmax(0,1fr) minmax(300px,.44fr);display:grid}.dashboard-insights__forecast-main{min-width:0}.dashboard-insights__forecast-main .dashboard-panel__label{margin-top:var(--space-6)}.dashboard-insights__forecast h3{max-width:720px;margin-top:var(--space-2);color:var(--color-heading);font-family:var(--font-serif);text-wrap:balance;font-size:39px;font-weight:900;line-height:44px}.dashboard-insights__forecast p,.dashboard-insights__forecast-action small,.dashboard-insights__target p,.dashboard-insights__signal p{color:var(--color-muted);font-size:var(--text-sm);font-weight:500;line-height:22px}.dashboard-insights__forecast p{max-width:680px;margin-top:var(--space-3)}.dashboard-insights__forecast-action{align-items:center;gap:var(--space-4);margin-top:var(--space-6);display:flex}.dashboard-insights__forecast-action small{max-width:420px}.dashboard-insights__forecast-metrics{padding:var(--space-5);border:1px solid color-mix(in srgb, var(--color-ring) 26%, transparent);border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-card-warm) 26%, transparent);align-content:start;margin:0;display:grid}.dashboard-insights__metric{align-content:start;gap:var(--space-2);min-height:0;padding:var(--space-4) 0;border-bottom:1px solid color-mix(in srgb, var(--color-ring) 22%, transparent);display:grid}.dashboard-insights__metric:first-child{padding-top:0}.dashboard-insights__metric:last-child{border-bottom:0;padding-bottom:0}.dashboard-insights__metric dt,.dashboard-insights__route-copy dt,.dashboard-insights__target-row span{color:var(--color-soft);font-size:var(--text-xs);letter-spacing:.7px;text-transform:uppercase;font-weight:700}.dashboard-insights__metric dd{color:var(--color-heading);font-family:var(--font-serif);margin:0;font-size:24px;font-weight:800;line-height:30px}.dashboard-insights__metric span{color:var(--color-muted);font-size:var(--text-xs);font-weight:500;line-height:17px}.dashboard-insights__metric--primary{border-bottom-color:color-mix(in srgb, var(--color-card-accent) 26%, transparent)}.dashboard-insights__metric--primary dd{font-size:31px;line-height:35px}.dashboard-insights__signals{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dashboard-insights__signal,.dashboard-insights__target,.dashboard-insights__route{padding:var(--space-5)}.dashboard-insights__signal{align-content:start;gap:var(--space-3);border-color:color-mix(in srgb, var(--color-ring) 34%, transparent);background:color-mix(in srgb, var(--color-white) 70%, var(--color-card));min-height:164px;display:grid}.dashboard-insights__signal-value{align-items:baseline;gap:var(--space-2);margin-top:var(--space-2);display:flex}.dashboard-insights__signal-value strong{color:var(--color-heading);font-family:var(--font-serif);font-size:27px;font-weight:800;line-height:31px}.dashboard-insights__signal-value span{color:var(--color-soft);font-size:var(--text-xs);text-transform:uppercase;font-weight:700}.dashboard-insights__week{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2)}.dashboard-insights__week .dashboard-week__marker{width:26px;height:26px}.dashboard-insights__week .dashboard-week__marker--done img{width:15px;height:15px}.dashboard-insights__workbench{gap:var(--space-4);grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);display:grid}.dashboard-insights__route-body{align-items:center;gap:var(--space-6);margin-top:var(--space-5);grid-template-columns:150px minmax(0,1fr);display:grid}.dashboard-insights__route-copy{min-width:0}.dashboard-insights__route-copy .dashboard-panel__label{margin-top:0}.dashboard-insights__route-copy h3{margin-top:var(--space-2);color:var(--color-heading);font-family:var(--font-serif);font-size:25px;font-weight:700;line-height:30px}.dashboard-insights__meter,.dashboard-insights__target-track{background:color-mix(in srgb, var(--color-ring) 24%, transparent);border-radius:999px;overflow:hidden}.dashboard-insights__meter{height:10px;margin-top:var(--space-5)}.dashboard-insights__meter span,.dashboard-insights__target-track span{border-radius:inherit;background:var(--color-card-accent);height:100%;display:block}.dashboard-insights__route-copy dl{gap:var(--space-4);margin:var(--space-5) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dashboard-insights__route-copy dl div{gap:var(--space-2);min-width:0;padding:var(--space-4);border:1px solid color-mix(in srgb, var(--color-ring) 24%, transparent);border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-card-warm) 28%, transparent);display:grid}.dashboard-insights__route-copy dd{color:var(--color-heading);font-family:var(--font-serif);margin:0;font-size:22px;font-weight:800;line-height:28px}.dashboard-insights__target p,.dashboard-insights__signal p{margin-top:var(--space-4)}.dashboard-insights__target-bars{gap:var(--space-4);margin-top:var(--space-5);display:grid}.dashboard-insights__target-row{gap:var(--space-2);display:grid}.dashboard-insights__target-row>div:first-child{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.dashboard-insights__target-row strong{color:var(--color-heading);font-size:var(--text-sm);text-align:right;font-weight:800;line-height:20px}.dashboard-insights__target-track{height:10px}.dashboard-insights__state .button{justify-self:center}.dashboard-panel__empty{align-content:center;min-height:136px;display:grid}.dashboard-empty-plan{align-items:center;gap:var(--space-7);margin-top:var(--space-5);padding:var(--space-7);grid-template-columns:220px minmax(0,1fr);display:grid}.dashboard-empty-plan img{opacity:.78;width:220px;max-width:100%}.dashboard-empty-plan .button{margin-top:var(--space-5)}.session-workspace{z-index:2;min-height:100vh;padding:var(--space-6);background:var(--color-white);color:var(--color-ink);position:relative}.session-header{width:min(100%,1240px);margin:0 auto var(--space-5)}.session-header__title-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.session-header h1{color:var(--color-heading);font-family:var(--font-serif);font-size:38px;font-weight:700;line-height:44px}.session-header p{margin-top:var(--space-2);color:var(--color-muted);font-size:var(--text-sm);line-height:21px}.session-header__back{padding:var(--space-2) var(--space-4);border:1px solid color-mix(in srgb, var(--color-ring) 38%, transparent);border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-card-warm) 42%, transparent);color:var(--color-card-accent);font-size:var(--text-sm);flex:none;font-weight:600}.session-block-tabs{gap:var(--space-3);width:min(100%,1240px);margin:0 auto var(--space-4);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.session-block-tab{gap:var(--space-1);min-height:62px;padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--color-ring) 28%, transparent);border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-card-warm) 30%, transparent);color:var(--color-muted);text-align:left;display:grid}.session-block-tab span{color:var(--color-heading);font-family:var(--font-serif);font-size:18px;font-weight:700}.session-block-tab small{color:var(--color-soft);font-size:var(--text-xs)}.session-block-tab--active{border-color:color-mix(in srgb, var(--color-card-accent) 58%, transparent);background:color-mix(in srgb, var(--color-card-warm) 62%, transparent)}.session-block-tab--complete{border-color:color-mix(in srgb, var(--color-ring) 48%, transparent);background:color-mix(in srgb, var(--color-card) 52%, transparent)}.session-block-tab--locked{opacity:.62}.session-layout{gap:var(--space-4);grid-template-columns:240px minmax(0,1fr);width:min(100%,1240px);margin-inline:auto;display:grid}.session-stepper,.session-panel{padding:var(--space-5)}.session-stepper{align-content:start;gap:var(--space-3);display:grid}.session-stepper__item{align-items:center;gap:var(--space-3);min-height:58px;padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-ring) 24%, transparent);border-radius:var(--radius-card);color:var(--color-muted);display:flex}.session-stepper__item>span{background:color-mix(in srgb, var(--color-card-warm) 62%, transparent);width:31px;height:31px;color:var(--color-card-accent);border-radius:50%;place-items:center;font-weight:700;display:grid}.session-stepper__item strong{color:var(--color-heading);font-family:var(--font-serif);font-size:18px;font-weight:700;display:block}.session-stepper__item small{color:var(--color-soft);font-size:var(--text-xs)}.session-stepper__item.is-active{border-color:color-mix(in srgb, var(--color-card-accent) 48%, transparent);background:color-mix(in srgb, var(--color-card-warm) 38%, transparent)}.session-stepper__item.is-complete>span{background:var(--color-card-accent);color:var(--color-white)}.session-panel{min-height:560px}.session-panel__heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.session-panel__heading>div,.session-panel__heading-actions{align-items:center;gap:var(--space-3);display:flex}.session-sequence-button{width:38px;min-width:38px;padding-left:0;padding-right:0}.session-sequence-button img{object-fit:contain;width:18px;height:18px}.session-panel__heading h2{color:var(--color-heading);font-family:var(--font-serif);font-size:28px;font-weight:700;line-height:34px}.session-panel__intro,.session-message,.session-panel__footer span,.session-recall-board__hint{color:var(--color-muted);font-size:var(--text-sm);line-height:22px}.session-panel__intro{margin-top:var(--space-2)}.session-message{margin-top:var(--space-3);color:var(--color-card-accent);font-weight:600}.session-ayah-list,.session-recall-board{gap:var(--space-3);margin-top:var(--space-4);display:grid}.session-ayah-card,.session-recall-ayah{padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--color-ring) 28%, transparent);border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-card-warm) 28%, transparent)}.session-ayah-card{gap:var(--space-2);text-align:left;width:100%;transition:background-color var(--duration-fast) var(--ease-premium), border-color var(--duration-fast) var(--ease-premium), transform var(--duration-fast) var(--ease-premium);display:grid}.session-ayah-card:hover,.session-ayah-card:focus-visible{border-color:color-mix(in srgb, var(--color-card-accent) 45%, transparent);background:color-mix(in srgb, var(--color-card-warm) 52%, transparent);transform:translateY(-1px)}.session-ayah-card>span,.session-recall-ayah>span{color:var(--color-card-accent);font-size:var(--text-xs);font-weight:600}.session-ayah-card p,.session-recall-ayah p{color:var(--color-heading);font-family:var(--font-arabic);text-align:right;font-size:31px;font-weight:400;line-height:1.95}.session-ayah-card small{color:var(--color-muted);font-size:var(--text-xs);font-weight:600}.session-verse-mark{vertical-align:middle;direction:ltr;background-position:50%;background-repeat:no-repeat;background-size:contain;place-items:center;width:57px;height:57px;margin-inline-end:.22em;display:inline-grid;transform:translateY(5px)}.session-verse-mark>span{background:var(--color-card-warm);color:#3a2f22;border-radius:50%;place-items:center;width:32px;height:32px;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:700;line-height:1;display:grid}.session-word{min-height:40px;margin:0 var(--space-1) var(--space-2);padding:0 var(--space-2);border:1px solid color-mix(in srgb, var(--color-ring) 24%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-card) 50%, transparent);color:var(--color-soft);font-family:var(--font-arabic);font-size:27px;line-height:40px;display:inline-flex}.session-word.is-revealed{color:var(--color-heading);background:0 0;border-color:#0000}.session-word.is-wrong{border-color:color-mix(in srgb, var(--color-card-accent) 70%, transparent);background:color-mix(in srgb, var(--color-card-accent) 14%, transparent);color:var(--color-card-accent)}.session-recall-board__hint{margin-top:var(--space-1)}.session-panel__footer{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid color-mix(in srgb, var(--color-ring) 28%, transparent);display:flex}.session-panel__footer .button{min-width:170px}.session-state__actions{gap:var(--space-3);display:flex}@media (width<=1180px){.student-dashboard{grid-template-columns:200px minmax(0,1fr)}.dashboard-sidebar{padding-inline:var(--space-4)}.dashboard-sidebar__brand span{font-size:22px}.dashboard-week{gap:var(--space-3)}.dashboard-streak{gap:var(--space-5);grid-template-columns:1fr auto 124px}.student-dashboard__grid,.dashboard-insights__forecast,.dashboard-insights__workbench{grid-template-columns:1fr}.dashboard-insights__signals{grid-template-columns:repeat(2,minmax(0,1fr))}.session-layout{grid-template-columns:1fr}.session-stepper{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=850px){.student-dashboard{display:block}.dashboard-sidebar{height:auto;min-height:0;padding:var(--space-4);border-right:0;border-bottom:1px solid color-mix(in srgb, var(--color-ring) 38%, transparent);position:static}.dashboard-sidebar__brand{margin-bottom:var(--space-4)}.dashboard-sidebar__nav{grid-template-columns:repeat(auto-fit,minmax(86px,1fr))}.dashboard-sidebar__link{min-height:44px;padding:0 var(--space-2);justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-xs)}.dashboard-sidebar__link .dashboard-asset-icon{width:18px;height:18px}.dashboard-sidebar__verse{display:none}.student-dashboard__main{padding:var(--space-5)}.dashboard-topbar{align-items:center}.dashboard-topbar__actions{gap:var(--space-2)}.dashboard-topbar__actions .button{display:none}.dashboard-streak{grid-template-columns:1fr;position:relative}.dashboard-week{padding-bottom:var(--space-1);justify-content:space-between;overflow-x:auto}.dashboard-streak__total{border-left:0;width:max-content;min-height:0;padding-left:0}.session-workspace{padding:var(--space-5)}.session-header{display:grid}}@media (width<=590px){.dashboard-sidebar__nav{grid-template-columns:repeat(2,minmax(0,1fr))}.student-dashboard__main{padding:var(--space-4)}.dashboard-topbar h1{font-size:32px;line-height:38px}.dashboard-topbar p:not(.dashboard-topbar__eyebrow){display:none}.dashboard-session,.dashboard-progress,.dashboard-plan,.dashboard-next,.dashboard-plan-tab,.dashboard-insights__forecast,.dashboard-insights__route,.dashboard-insights__signal,.dashboard-insights__target,.dashboard-streak,.dashboard-empty-plan{padding:var(--space-5)}.quran-workspace{padding-block:var(--space-6) var(--space-8)}.surah-grid{grid-template-columns:1fr}.surah-card{min-height:118px;padding:var(--space-4)}.dashboard-session__body,.dashboard-progress__body,.dashboard-insights__forecast,.dashboard-insights__signals,.dashboard-insights__route-body,.dashboard-insights__route-copy dl,.dashboard-plan-tab__grid,.dashboard-plan-tab__settings-list,.dashboard-plan-tab__edit-grid,.dashboard-empty-plan{grid-template-columns:1fr}.dashboard-session__body>img,.dashboard-empty-plan img{display:none}.dashboard-progress__body{justify-items:center;row-gap:var(--space-4)}.dashboard-progress__divider{display:none}.dashboard-progress__details{width:100%;padding:var(--space-5) 0 0;border-top:1px solid color-mix(in srgb, var(--color-ring) 35%, transparent);border-left:0;grid-template-columns:1fr;justify-self:stretch}.dashboard-plan__position{grid-template-columns:1fr}.dashboard-plan-tab__summary,.dashboard-plan-tab__settings-heading{display:grid}.dashboard-plan-tab__settings-heading>strong{text-align:left}.dashboard-panel__heading{align-items:flex-start}.dashboard-insights__forecast h3{font-size:var(--text-xl);line-height:34px}.dashboard-insights__forecast-action{flex-direction:column;align-items:stretch}.dashboard-insights__forecast-action .button{width:100%}.dashboard-insights__target-row>div:first-child{align-items:flex-start;gap:var(--space-1);flex-direction:column}.dashboard-insights__target-row strong{text-align:left}.session-workspace{padding:var(--space-4)}.session-block-tabs,.session-stepper{grid-template-columns:1fr}.session-panel__heading,.session-panel__footer{display:grid}.session-panel__footer .button{width:100%}.session-ayah-card p,.session-recall-ayah p{font-size:25px}.session-word{font-size:23px}}