@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg:#0d1220;--bg-2:#121a2d;--surface:#161e33;--surface-2:#1d2740;--line:#ece4d617;--line-strong:#ece4d629;--ink:#ece4d6;--ink-soft:#a3a8b8;--ink-faint:#6f768a;--accent:#e2a865;--accent-bright:#f3c58e;--accent-deep:#b97f3e;--accent-tint:#e2a8651f;--blue:#7f9cf5;--blue-tint:#7f9cf51f;--art-sky:#0a1020;--art-deep:#121a2d;--art-mid:#233056;--art-soft:#1b2440;--art-warm:#2b2219;--art-cloud:#e8dfcf;--on-accent:#1b1408;--shadow:#0006;--r:1;--dw:700;--ds:1;--pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cpath d='M36 10l7 19 19 7-19 7-7 19-7-19-19-7 19-7z' fill='none' stroke='%23e2a865' stroke-opacity='.05'/%3E%3C/svg%3E");--font-display:"Alexandria", "Readex Pro", sans-serif;--font-body:"Readex Pro", "Alexandria", sans-serif}:lang(he){--font-display:"IBM Plex Sans Hebrew", sans-serif;--font-body:"IBM Plex Sans Hebrew", sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-weight:400}.screen{background:radial-gradient(circle at 88% -10%, var(--blue), transparent 42%), radial-gradient(circle at 0% 110%, var(--accent), transparent 40%), var(--pattern), linear-gradient(180deg, var(--bg-2), var(--bg));grid-template-rows:auto 1fr auto;width:100vw;height:100dvh;display:grid;container-type:size}@supports (color:color-mix(in lab, red, red)){.screen{background:radial-gradient(circle at 88% -10%, color-mix(in srgb, var(--blue) 14%, transparent), transparent 42%), radial-gradient(circle at 0% 110%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 40%), var(--pattern), linear-gradient(180deg, var(--bg-2), var(--bg))}}.icon{stroke-width:1.9px;flex:none;width:1.15em;height:1.15em}[dir=rtl] .icon.dir{transform:scaleX(-1)}.link{color:inherit;text-decoration:none}.btn{border-radius:calc(999px * var(--r));cursor:pointer;font-family:var(--font-body);border:0;justify-content:center;align-items:center;gap:.55em;padding:.75em 1.6em;font-size:clamp(13px,2.1cqh,17px);font-weight:500;text-decoration:none;transition:background .2s,transform .1s,box-shadow .2s,color .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 10px 26px var(--accent)}@supports (color:color-mix(in lab, red, red)){.btn-primary{box-shadow:0 10px 26px color-mix(in srgb, var(--accent) 22%, transparent)}}.btn-primary:hover{background:var(--accent-bright)}.btn-ghost{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--accent)}.btn[disabled]{opacity:.3;cursor:default;box-shadow:none}.btn-wide{min-width:8.5em}.icon-btn{aspect-ratio:1;cursor:pointer;background:var(--surface);width:clamp(32px,5cqh,42px);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong);border:0;border-radius:50%;place-items:center;font-size:clamp(13px,2.1cqh,18px);text-decoration:none;display:grid}.icon-btn:hover{box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent-bright)}.icon-btn[disabled]{opacity:.3;cursor:default}.dropdown{position:relative}.dropdown-menu{z-index:10;overscroll-behavior:contain;border-radius:calc(16px * var(--r));background:var(--surface-2);min-width:200px;max-height:min(70cqh,100dvh - 72px);box-shadow:0 20px 44px var(--shadow), inset 0 0 0 1px var(--line-strong);inset-inline-end:0;padding:6px;display:none;position:absolute;top:calc(100% + 8px);overflow-y:auto}.dropdown.open .dropdown-menu{animation:.18s both rise;display:grid}.dropdown-item{cursor:pointer;text-align:start;font:inherit;color:var(--ink);border-radius:calc(10px * var(--r));background:0 0;border:0;justify-content:space-between;align-items:center;gap:1em;padding:.6em .9em;font-size:14px;display:flex}.dropdown-item:hover,.dropdown-item:focus-visible{background:var(--accent-tint);outline:none}.dropdown-item .icon{color:var(--accent);visibility:hidden}.dropdown-item[aria-checked=true]{color:var(--accent-bright)}.dropdown-item[aria-checked=true] .icon{visibility:visible}.eyebrow{color:var(--accent);letter-spacing:.01em;align-items:center;gap:.45em;font-size:clamp(11px,1.8cqh,14px);font-weight:500;display:inline-flex}.topbar{justify-content:space-between;align-items:center;gap:2cqw;padding:2.4cqh 4cqw 1.4cqh;display:flex}.brand{font-family:var(--font-display);font-weight:var(--dw);font-size:calc(clamp(17px, 3cqh, 26px) * var(--ds));color:var(--ink);align-items:center;gap:.5em;display:flex}.brand-mark{width:1.45em;height:1.45em}.brand-meaning{font-family:var(--font-body);color:var(--ink-soft);white-space:nowrap;margin-inline-start:-.2em;font-size:.62em;font-weight:400}.bar-mid{font-family:var(--font-display);color:var(--ink-soft);font-size:clamp(13px,2.1cqh,17px);font-weight:500}.bar-end{align-items:center;gap:1cqw;display:flex}.home{grid-template-columns:.85fr 1.35fr;gap:4cqw;min-height:0;padding:1cqh 4cqw 0;display:grid}.intro{flex-direction:column;justify-content:center;align-items:flex-start;gap:2.4cqh;display:flex}.title{font-family:var(--font-display);font-size:calc(clamp(28px, 7.2cqh, 64px) * var(--ds));line-height:1.3;font-weight:var(--dw);color:var(--ink);margin:0}.title .hl{color:var(--accent)}.lede{color:var(--ink-soft);max-width:30ch;margin:0;font-size:clamp(14px,2.5cqh,20px);font-weight:300;line-height:1.7}.shelf{grid-template-rows:auto 1fr;gap:1.8cqh;min-height:0;padding-bottom:1cqh;display:grid}.shelf-head{justify-content:space-between;align-items:center;display:flex}.shelf-title{font-family:var(--font-display);color:var(--ink);align-items:center;gap:.5em;margin:0;font-size:clamp(15px,2.7cqh,22px);font-weight:600;display:inline-flex}.pager{align-items:center;gap:.8cqw;display:flex}.dots{gap:6px;display:flex}.dot{background:var(--line-strong);border-radius:99px;width:7px;height:7px;transition:width .25s,background .25s}.dot.on{background:var(--accent);width:20px}.cards{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2cqh 1.6cqw;min-height:0;display:grid}.card{border-radius:calc(22px * var(--r));background:var(--surface);min-height:0;box-shadow:inset 0 0 0 1px var(--line);color:inherit;grid-template-rows:1fr auto;gap:1.2cqh;padding:1.3cqh;text-decoration:none;transition:transform .2s,box-shadow .2s;animation:.4s both rise;display:grid}.card.open:hover{box-shadow:inset 0 0 0 1px var(--accent), 0 18px 36px var(--shadow);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.card.open:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 50%, transparent), 0 18px 36px var(--shadow)}}.card.soon{opacity:.55}.card-art{border-radius:calc(16px * var(--r));min-height:0;overflow:hidden}.card-art svg{width:100%;height:100%;display:block}.card-meta{grid-template-columns:1fr auto;grid-template-areas:"num tag""title title""sub sub";align-items:center;gap:.3cqh 1cqw;padding:0 .4cqw .4cqh;display:grid}.card-num{grid-area:num}.card-tag{color:var(--accent-bright);grid-area:tag;align-items:center;gap:.35em;font-size:clamp(11px,1.7cqh,14px);font-weight:500;display:inline-flex}.card.soon .card-tag{color:var(--ink-faint)}.card-title{font-family:var(--font-display);font-size:calc(clamp(14px, 2.6cqh, 21px) * var(--ds));line-height:1.3;font-weight:var(--dw);color:var(--ink);grid-area:title;margin:0}.card-sub{color:var(--ink-soft);grid-area:sub;margin:0;font-size:clamp(12px,1.9cqh,15px);font-weight:300}.footline{color:var(--ink-faint);justify-content:center;align-items:center;gap:.5em;padding:1.6cqh 4cqw 2.2cqh;font-size:clamp(11px,1.6cqh,13px);display:flex}.player{grid-template-rows:auto 1fr;gap:2cqh;min-height:0;padding:0 4cqw;display:grid}.progress{gap:6px;display:flex}.progress-seg{background:var(--line-strong);border-radius:99px;flex:1;height:4px;transition:background .3s}.progress-seg.on{background:linear-gradient(90deg, var(--accent-deep), var(--accent-bright))}.stage{grid-template-columns:.95fr 1.05fr;align-items:center;gap:4.5cqw;min-height:0;display:grid}.stage>*{animation:.45s both rise}.stage-art{place-items:center;height:100%;min-height:0;max-height:66cqh;display:grid}.stage-art svg{border-radius:calc(26px * var(--r));width:100%;height:100%;max-height:66cqh;box-shadow:0 24px 50px var(--shadow), 0 0 0 1px var(--line)}.words,.w-head,.w-body{flex-direction:column;gap:1.7cqh;min-width:0;display:flex}.headline{font-family:var(--font-display);font-size:calc(clamp(22px, 5.2cqh, 46px) * var(--ds));line-height:1.2;font-weight:var(--dw);color:var(--ink);margin:0}.line{color:var(--ink-soft);margin:0;font-size:clamp(14px,2.5cqh,21px);font-weight:300;line-height:1.65}.points{gap:1cqh;margin:0;padding:0;list-style:none;display:grid}.point{color:var(--ink);align-items:center;gap:.75em;font-size:clamp(13px,2.2cqh,18px);line-height:1.5;display:flex}.point-icon{aspect-ratio:1;border-radius:calc(10px * var(--r));background:var(--blue-tint);width:2em;color:var(--blue);flex:none;place-items:center;display:grid}.verse{border-radius:calc(18px * var(--r));text-align:center;background:linear-gradient(135deg, var(--accent), var(--accent));flex-direction:column;align-items:center;gap:1.4cqh;padding:2.4cqh 2.6cqw 2cqh;display:flex}@supports (color:color-mix(in lab, red, red)){.verse{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 13%, transparent), color-mix(in srgb, var(--accent) 5%, transparent))}}.verse{box-shadow:inset 0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.verse{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 32%, transparent)}}.verse-ar{color:var(--ink);direction:rtl;font-family:Amiri Quran,serif;font-size:clamp(17px,3.6cqh,29px);line-height:2.1;display:block}.verse-mean{color:var(--ink-soft);font-size:clamp(12px,1.9cqh,15px);font-weight:300;line-height:1.6;display:block}.verse-ref{color:var(--accent);border-top:1px solid;align-items:center;gap:.45em;padding:1.1cqh 1.4em 0;font-size:clamp(11px,1.7cqh,13px);font-weight:500;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.verse-ref{border-top:1px solid color-mix(in srgb, currentColor 30%, transparent)}}.verse.hadith{background:var(--blue-tint);box-shadow:inset 0 0 0 1px var(--blue)}@supports (color:color-mix(in lab, red, red)){.verse.hadith{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--blue) 30%, transparent)}}.verse.hadith .verse-quote{color:var(--ink);font-size:clamp(14px,2.5cqh,20px);font-weight:500;line-height:1.7;display:block}.verse.hadith .verse-ref{color:var(--blue)}.summary{grid-template-columns:1fr 1fr;gap:1.2cqh 1cqw;margin:0;padding:0;list-style:none;display:grid}.summary-item{border-radius:calc(14px * var(--r));background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);align-items:center;gap:.7em;padding:1.4cqh 1.2cqw;font-size:clamp(13px,2.2cqh,18px);display:flex}.summary-check{aspect-ratio:1;background:var(--accent-tint);width:1.8em;color:var(--accent-bright);border-radius:50%;flex:none;place-items:center;display:grid}.up-next{border-radius:calc(14px * var(--r));background:var(--blue-tint);color:var(--ink);justify-content:space-between;align-items:center;gap:1em;padding:1.4cqh 1.4cqw;font-size:clamp(13px,2.1cqh,17px);display:flex}.up-next .eyebrow{color:var(--blue)}.controls{justify-content:space-between;align-items:center;gap:2cqw;padding:1.8cqh 4cqw 2.6cqh;display:flex}.counter{color:var(--ink-faint);font-size:clamp(12px,1.9cqh,15px)}.f-sky{fill:var(--art-sky)}.f-deep{fill:var(--art-deep)}.f-pri{fill:var(--art-mid)}.f-soft{fill:var(--art-soft)}.f-warm,.f-accs{fill:var(--art-warm)}.f-card{fill:var(--art-cloud)}.f-paper2{fill:var(--art-soft)}.f-acc{fill:var(--accent)}.f-accb{fill:var(--accent-bright)}.f-blue{fill:var(--blue)}.s-acc{stroke:var(--accent)}.s-accb{stroke:var(--accent-bright)}.s-deep{stroke:var(--art-deep)}.s-pri{stroke:var(--art-mid)}.s-blue{stroke:var(--blue)}.s-ink{stroke:var(--ink-soft)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (orientation:portrait){.home{grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:2.4cqh}.title{font-size:clamp(24px,4.8cqh,48px)}.intro{gap:1.4cqh}.cards{grid-template-rows:repeat(4,1fr);grid-template-columns:1fr}.stage{grid-template-rows:minmax(0,.7fr) auto;grid-template-columns:1fr;gap:2cqh}.stage-art,.stage-art svg{max-height:28cqh}.headline{font-size:calc(clamp(22px, 3.8cqh, 40px) * var(--ds))}.bar-mid{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{--dirx:1}[dir=rtl]{--dirx:-1}.pdot{background:var(--line-strong);border-radius:99px;width:8px;height:8px;transition:width .3s,background .3s}.pdot.done{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.pdot.done{background:color-mix(in srgb, var(--accent) 55%, transparent)}}.pdot.now{background:var(--accent);width:30px}.progress.map-dots{justify-content:center;align-items:center;gap:8px}.progress.map-fraction{align-items:center;gap:1.4cqw}.frac{font-family:var(--font-display);color:var(--ink-faint);align-items:baseline;gap:.3em;font-size:clamp(12px,1.9cqh,15px);display:inline-flex}.frac b{font-size:calc(clamp(20px, 3.8cqh, 32px) * var(--ds));font-weight:var(--dw);color:var(--accent)}.frac-title{color:var(--ink-soft);white-space:nowrap;font-size:clamp(12px,1.9cqh,15px)}.frac-bar{background:var(--line-strong);flex:1;height:2px;position:relative}.frac-bar i{background:var(--accent);transition:width .4s;position:absolute;inset-block:0;inset-inline-start:0}.progress.map-stations,.progress.map-side{display:block}.stations{--d:clamp(22px, 3.6cqh, 30px);margin:0;padding:0;list-style:none;display:flex}.station{min-width:0;color:var(--ink-faint);text-align:center;flex-direction:column;flex:1;align-items:center;gap:.7cqh;font-size:clamp(10px,1.6cqh,13px);display:flex;position:relative}.station:not(:last-child):before{content:"";top:calc(var(--d) / 2 - 1px);background:var(--line-strong);width:100%;height:2px;position:absolute;inset-inline-start:50%}.station.done:before{background:var(--accent)}.st-dot{z-index:1;width:var(--d);aspect-ratio:1;background:var(--bg-2);box-shadow:inset 0 0 0 2px var(--line-strong);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:.95em;display:grid;position:relative}.station.done .st-dot{background:var(--accent);color:var(--on-accent);box-shadow:none}.station.now .st-dot{background:var(--bg-2);color:var(--accent-bright);box-shadow:inset 0 0 0 2px var(--accent), 0 0 0 5px var(--accent-tint)}.st-name{white-space:nowrap;text-overflow:ellipsis;max-width:95%;overflow:hidden}.station.now .st-name{color:var(--ink);font-weight:500}:root[data-map=side] .player{grid-template-rows:1fr;grid-template-columns:minmax(170px,19cqw) 1fr;gap:3.5cqw}:root[data-map=side] .progress{box-shadow:inset calc(var(--dirx) * -1px) 0 0 var(--line);align-self:center;padding-inline-end:2cqw}.map-side .stations{flex-direction:column}.map-side .station{text-align:start;flex-direction:row;flex:none;align-items:center;gap:.9em;padding:1.2cqh 0;font-size:clamp(12px,1.9cqh,15px)}.map-side .station:not(:last-child):before{width:2px;height:100%;top:50%;inset-inline-start:calc(var(--d) / 2 - 1px)}.progress.map-road,.progress.map-stars{height:clamp(46px,8cqh,72px);margin-inline:1cqw;display:block;position:relative}.map-line{width:100%;height:100%;position:absolute;inset:0;overflow:visible}[dir=rtl] .map-line,[dir=rtl] .jmap-line{transform:scaleX(-1)}.map-path{fill:none;stroke:var(--line-strong);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1 9;vector-effect:non-scaling-stroke}.map-path.done{stroke:var(--accent);stroke-dasharray:none}.map-stars .map-path{stroke-width:1.4px;stroke-dasharray:3 6}.map-stars .map-path.done{stroke-dasharray:3 6}.map-node{inset-inline-start:var(--x);top:var(--y);translate:calc(var(--dirx) * -50%) -50%;aspect-ratio:1;background:var(--bg-2);width:clamp(20px,3.4cqh,28px);box-shadow:inset 0 0 0 2px var(--line-strong);color:var(--ink-faint);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:clamp(10px,1.5cqh,12px);transition:all .3s;display:grid;position:absolute}.map-node.done{background:var(--accent);color:var(--on-accent);box-shadow:none}.map-node.now{background:var(--accent-bright);width:clamp(28px,4.8cqh,40px);color:var(--on-accent);box-shadow:0 0 0 6px var(--accent-tint), 0 0 26px var(--accent)}@supports (color:color-mix(in lab, red, red)){.map-node.now{box-shadow:0 0 0 6px var(--accent-tint), 0 0 26px color-mix(in srgb, var(--accent) 45%, transparent)}}.map-stars .map-node{box-shadow:none;color:var(--line-strong);background:0 0}.map-stars .map-node .icon{fill:currentColor;stroke-width:1px;width:100%;height:100%}.map-stars .map-node.done{color:var(--accent)}.map-stars .map-node.now{box-shadow:none;color:var(--accent-bright);filter:drop-shadow(0 0 10px var(--accent));background:0 0}@supports (color:color-mix(in lab, red, red)){.map-stars .map-node.now{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--accent) 70%, transparent))}}.map-label{white-space:nowrap;font-family:var(--font-body);color:var(--ink);border-radius:calc(999px * var(--r));background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-strong);top:50%;padding:.3em .8em;font-size:clamp(11px,1.8cqh,14px);position:absolute;inset-inline-start:calc(100% + .7em);translate:0 -50%}.map-label.flip{inset-inline:auto calc(100% + .7em)}:root[data-stage=flip] .stage{grid-template-columns:1.05fr .95fr}:root[data-stage=flip] .stage-art{order:2}:root[data-stage=stacked] .stage{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;align-items:stretch;gap:2.6cqh}:root[data-stage=stacked] .stage-art{max-height:none}:root[data-stage=stacked] .stage-art svg{aspect-ratio:2.4;width:auto;max-width:100%;height:100%;max-height:32cqh}:root[data-stage=stacked][data-art=circle] .stage-art svg{aspect-ratio:1}:root[data-stage=stacked] .words{flex-direction:row;align-items:flex-start;gap:4cqw}:root[data-stage=stacked] .w-head{flex:.9}:root[data-stage=stacked] .w-body{flex:1.1}:root[data-stage=full] .stage{border-radius:calc(28px * var(--r));box-shadow:0 0 0 1px var(--line);grid-template-columns:1fr;margin-bottom:1cqh;position:relative;overflow:hidden}:root[data-stage=full] .stage-art{height:100%;max-height:none;position:absolute;inset:0}:root[data-stage=full] .stage-art svg{max-height:none;box-shadow:none;clip-path:none;aspect-ratio:auto;border:0;border-radius:0;outline:0;width:100%;height:100%;transform:none}:root[data-stage=full] .words{border-radius:calc(22px * var(--r));background:var(--surface);width:min(54%,680px);margin-inline-start:3cqw;padding:3.2cqh 2.6cqw;position:relative}@supports (color:color-mix(in lab, red, red)){:root[data-stage=full] .words{background:color-mix(in srgb, var(--surface) 84%, transparent)}}:root[data-stage=full] .words{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px var(--shadow), inset 0 0 0 1px var(--line-strong)}:root[data-stage=deck] .player{padding:0 6cqw 2.4cqh 5cqw}:root[data-stage=deck] .stage{border-radius:calc(26px * var(--r));background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), 12px 12px 0 -3px var(--surface-2), 24px 24px 0 -6px var(--surface-2), 0 30px 60px var(--shadow);padding:3.6cqh 3cqw;position:relative}@supports (color:color-mix(in lab, red, red)){:root[data-stage=deck] .stage{box-shadow:inset 0 0 0 1px var(--line), 12px 12px 0 -3px var(--surface-2), 24px 24px 0 -6px color-mix(in srgb, var(--surface-2) 55%, transparent), 0 30px 60px var(--shadow)}}:root[data-stage=deck] .stage:after{content:attr(data-n);font-family:var(--font-display);font-weight:var(--dw);color:var(--ink-faint);letter-spacing:.1em;bottom:1.8cqh;font-size:clamp(12px,2cqh,16px);position:absolute;inset-inline-end:2.2cqw}:root[data-stage=deck] .stage-art svg{max-height:56cqh}:root[data-stage=editorial] .stage{grid-template-columns:.6fr 1.4fr;gap:5cqw;position:relative}:root[data-stage=editorial] .stage:before{content:attr(data-n);font-family:var(--font-display);color:var(--accent);opacity:.07;pointer-events:none;inset-inline-end:0;font-size:36cqh;font-weight:800;line-height:1;animation:none;position:absolute;top:-2cqh}:root[data-stage=editorial] .stage-art svg{aspect-ratio:4/5;max-height:50cqh}:root[data-stage=editorial] .headline{font-size:calc(clamp(26px, 6.4cqh, 58px) * var(--ds))}:root[data-stage=editorial] .eyebrow{text-transform:uppercase;letter-spacing:.12em}:root[data-stage=center] .stage{text-align:center;grid-template-rows:minmax(0,23cqh) auto;grid-template-columns:1fr;align-content:center;justify-items:center;gap:2.4cqh}:root[data-stage=center] .stage-art{height:23cqh;max-height:23cqh}:root[data-stage=center] .stage-art svg{aspect-ratio:16/10;width:auto;height:100%}:root[data-stage=center] .words,:root[data-stage=center] .w-head,:root[data-stage=center] .w-body{align-items:center}:root[data-stage=center] .words{width:min(920px,82cqw)}:root[data-stage=center] .points{justify-content:center}:root[data-stage=center] .verse,:root[data-stage=center] .summary,:root[data-stage=center] .up-next{width:100%}:root[data-art=arch] .stage-art svg{border-radius:50% 50% calc(18px * var(--r)) calc(18px * var(--r)) / 38% 38% calc(18px * var(--r)) calc(18px * var(--r))}:root[data-art=circle] .stage-art svg{aspect-ratio:1;border-radius:50%;width:auto;max-width:100%}:root[data-art=blob] .stage-art svg{border-radius:46% 54% 58% 42%/44% 40% 60% 56%}:root[data-art=diag] .stage-art svg{clip-path:polygon(0 0,100% 0,100% 84%,0 100%);border-radius:0}:root[data-art=frame] .stage-art{padding:1.6cqh}:root[data-art=frame] .stage-art svg{border-radius:calc(10px * var(--r));outline:1.5px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-art=frame] .stage-art svg{outline:1.5px solid color-mix(in srgb, var(--accent) 70%, transparent)}}:root[data-art=frame] .stage-art svg{outline-offset:1.1cqh}:root[data-art=tilt] .stage-art{padding:2cqh}:root[data-art=tilt] .stage-art svg{border:1cqh solid var(--art-cloud);border-bottom-width:5cqh;border-radius:4px;transform:rotate(-2.4deg)}[dir=rtl][data-art=tilt] .stage-art svg{transform:rotate(2.4deg)}:root[data-art=hex] .stage-art svg{aspect-ratio:1.12;width:auto;max-width:100%;box-shadow:none;clip-path:polygon(25% 2%,75% 2%,100% 50%,75% 98%,25% 98%,0 50%);border-radius:0}:root[data-verse=line] .verse{text-align:start;box-shadow:none;border-inline-start:3px solid var(--accent);background:0 0;border-radius:0;align-items:flex-start;padding:1.2cqh 0;padding-inline-start:1.8cqw}:root[data-verse=line] .verse.hadith{border-inline-start-color:var(--blue)}:root[data-verse=line] .verse-ref{padding-inline:0;border-top:0;padding-top:0}:root[data-verse=ornament] .verse{box-shadow:none;border-block:1px solid var(--accent);background:0 0;border-radius:0;padding:2.8cqh 1cqw 2.2cqh;position:relative}@supports (color:color-mix(in lab, red, red)){:root[data-verse=ornament] .verse{border-block:1px solid color-mix(in srgb, var(--accent) 38%, transparent)}}:root[data-verse=ornament] .verse:before{content:"✦";background:var(--bg);color:var(--accent);padding:0 .8em;font-size:13px;line-height:1;position:absolute;top:0;left:50%;transform:translate(-50%,-55%)}:root[data-verse=ornament][data-stage=deck] .verse:before{background:var(--surface)}:root[data-verse=ornament] .verse-ref{border-top:0;padding-top:0}:root[data-verse=open] .verse{box-shadow:none;background:0 0;padding:.6cqh 0}:root[data-verse=open] .verse-ar{font-size:clamp(19px,4.1cqh,34px)}:root[data-points=numbers] .points{counter-reset:pt}:root[data-points=numbers] .point-icon{display:none}:root[data-points=numbers] .point:before{counter-increment:pt;content:counter(pt);aspect-ratio:1;background:var(--accent);width:1.9em;color:var(--on-accent);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:.85em;font-weight:700;display:grid}:root[data-points=rules] .points{gap:0}:root[data-points=rules] .point{border-bottom:1px solid var(--line);padding:1.1cqh 0}:root[data-points=rules] .point:first-child{border-top:1px solid var(--line)}:root[data-points=rules] .point-icon{width:auto;color:var(--accent);background:0 0}:root[data-points=chips] .points{flex-wrap:wrap;gap:1cqh .7cqw;display:flex}:root[data-points=chips] .point{border-radius:calc(999px * var(--r));background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);gap:.5em;padding:.5em 1.1em .5em .9em;font-size:clamp(12px,2cqh,16px)}:root[data-points=chips] .point-icon{background:0 0;width:auto}:root[data-nav=icons] .controls .btn{aspect-ratio:1;border-radius:50%;width:clamp(42px,7cqh,58px);min-width:0;padding:0}:root[data-nav=icons] .controls .btn>span{display:none}:root[data-nav=center] .controls{justify-content:center;gap:3cqw}:root[data-nav=text] .controls .btn{box-shadow:none;background:0 0;min-width:0;padding-inline:.3em}:root[data-nav=text] .controls .btn-primary{color:var(--accent-bright)}:root[data-nav=text] .controls .btn>span{text-underline-offset:.45em;text-decoration:underline}@supports (color:color-mix(in lab, red, red)){:root[data-nav=text] .controls .btn>span{-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent)}}.cards.home-map{margin-inline:2cqw;display:block;position:relative}.jmap-line{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.jmap-line path{fill:none;stroke:var(--accent)}@supports (color:color-mix(in lab, red, red)){.jmap-line path{stroke:color-mix(in srgb, var(--accent) 45%, transparent)}}.jmap-line path{stroke-width:3px;stroke-linecap:round;stroke-dasharray:1 10;vector-effect:non-scaling-stroke}.jnode{inset-inline-start:var(--x);top:var(--y);translate:calc(var(--dirx) * -50%) -50%;aspect-ratio:1;background:var(--surface);width:clamp(46px,9cqh,76px);color:var(--ink-faint);box-shadow:inset 0 0 0 2px var(--line-strong), 0 10px 24px var(--shadow);border-radius:50%;place-items:center;font-size:clamp(16px,3.2cqh,26px);text-decoration:none;animation:.4s both rise;display:grid;position:absolute}.jnode.open{background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 8px var(--accent-tint), 0 14px 30px var(--accent)}@supports (color:color-mix(in lab, red, red)){.jnode.open{box-shadow:0 0 0 8px var(--accent-tint), 0 14px 30px color-mix(in srgb, var(--accent) 35%, transparent)}}.jnode.open:hover{box-shadow:0 0 0 12px var(--accent-tint), 0 14px 30px var(--accent)}@supports (color:color-mix(in lab, red, red)){.jnode.open:hover{box-shadow:0 0 0 12px var(--accent-tint), 0 14px 30px color-mix(in srgb, var(--accent) 45%, transparent)}}.jn-num{background:var(--bg-2);min-width:1.7em;height:1.7em;color:var(--accent);box-shadow:inset 0 0 0 1px var(--line-strong);font-family:var(--font-display);top:-.2em;border-radius:99px;place-items:center;font-size:clamp(10px,1.5cqh,12px);display:grid;position:absolute;inset-inline-end:-.2em}.jn-label{text-align:start;top:50%;gap:.25em;width:max-content;max-width:22cqw;font-size:clamp(11px,1.7cqh,14px);display:grid;position:absolute;inset-inline-start:calc(100% + 1.4cqw);translate:0 -50%}.jnode[data-side=start] .jn-label{text-align:end;inset-inline:auto calc(100% + 1.4cqw)}.jn-title{font-family:var(--font-display);font-weight:var(--dw);font-size:calc(clamp(14px, 2.5cqh, 20px) * var(--ds));color:var(--ink)}.jn-sub{color:var(--ink-soft);font-weight:300}.jn-tag{color:var(--ink-faint);align-items:center;gap:.35em;display:inline-flex}.jnode[data-side=start] .jn-tag{justify-content:flex-end}.jnode.open .jn-tag{color:var(--accent-bright)}.cards.home-list{grid-template-rows:repeat(6,1fr);grid-template-columns:1fr;gap:1.1cqh}.jrow{border-radius:calc(16px * var(--r));background:var(--surface);min-height:0;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:1.6cqw;padding:0 1.6cqw;text-decoration:none;transition:box-shadow .2s,transform .2s;animation:.4s both rise;display:grid}.jrow.open:hover{transform:translateX(calc(var(--dirx) * 4px));box-shadow:inset 0 0 0 1px var(--accent)}.jrow.soon{opacity:.6}.jr-num{min-width:1.5em;font-family:var(--font-display);font-weight:var(--dw);font-size:calc(clamp(18px, 3.4cqh, 30px) * var(--ds));color:var(--accent)}.jr-art{aspect-ratio:1.45;border-radius:calc(10px * var(--r));height:7.6cqh;overflow:hidden}.jr-art svg,.jf-art svg,.jmini-art svg{width:100%;height:100%;display:block}.jr-text{gap:.15em;min-width:0;display:grid}.jr-title{font-family:var(--font-display);font-weight:var(--dw);font-size:calc(clamp(14px, 2.5cqh, 20px) * var(--ds))}.jr-sub{color:var(--ink-soft);font-size:clamp(11px,1.8cqh,14px);font-weight:300}.jr-steps,.jr-tag{color:var(--ink-faint);white-space:nowrap;align-items:center;gap:.4em;font-size:clamp(11px,1.7cqh,13px);display:inline-flex}.jrow.open .jr-tag{color:var(--accent-bright)}.cards.home-feature{grid-template-rows:1fr auto;grid-template-columns:1fr;gap:2cqh}.jfeat{border-radius:calc(24px * var(--r));background:var(--surface);min-height:0;box-shadow:inset 0 0 0 1px var(--line);grid-template-columns:1.1fr 1fr;gap:2.4cqw;padding:1.6cqh;animation:.4s both rise;display:grid}.jf-art{border-radius:calc(18px * var(--r));min-height:0;overflow:hidden}.jf-text{flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5cqh;padding-inline-end:1.4cqw;display:flex}.jf-title{font-family:var(--font-display);font-weight:var(--dw);font-size:calc(clamp(22px, 4.6cqh, 40px) * var(--ds));margin:0;line-height:1.25}.jf-sub{color:var(--ink-soft);margin:0;font-size:clamp(13px,2.2cqh,17px);font-weight:300}.jmini-row{grid-template-columns:repeat(5,1fr);gap:1cqw;display:grid}.jmini{border-radius:calc(14px * var(--r));background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);opacity:.7;gap:.8cqh;min-width:0;padding:1cqh;animation:.4s both rise;display:grid}.jmini-art{border-radius:calc(10px * var(--r));height:9cqh;overflow:hidden}.jmini b{font-family:var(--font-display);font-weight:var(--dw);font-size:calc(clamp(12px, 2cqh, 15px) * var(--ds));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.jmini span{color:var(--ink-faint);align-items:center;gap:.3em;font-size:clamp(10px,1.6cqh,12px);display:inline-flex}@media (orientation:portrait){:root[data-map=side] .player{grid-template-rows:auto 1fr;grid-template-columns:1fr}.map-side .stations{flex-direction:row}.map-side .station{flex-direction:column;flex:1}.map-side .st-name{display:none}:root[data-stage=full] .words{width:auto;margin:auto 2cqw 2cqh}:root[data-stage=editorial] .stage,:root[data-stage=flip] .stage{grid-template-columns:1fr}}.detail,.d-tabs,.d-levels,.d-hint,.pins,.d-toggle,.d-close,.d-hub,.d-chev{display:none}:root:not([data-detail=none]) .stage{grid-template-columns:.7fr 1fr 1.05fr;grid-template-areas:"art words detail";gap:2.8cqw}:root:not([data-detail=none]) .stage-art{grid-area:art;height:min(100%,56cqh)}:root:not([data-detail=none]) .stage-art svg{max-height:56cqh}:root:not([data-detail=none]) .words{grid-area:words}:root:not([data-detail=none]) .headline{font-size:calc(clamp(20px, 4.4cqh, 38px) * var(--ds))}:root:not([data-detail=none]) .detail{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;border-radius:calc(20px * var(--r));background:var(--surface);min-width:0;min-height:0;max-height:100%;box-shadow:inset 0 0 0 1px var(--line), 0 18px 40px var(--shadow);flex-direction:column;grid-area:detail;gap:1.5cqh;padding:2.4cqh 1.6cqw;display:flex;overflow-y:auto}.d-head{justify-content:space-between;align-items:center;gap:1em;display:flex}.d-intro{color:var(--ink);margin:0;font-size:clamp(12.5px,2cqh,16px);font-weight:500;line-height:1.75}.d-items{--di:clamp(24px, 3.6cqh, 30px);gap:1.5cqh;display:grid}.d-item{gap:.5cqh;min-width:0;display:grid}.d-item-head{align-items:center;gap:10px;display:flex}.d-icon{width:var(--di);aspect-ratio:1;border-radius:calc(9px * var(--r));background:var(--accent-tint);color:var(--accent);flex:none;place-items:center;font-size:clamp(12px,1.9cqh,15px);display:grid}.d-title{font-family:var(--font-display);color:var(--ink);font-size:clamp(13px,2cqh,16px);font-weight:700;line-height:1.4}.d-text{color:var(--ink-soft);margin:0;padding-inline-start:calc(var(--di) + 10px);font-size:clamp(12px,1.8cqh,14.5px);line-height:1.8}.detail .verse{gap:1cqh;padding:1.6cqh 1.2cqw 1.4cqh}.detail .verse-ar{font-size:clamp(15px,2.7cqh,22px);line-height:2.05}.detail .verse.hadith .verse-quote{font-size:clamp(12.5px,2cqh,16px)}:root[data-detail=spread] .stage{border-radius:calc(14px * var(--r));background:var(--surface);box-shadow:0 0 0 1px var(--line), 0 30px 60px var(--shadow);grid-template:"art detail""words detail"minmax(0,1fr)/1fr 1fr;align-items:start;gap:2cqh 5cqw;margin-bottom:1cqh;padding:3.2cqh 3cqw;position:relative}:root[data-detail=spread] .stage:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, var(--ink) 50%, transparent);inset-block:0;width:70px;position:absolute;left:50%;translate:-50%}@supports (color:color-mix(in lab, red, red)){:root[data-detail=spread] .stage:after{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--ink) 9%, transparent) 50%, transparent)}}:root[data-detail=spread] .stage-art{justify-items:start;height:auto}:root[data-detail=spread] .stage-art svg{aspect-ratio:2.4;width:auto;height:15cqh;max-height:15cqh}:root[data-detail=spread] .words .verse{padding-block:1.2cqh}:root[data-detail=spread] .detail{box-shadow:none;background:0 0;align-self:center;padding:0}:root[data-detail=scroll] .detail{background:linear-gradient(90deg, var(--accent), var(--surface-2) 10%, var(--surface-2) 90%, var(--accent));border-radius:4px;margin-block:2.6cqh;position:relative;overflow:visible}@supports (color:color-mix(in lab, red, red)){:root[data-detail=scroll] .detail{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, var(--surface-2)), var(--surface-2) 10%, var(--surface-2) 90%, color-mix(in srgb, var(--accent) 8%, var(--surface-2)))}}:root[data-detail=scroll] .detail:before,:root[data-detail=scroll] .detail:after{content:"";background:linear-gradient(180deg, var(--accent-bright), var(--accent) 50%, var(--accent-deep));height:max(14px,2.2cqh);box-shadow:0 4px 10px var(--shadow);border-radius:99px;position:absolute;inset-inline:-12px}:root[data-detail=scroll] .detail:before{top:-1.1cqh}:root[data-detail=scroll] .detail:after{bottom:-1.1cqh}:root[data-detail=notes] .detail{box-shadow:none;border-inline-start:1px solid var(--line-strong);background:0 0;border-radius:0;padding:.5cqh 0;padding-inline-start:1.8cqw}:root[data-detail=notes] .d-items{counter-reset:dn;gap:1.8cqh}:root[data-detail=notes] .d-icon{display:none}:root[data-detail=notes] .d-item-head:before{counter-increment:dn;content:counter(dn);background:var(--accent);width:1.7em;height:1.7em;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;font-size:.75em;font-weight:700;display:grid}:root[data-detail=notes] .d-title{color:var(--accent-bright)}:root[data-detail=notes] .d-text{padding-inline-start:0}:root[data-detail=cards] .stage{grid-template-columns:.6fr .95fr 1.25fr}:root[data-detail=cards] .detail{box-shadow:none;background:0 0;padding:0}:root[data-detail=cards] .d-items{grid-template-columns:1fr 1fr;gap:1.2cqh .9cqw}:root[data-detail=cards] .d-item{border-radius:calc(16px * var(--r));background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);align-content:start;padding:1.6cqh 1cqw}:root[data-detail=cards] .d-item-head{flex-direction:column;align-items:flex-start;gap:.8cqh}:root[data-detail=cards] .d-text{padding:0}:root[data-detail=cards] .d-item:nth-of-type(3):last-of-type{grid-column:1/-1}:root[data-detail=accordion] .d-items{gap:0}:root[data-detail=accordion] .d-item{border-top:1px solid var(--line);padding:1.3cqh 0}:root[data-detail=accordion] .d-item-head{cursor:pointer}:root[data-detail=accordion] .d-item-head:hover .d-title{color:var(--accent-bright)}:root[data-detail=accordion] .d-chev{color:var(--ink-faint);margin-inline-start:auto;transition:transform .2s;display:block}:root[data-detail=accordion] .d-item.open .d-chev{transform:rotate(180deg)}:root[data-detail=accordion] .d-item:not(.open) .d-text{display:none}:root[data-detail=drawer] .stage{grid-template-columns:.95fr 1.05fr;grid-template-areas:"art words";position:relative}:root[data-detail=drawer] .stage-art{height:100%;max-height:66cqh}:root[data-detail=drawer] .stage-art svg{max-height:66cqh}:root[data-detail=drawer] .d-toggle{align-self:flex-start;display:inline-flex}:root[data-detail=drawer] .d-close{display:grid}:root[data-detail=drawer] .detail{z-index:5;background:var(--surface-2);width:min(470px,38cqw);max-height:none;box-shadow:0 30px 80px var(--shadow), inset 0 0 0 1px var(--line-strong);transform:translateX(calc(var(--dirx) * -115%));transition:transform .35s;animation:none;position:absolute;inset-block:0;inset-inline-start:-1cqw}:root[data-detail=drawer] .stage.drawer-open .detail{transform:none}:root[data-detail=tabs] .d-item:not(.on),:root[data-detail=index] .d-item:not(.on),:root[data-detail=pins] .d-item:not(.on){display:none}.d-tab{cursor:pointer;font:inherit;border-radius:calc(999px * var(--r));background:var(--bg-2);color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--line);border:0;align-items:center;gap:.45em;padding:.5em .95em;font-size:clamp(11px,1.7cqh,13px);display:inline-flex}.d-tab.on{background:var(--accent);color:var(--on-accent);box-shadow:none}:root[data-detail=tabs] .d-tabs{flex-wrap:wrap;gap:.7cqh .4cqw;display:flex}:root[data-detail=tabs] .d-item-head{display:none}:root[data-detail=tabs] .d-text,:root[data-detail=index] .d-text,:root[data-detail=pins] .d-text{color:var(--ink);padding:0;font-size:clamp(13px,2.1cqh,17px)}:root[data-detail=index] .detail{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"head head""intro intro""tabs items""proof proof";align-content:start;gap:1.5cqh 1.2cqw;display:grid}:root[data-detail=index] .d-head{grid-area:head}:root[data-detail=index] .d-intro{grid-area:intro}:root[data-detail=index] .d-tabs{border-inline-end:1px solid var(--line);flex-direction:column;grid-area:tabs;gap:.4cqh;padding-inline-end:.8cqw;display:flex}:root[data-detail=index] .d-items{grid-area:items;align-content:start}:root[data-detail=index] .d-proof{grid-area:proof}:root[data-detail=index] .d-tab{text-align:start;box-shadow:none;border-radius:calc(10px * var(--r));background:0 0;justify-content:flex-start;padding:.6em .7em}:root[data-detail=index] .d-tab.on{background:var(--accent-tint);color:var(--accent-bright)}:root[data-detail=index] .d-item-head .d-icon{display:none}:root[data-detail=pins] .stage-art{position:relative}:root[data-detail=pins] .stage-art svg{width:100%;height:100%}:root[data-detail=pins] .pins{pointer-events:none;display:block;position:absolute;inset:0}.pin{inset-inline-start:var(--px);top:var(--py);translate:calc(var(--dirx) * -50%) -50%;pointer-events:auto;aspect-ratio:1;cursor:pointer;background:var(--surface);width:clamp(30px,4.8cqh,40px);color:var(--accent);font-family:var(--font-display);box-shadow:0 8px 18px var(--shadow), inset 0 0 0 2px var(--accent);border:0;border-radius:50% 50% 50% 0;place-items:center;font-size:clamp(12px,1.9cqh,15px);font-weight:800;transition:background .2s,color .2s,scale .2s;display:grid;position:absolute;rotate:-45deg}.pin>span{rotate:45deg}.pin:hover{scale:1.1}.pin.on{background:var(--accent);color:var(--on-accent)}:root[data-detail=pins] .d-hint{color:var(--ink-faint);align-items:center;gap:.45em;margin:0;font-size:clamp(11px,1.7cqh,13px);display:flex}:root[data-detail=pins] .d-item-head .d-icon{background:var(--accent);color:var(--on-accent)}:root[data-detail=timeline] .detail{box-shadow:none;background:0 0;padding:0}:root[data-detail=timeline] .d-items{gap:0}:root[data-detail=timeline] .d-item{padding-bottom:2cqh;position:relative}:root[data-detail=timeline] .d-item:not(:last-of-type):before{content:"";top:var(--di);background:repeating-linear-gradient(180deg, var(--accent) 0 4px, transparent 4px 9px);width:2px;bottom:0;position:absolute;inset-inline-start:calc(var(--di) / 2 - 1px)}:root[data-detail=timeline] .d-icon{background:var(--bg);box-shadow:inset 0 0 0 2px var(--accent);border-radius:50%}:root[data-detail=qa] .detail{box-shadow:none;background:0 0;padding:0}:root[data-detail=qa] .d-item{gap:.8cqh}:root[data-detail=qa] .d-item-head{background:var(--accent);border-radius:16px;border-end-start-radius:4px;justify-self:start;padding:.55em 1em}:root[data-detail=qa] .d-item-head .d-title,:root[data-detail=qa] .d-item-head .d-icon{color:var(--on-accent);background:0 0}:root[data-detail=qa] .d-item-head .d-icon{width:auto}:root[data-detail=qa] .d-text{background:var(--surface);max-width:90%;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);border-radius:16px;border-end-end-radius:4px;justify-self:end;padding:.75em 1em}:root[data-detail=callouts] .detail{box-shadow:none;background:0 0;padding:0}:root[data-detail=callouts] .d-item{--c:var(--accent);border-radius:calc(12px * var(--r));background:var(--c);padding:1.3cqh 1.1cqw}@supports (color:color-mix(in lab, red, red)){:root[data-detail=callouts] .d-item{background:color-mix(in srgb, var(--c) 10%, var(--surface))}}:root[data-detail=callouts] .d-item{border-inline-start:4px solid var(--c)}:root[data-detail=callouts] .d-item:nth-of-type(3n+2){--c:var(--blue)}:root[data-detail=callouts] .d-item:nth-of-type(3n){--c:var(--ink-soft)}:root[data-detail=callouts] .d-icon{color:var(--c);background:0 0}:root[data-detail=callouts] .d-title{color:var(--c)}:root[data-detail=strip] .stage{grid-template:"art words"minmax(0,1fr)"detail detail"/.8fr 1.2fr;row-gap:1.8cqh}:root[data-detail=strip] .stage-art,:root[data-detail=strip] .stage-art svg{max-height:40cqh}:root[data-detail=strip] .detail{grid-template-columns:minmax(0,1fr) minmax(0,3.4fr) minmax(0,1.4fr);grid-template-areas:"head items proof""intro items proof";gap:.8cqh 1.2cqw;max-height:none;padding:1.6cqh 1.4cqw;display:grid;overflow:hidden}:root[data-detail=strip] .d-head{grid-area:head}:root[data-detail=strip] .d-intro{grid-area:intro;font-size:clamp(11px,1.7cqh,13px)}:root[data-detail=strip] .d-items{grid-area:items;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.8cqw}:root[data-detail=strip] .d-item{border-radius:calc(12px * var(--r));background:var(--bg-2);align-content:start;padding:1.1cqh .9cqw}:root[data-detail=strip] .d-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;padding:0;font-size:clamp(11px,1.6cqh,13px);line-height:1.6;display:-webkit-box;overflow:hidden}:root[data-detail=strip] .d-proof{grid-area:proof;align-self:center}:root[data-detail=glass] .stage{grid-template-columns:1fr 1fr;grid-template-areas:"words detail";align-items:center;gap:2.4cqw;padding:3cqh 2.4cqw}:root[data-detail=glass][data-stage=full] .stage-art{height:100%}:root[data-detail=glass][data-stage=full] .stage-art svg{max-height:none}:root[data-detail=glass][data-stage=full] .words{width:auto;margin:0}:root[data-detail=glass] .detail{background:var(--surface);position:relative}@supports (color:color-mix(in lab, red, red)){:root[data-detail=glass] .detail{background:color-mix(in srgb, var(--surface) 84%, transparent)}}:root[data-detail=glass] .detail{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px var(--shadow), inset 0 0 0 1px var(--line-strong)}:root[data-detail=notebook] .detail{--row:max(26px, 3.4cqh);border-inline-start:2px solid var(--accent);border-radius:6px;padding-inline-start:2.2cqw}@supports (color:color-mix(in lab, red, red)){:root[data-detail=notebook] .detail{border-inline-start:2px solid color-mix(in srgb, var(--accent) 55%, transparent)}}:root[data-detail=notebook] .detail{background:repeating-linear-gradient(180deg, transparent 0 calc(var(--row) - 1px), var(--blue) calc(var(--row) - 1px) var(--row)), var(--surface-2)}@supports (color:color-mix(in lab, red, red)){:root[data-detail=notebook] .detail{background:repeating-linear-gradient(180deg, transparent 0 calc(var(--row) - 1px), color-mix(in srgb, var(--blue) 24%, transparent) calc(var(--row) - 1px) var(--row)), var(--surface-2)}}:root[data-detail=notebook] .detail{background-attachment:local}:root[data-detail=notebook] .d-icon{display:none}:root[data-detail=notebook] .d-items{gap:0}:root[data-detail=notebook] .d-title{line-height:var(--row);-webkit-text-decoration:underline wavy var(--accent);-webkit-text-decoration:underline wavy var(--accent);-webkit-text-decoration:underline wavy var(--accent);text-decoration:underline wavy var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-detail=notebook] .d-title{-webkit-text-decoration:underline wavy color-mix(in srgb, var(--accent) 60%, transparent);-webkit-text-decoration:underline wavy color-mix(in srgb, var(--accent) 60%, transparent);-webkit-text-decoration:underline wavy color-mix(in srgb, var(--accent) 60%, transparent);text-decoration:underline wavy color-mix(in srgb, var(--accent) 60%, transparent)}}:root[data-detail=notebook] .d-title{text-underline-offset:5px}:root[data-detail=notebook] .d-text,:root[data-detail=notebook] .d-intro{line-height:var(--row);padding:0}:root[data-detail=mindmap] .detail{box-shadow:none;background:0 0;justify-content:center;padding:0}:root[data-detail=mindmap] .d-items{grid-template-columns:1fr 1fr;gap:9cqh 2cqw;padding-block:1cqh;position:relative}:root[data-detail=mindmap] .d-items:before{content:"";pointer-events:none;background:linear-gradient(to bottom right, transparent calc(50% - 1px), var(--line-strong) 50%, transparent calc(50% + 1px)), linear-gradient(to bottom left, transparent calc(50% - 1px), var(--line-strong) 50%, transparent calc(50% + 1px));position:absolute;inset:18% 20%}:root[data-detail=mindmap] .d-hub{z-index:2;text-align:center;background:var(--accent);max-width:42%;color:var(--on-accent);font-family:var(--font-display);box-shadow:0 0 0 8px var(--accent-tint);border-radius:999px;place-items:center;padding:1.1cqh 1.2cqw;font-size:clamp(12px,1.9cqh,15px);font-weight:800;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}:root[data-detail=mindmap] .d-item{z-index:1;border-radius:calc(14px * var(--r));background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), 0 8px 20px var(--shadow);align-content:start;padding:1.2cqh .9cqw;position:relative}:root[data-detail=mindmap] .d-text{padding:0;font-size:clamp(11px,1.6cqh,13px);line-height:1.6}:root[data-detail=mindmap] .d-item:nth-of-type(3):last-of-type{grid-column:1/-1;justify-self:center;width:56%}:root[data-detail=prooffirst] .d-head{order:-2}:root[data-detail=prooffirst] .d-proof{order:-1}:root[data-detail=prooffirst] .d-proof .verse-ar{font-size:clamp(17px,3.1cqh,26px)}:root[data-detail=levels] .d-levels{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;gap:2px;padding:3px;display:flex}.d-level{cursor:pointer;font:inherit;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;padding:.35em .85em;font-size:clamp(11px,1.6cqh,13px)}.d-level.on{background:var(--accent);color:var(--on-accent)}:root[data-detail=levels] .detail[data-level="1"] .d-items,:root[data-detail=levels] .detail[data-level="1"] .d-proof,:root[data-detail=levels] .detail[data-level="2"] .d-text,:root[data-detail=levels] .detail[data-level="2"] .d-proof{display:none}:root[data-detail=levels] .detail[data-level="1"] .d-intro{font-size:clamp(15px,2.6cqh,21px);line-height:1.7}:root[data-detail=recommended] .detail{border-top:3px solid var(--accent)}:root[data-detail=recommended] .d-items{gap:0}:root[data-detail=recommended] .d-item{border-top:1px dashed var(--line-strong);padding-block:1.3cqh}:root[data-detail=recommended] .d-item:first-of-type{border-top:0;padding-top:.2cqh}@media (orientation:portrait){:root:not([data-detail=none]) .stage{grid-template-columns:1fr;grid-template-areas:"art""words""detail";overflow-y:auto}}button.map-node,button.st-dot{cursor:pointer;font:inherit;border:0;padding:0}.map-node:hover{scale:1.12}.map-trail{fill:none;stroke:var(--accent-tint);stroke-width:14px;stroke-linecap:round;vector-effect:non-scaling-stroke}.map-node:not(.now) .map-label{opacity:0;pointer-events:none;transition:opacity .15s}.map-node:not(.now):hover .map-label,.map-node:not(.now):focus-visible .map-label{opacity:1}.map-node.now{animation:2.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}button.st-dot:hover{box-shadow:inset 0 0 0 2px var(--accent)}.skin-dot{border-radius:50%;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 1px #00000026}.skin-item{justify-content:flex-start!important}.skin-item .icon{margin-inline-start:auto}:root:not([data-detail=none]) .headline{font-size:calc(clamp(24px, 5.8cqh, 52px) * var(--ds));line-height:1.25}:root:not([data-detail=none]) .line{color:var(--ink);font-size:clamp(15px,2.7cqh,23px);font-weight:400}:root:not([data-detail=none]) .point{font-size:clamp(14px,2.45cqh,20px)}:root:not([data-detail=none]) .points{gap:1.3cqh}:root:not([data-detail=none]) .words .verse-ar{font-size:clamp(17px,3.3cqh,28px)}:root:not([data-detail=none]) .w-head,:root:not([data-detail=none]) .w-body{gap:1.8cqh}:root:not([data-detail=none]) .detail{gap:1.3cqh}:root:not([data-detail=none]) .d-intro{color:var(--ink-soft);font-size:clamp(12px,1.8cqh,14.5px);line-height:1.75}:root:not([data-detail=none]) .d-items{--di:clamp(20px, 3cqh, 26px);gap:1.2cqh}:root:not([data-detail=none]) .d-icon{font-size:clamp(11px,1.6cqh,13px)}:root:not([data-detail=none]) .d-title{font-size:clamp(12px,1.75cqh,14.5px)}:root:not([data-detail=none]) .d-text{font-size:clamp(11.5px,1.6cqh,13.5px);line-height:1.8}:root:not([data-detail=none]) .detail .verse-ar{font-size:clamp(14px,2.4cqh,20px)}:root:not([data-detail=none]) .detail .verse.hadith .verse-quote{font-size:clamp(12px,1.8cqh,14.5px)}:root[data-home=map] .shelf-head{display:none}:root[data-home=map] .shelf{grid-template-rows:1fr;padding-block:2cqh}:root[data-home=map] .cards.home-map{margin-inline:0}:root[data-home=map] .jnode{width:clamp(44px,7.6cqh,66px);color:var(--accent);font-size:clamp(16px,2.8cqh,23px)}:root[data-home=map] .jnode.open{width:clamp(58px,10.4cqh,90px);color:var(--on-accent);font-size:clamp(22px,3.8cqh,32px)}.jcard{border-radius:calc(16px * var(--r));background:var(--surface);gap:.4cqh;width:min(17cqw,280px);max-width:none;padding:1.3cqh 1.1cqw 1.4cqh}@supports (color:color-mix(in lab, red, red)){.jcard{background:color-mix(in srgb, var(--surface) 92%, transparent)}}.jcard{box-shadow:inset 0 0 0 1px var(--line), 0 10px 26px var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:start!important}.jnode.open .jcard{box-shadow:inset 0 0 0 1.5px var(--accent), 0 16px 36px var(--accent)}@supports (color:color-mix(in lab, red, red)){.jnode.open .jcard{box-shadow:inset 0 0 0 1.5px var(--accent), 0 16px 36px color-mix(in srgb, var(--accent) 22%, transparent)}}.jnode:not(.open) .jcard{opacity:.9}.jc-top{color:var(--ink-faint);justify-content:space-between;align-items:center;gap:.6em;font-size:clamp(10px,1.5cqh,12px);display:flex}.jc-num{color:var(--accent);font-weight:600}.jc-steps,.jc-lock,.jc-cta{align-items:center;gap:.35em;display:inline-flex}:root[data-home=map] .jcard .jn-title{font-size:calc(clamp(15px, 2.5cqh, 21px) * var(--ds));color:var(--ink)}:root[data-home=map] .jnode.open .jcard .jn-title{font-size:calc(clamp(17px, 2.9cqh, 25px) * var(--ds))}:root[data-home=map] .jcard .jn-sub{font-size:clamp(11px,1.7cqh,14px)}.jc-lock{color:var(--ink-faint);margin-top:.3cqh;font-size:clamp(10px,1.5cqh,12px)}.jc-cta{border-radius:calc(999px * var(--r));background:var(--accent);color:var(--on-accent);align-self:flex-start;margin-top:.6cqh;padding:.45em 1em;font-size:clamp(11px,1.6cqh,13px);font-weight:600}.jregion{z-index:1;left:50%;top:var(--y);white-space:nowrap;background:var(--bg);color:var(--accent-bright);box-shadow:inset 0 0 0 1px var(--accent);border-radius:99px;align-items:center;gap:.45em;padding:.4em 1em;display:inline-flex;position:absolute;translate:-50% -50%}@supports (color:color-mix(in lab, red, red)){.jregion{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent)}}.jregion{font-family:var(--font-display);font-size:clamp(11px,1.7cqh,14px);font-weight:700}:root,:root[data-skin=map]{--bg:#efe2c4;--ink:#3b2a17;--accent:#b5462f;--blue:#2f6b5e;--accent-tint:#b5462f21;--blue-tint:#2f6b5e21;--line:#3b2a171c;--line-strong:#3b2a1733;--accent-deep:#811500;--r:.8;--dw:800;--ds:1;--pattern:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2740%27%20height%3D%2740%27%20viewBox%3D%270%200%2040%2040%27%3E%3Cpath%20d%3D%27M0%200l40%2040M40%200L0%2040%27%20stroke%3D%27%23b5462f%27%20stroke-opacity%3D%270.06%27%2F%3E%3C%2Fsvg%3E);--bg-2:#ebdec0;--surface:#f9f5ea;--surface-2:#fdfbf6;--ink-soft:#66553f;--ink-faint:#908068;--accent-bright:#94260f;--on-accent:#fff;--shadow:#281e1421;--art-sky:#c5c7ad;--art-deep:#64533e;--art-mid:#869f8a;--art-soft:#dcd6b9;--art-warm:#e5c0a2;--art-cloud:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports (color:lab(0% 0 0)){:root,:root[data-skin=map]{--accent-tint:lab(45.4196% 44.9604 37.7224/.13);--blue-tint:lab(40.9787% -23.042 1.07819/.13);--line:lab(18.7348% 6.15291 15.5735/.11);--line-strong:lab(18.7348% 6.15291 15.5735/.2);--accent-deep:lab(27.7793% 45.7857 43.5955);--bg-2:lab(88.9228% 1.13642 16.3749);--surface:lab(96.6317% .237048 5.64175);--surface-2:lab(98.5574% .0855625 2.40711);--ink-soft:lab(37.3664% 4.64152 15.4412);--ink-faint:lab(54.555% 3.41481 15.6714);--accent-bright:lab(34.0846% 45.4473 41.4155);--art-sky:lab(79.4943% -4.22338 12.9745);--art-deep:lab(36.65% 4.69509 15.4356);--art-mid:lab(63.2018% -12.1472 7.87524);--art-soft:lab(85.4182% -1.34906 14.8442);--art-warm:lab(80.4867% 10.5662 20.2239)}}:root:not(:lang(he)),:root:not(:lang(he))[data-skin=map]{--font-display:"Kufam", "IBM Plex Sans Arabic", "Readex Pro", sans-serif;--font-body:"IBM Plex Sans Arabic", "Readex Pro", sans-serif}:root[data-skin=metro]{--bg:#101820;--ink:#f2f2f2;--accent:#fee715;--blue:#5bc0eb;--accent-tint:#fee71521;--blue-tint:#5bc0eb21;--line:#f2f2f217;--line-strong:#f2f2f229;--accent-deep:#a59400;--r:1;--dw:700;--ds:1;--pattern:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%278%27%20height%3D%278%27%20viewBox%3D%270%200%208%208%27%3E%3C%2Fsvg%3E);--bg-2:#171f27;--surface:#1d242c;--surface-2:#242c34;--ink-soft:#a1a5a8;--ink-faint:#6b7176;--accent-bright:#feee78;--on-accent:#060d14;--shadow:#0006;--art-sky:#040a12;--art-deep:#171f27;--art-mid:#264556;--art-soft:#1e262e;--art-warm:#2f352b;--art-cloud:#f2f2f2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root[data-skin=metro]{--accent-tint:lab(91.4076% -4.98393 87.2999/.13);--blue-tint:lab(72.9918% -21.075 -30.8882/.13);--line:lab(95.4935% 0 -.0000119209/.09);--line-strong:lab(95.4935% 0 -.0000119209/.16);--accent-deep:lab(61.3939% -1.91593 130.991);--bg-2:lab(11.2593% -1.81419 -6.62997);--surface:lab(13.8945% -1.81237 -6.44194);--surface-2:lab(17.407% -1.79087 -6.1859);--ink-soft:lab(67.4226% -.743568 -2.27054);--ink-faint:lab(47.2447% -1.24249 -3.88341);--accent-bright:lab(93.7504% -5.4245 58.3988);--on-accent:lab(3.25723% -.849471 -4.63834);--art-sky:lab(2.64522% -.710152 -4.08667);--art-deep:lab(11.2593% -1.81419 -6.62997);--art-mid:lab(27.3192% -7.58754 -14.0828);--art-soft:lab(14.7727% -1.80882 -6.37844);--art-warm:lab(21.2378% -4.15337 5.40209)}}:root:not(:lang(he))[data-skin=metro]{--font-display:"Rubik", "Rubik", "Readex Pro", sans-serif;--font-body:"Rubik", "Readex Pro", sans-serif}:root[data-skin=compass]{--bg:#0e1a14;--ink:#eaf2e3;--accent:#e3b23c;--blue:#7fc8a9;--accent-tint:#e3b23c21;--blue-tint:#7fc8a921;--line:#eaf2e317;--line-strong:#eaf2e329;--accent-deep:#976f00;--r:.9;--dw:700;--ds:1;--pattern:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2744%27%20height%3D%2744%27%20viewBox%3D%270%200%2044%2044%27%3E%3Cpath%20d%3D%27M22%206l16%2016-16%2016L6%2022z%27%20fill%3D%27none%27%20stroke%3D%27%23e3b23c%27%20stroke-opacity%3D%270.05%27%2F%3E%3C%2Fsvg%3E);--bg-2:#15211b;--surface:#1a2620;--surface-2:#222e27;--ink-soft:#9ca599;--ink-faint:#677268;--accent-bright:#ebc779;--on-accent:#040f09;--shadow:#0006;--art-sky:#030c07;--art-deep:#15211b;--art-mid:#2c483c;--art-soft:#1c2821;--art-warm:#2c2f1d;--art-cloud:#eaf2e3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root[data-skin=compass]{--accent-tint:lab(75.6256% 10.1762 63.7856/.13);--blue-tint:lab(75.16% -29.0231 8.00155/.13);--line:lab(94.5755% -4.71902 6.29545/.09);--line-strong:lab(94.5755% -4.71902 6.29545/.16);--accent-deep:lab(49.8946% 12.3829 83.2863);--bg-2:lab(11.4197% -6.82268 2.57994);--surface:lab(14.0184% -6.74637 2.69538);--surface-2:lab(17.4834% -6.64836 2.84956);--ink-soft:lab(66.8572% -5.39371 5.05527);--ink-faint:lab(46.9345% -5.88536 4.16431);--accent-bright:lab(82.0467% 6.11332 43.4671);--on-accent:lab(3.39484% -3.59995 1.27117);--art-sky:lab(2.76916% -3.12889 1.10481);--art-deep:lab(11.4197% -6.82268 2.57994);--art-mid:lab(28.1163% -13.5579 4.09838);--art-soft:lab(14.8846% -6.72156 2.73393);--art-warm:lab(18.8049% -4.60768 11.1979)}}:root:not(:lang(he))[data-skin=compass]{--font-display:"Changa", "Readex Pro", "Readex Pro", sans-serif;--font-body:"Readex Pro", "Readex Pro", sans-serif}.matn{border-block:1px solid var(--accent);gap:1cqh;padding:2.2cqh 1.4cqw 1.8cqh;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.matn{border-block:1px solid color-mix(in srgb, var(--accent) 38%, transparent)}}.matn{color:var(--ink);font-family:Amiri,Amiri Quran,serif}.matn:before{content:"✦";background:var(--bg);color:var(--accent);padding:0 .8em;font-size:13px;line-height:1;position:absolute;top:0;left:50%;transform:translate(-50%,-55%)}.matn-p{margin:0;font-size:clamp(15px,2.45cqh,22px);line-height:1.9}.matn-p.short{text-align:center;color:var(--ink-soft);font-size:clamp(14px,2.1cqh,18px);line-height:1.7}.matn.big .matn-p{font-size:clamp(18px,3.5cqh,30px);line-height:2.05}.gloss{font:inherit;color:inherit;cursor:help;-webkit-text-decoration:underline dotted var(--accent);-webkit-text-decoration:underline dotted var(--accent);-webkit-text-decoration:underline dotted var(--accent);text-decoration:underline dotted var(--accent);background:0 0;border:0;padding:0;display:inline;position:relative}@supports (color:color-mix(in lab, red, red)){.gloss{-webkit-text-decoration:underline dotted color-mix(in srgb, var(--accent) 70%, transparent);-webkit-text-decoration:underline dotted color-mix(in srgb, var(--accent) 70%, transparent);-webkit-text-decoration:underline dotted color-mix(in srgb, var(--accent) 70%, transparent);text-decoration:underline dotted color-mix(in srgb, var(--accent) 70%, transparent)}}.gloss{text-underline-offset:.35em;text-decoration-thickness:1.5px}.gloss:hover,.gloss.open{color:var(--accent-bright)}.gloss-pop{z-index:20;border-radius:calc(12px * var(--r));background:var(--ink);width:max-content;max-width:260px;color:var(--bg);font-family:var(--font-body);text-align:center;box-shadow:0 12px 28px var(--shadow);opacity:0;pointer-events:none;padding:.55em .9em;font-size:clamp(12px,1.8cqh,14px);line-height:1.6;transition:opacity .15s,translate .15s;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50% 4px}.gloss:hover .gloss-pop,.gloss.open .gloss-pop,.gloss:focus-visible .gloss-pop{opacity:1;translate:-50%}:root:not([data-detail=none]) .stage.no-detail{grid-template-columns:.55fr 1.45fr;grid-template-areas:"art words"}.soon-note{color:var(--ink-faint);align-items:center;gap:.5em;margin:0;font-size:clamp(12px,1.9cqh,15px);display:inline-flex}.quiz-cta{align-self:flex-start}a.up-next{text-decoration:none}a.up-next:hover{box-shadow:inset 0 0 0 1px var(--blue)}.feedback{align-content:start;gap:1.6cqh;display:grid}.seg{border-radius:calc(999px * var(--r));background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);gap:4px;padding:4px;display:flex}.seg button{cursor:pointer;border-radius:calc(999px * var(--r));color:var(--ink-soft);font:inherit;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:.45em;padding:.55em .8em;font-size:clamp(12px,1.8cqh,14px);display:inline-flex}.seg button.on{background:var(--surface-2);color:var(--ink);box-shadow:0 2px 8px var(--shadow)}.fb-body{justify-items:start;gap:1.2cqh;display:grid}.stars{gap:.4cqw;display:flex}.star{cursor:pointer;color:var(--line-strong);background:0 0;border:0;place-items:center;padding:2px;font-size:clamp(22px,4cqh,32px);display:grid}.star .icon{width:1em;height:1em}.star.on{color:#e0a526}.star.on .icon{fill:currentColor}.field{resize:none;border-radius:calc(12px * var(--r));background:var(--surface);width:100%;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink);font:inherit;border:0;padding:.8em 1em;font-size:clamp(13px,2cqh,15px);line-height:1.6}.field:focus{box-shadow:inset 0 0 0 1.5px var(--accent);outline:none}.fb-count{color:var(--ink-faint);font-size:12px}.fb-error{color:var(--accent-bright);align-items:center;gap:.5em;margin:0;font-size:clamp(12px,1.8cqh,14px);display:flex}.fb-done{color:var(--blue);align-items:center;gap:.5em;margin:0;font-weight:500;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{cursor:pointer;border-radius:calc(999px * var(--r));background:var(--surface);color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--line-strong);font:inherit;border:0;padding:.45em .9em;font-size:clamp(12px,1.7cqh,13px)}.chip.on{background:var(--accent-tint);color:var(--accent-bright);box-shadow:inset 0 0 0 1px var(--accent)}.quiz{grid-template-rows:auto 1fr;place-items:center;gap:2cqh;min-height:0;padding:0 4cqw;display:grid}.quiz:has(>.quiz-card:only-child){grid-template-rows:1fr}.quiz-card{border-radius:calc(24px * var(--r));background:var(--surface);width:min(880px,100%);box-shadow:inset 0 0 0 1px var(--line), 0 20px 50px var(--shadow);flex-direction:column;gap:2cqh;padding:3.2cqh 3cqw;display:flex;position:relative;overflow:hidden}.intro-card{align-items:flex-start;width:min(720px,100%)}.quiz-facts{flex-wrap:wrap;gap:1cqh 2.4cqw;margin:0;padding:0;list-style:none;display:flex}.quiz-facts li{color:var(--ink-soft);align-items:center;gap:.45em;font-size:clamp(13px,2.1cqh,17px);display:inline-flex}.quiz-facts b{color:var(--ink);font-family:var(--font-display)}.quiz-top{justify-content:space-between;align-items:center;gap:2cqw;width:min(880px,100%);display:flex}.quiz-dots{flex-wrap:wrap;gap:6px;display:flex}.qdot{aspect-ratio:1;cursor:pointer;background:var(--bg-2);width:clamp(26px,4cqh,34px);color:var(--ink-faint);box-shadow:inset 0 0 0 1.5px var(--line-strong);font-family:var(--font-display);border:0;border-radius:50%;place-items:center;font-size:clamp(11px,1.6cqh,13px);display:grid}.qdot.done{background:var(--accent-tint);color:var(--accent-bright);box-shadow:inset 0 0 0 1.5px var(--accent)}@supports (color:color-mix(in lab, red, red)){.qdot.done{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 50%, transparent)}}.qdot.now{box-shadow:inset 0 0 0 2px var(--accent), 0 0 0 4px var(--accent-tint);color:var(--ink)}.qdot.ok{background:var(--blue)}@supports (color:color-mix(in lab, red, red)){.qdot.ok{background:color-mix(in srgb, var(--blue) 22%, transparent)}}.qdot.ok{color:var(--blue);box-shadow:none}.qdot.part{color:#e0a526;background:#e0a52640}@supports (color:color-mix(in lab, red, red)){.qdot.part{color:color-mix(in srgb, #e0a526 70%, var(--ink))}}.qdot.part{box-shadow:none}.qdot.bad{background:var(--accent-tint);color:var(--accent-bright);box-shadow:none}.qdot.now.ok,.qdot.now.part,.qdot.now.bad{box-shadow:0 0 0 3px var(--line-strong)}.timer{border-radius:calc(999px * var(--r));background:linear-gradient(90deg, var(--accent-tint) var(--p), transparent var(--p)), var(--surface);box-shadow:inset 0 0 0 1px var(--line-strong);font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);align-items:center;gap:.45em;padding:.45em 1em;display:inline-flex}[dir=rtl] .timer{background:linear-gradient(-90deg, var(--accent-tint) var(--p), transparent var(--p)), var(--surface)}.timer.low{color:var(--accent-bright);box-shadow:inset 0 0 0 1.5px var(--accent)}.q-text{font-family:var(--font-display);font-weight:700;font-size:calc(clamp(18px, 3.4cqh, 30px) * var(--ds));color:var(--ink);margin:0;line-height:1.45}.options{gap:1.2cqh;display:grid}.option{text-align:start;cursor:pointer;border-radius:calc(14px * var(--r));background:var(--bg-2);width:100%;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong);font:inherit;border:0;align-items:center;gap:.9em;padding:1.5cqh 1.3cqw;font-size:clamp(14px,2.3cqh,19px);line-height:1.5;transition:box-shadow .15s,background .15s;display:flex}.option:hover{box-shadow:inset 0 0 0 1px var(--accent)}.option.on{background:var(--accent-tint);box-shadow:inset 0 0 0 1.5px var(--accent)}.opt-mark{aspect-ratio:1;width:1.6em;box-shadow:inset 0 0 0 1.5px var(--line-strong);color:#0000;border-radius:50%;flex:none;place-items:center;font-size:.9em;display:grid}.option.multi .opt-mark{border-radius:calc(6px * var(--r))}.option.on .opt-mark{background:var(--accent);color:var(--on-accent);box-shadow:none}.opt-text{gap:.3em;display:grid}.opt-why{color:var(--ink-soft);font-size:.8em;font-weight:400}.options.reviewing .option{cursor:default}.options.reviewing .option:hover{box-shadow:inset 0 0 0 1px var(--line-strong)}.option.right{background:var(--blue)}@supports (color:color-mix(in lab, red, red)){.option.right{background:color-mix(in srgb, var(--blue) 14%, transparent)}}.option.right{box-shadow:inset 0 0 0 1.5px var(--blue)!important}.option.right .opt-mark{background:var(--blue);color:#fff;box-shadow:none}.option.wrong{background:var(--accent-tint);box-shadow:inset 0 0 0 1.5px var(--accent)!important}.option.wrong .opt-mark{background:var(--accent);color:var(--on-accent)}.option:not(.on):not(.right) .opt-mark .icon,.options:not(.reviewing) .option:not(.on) .opt-mark .icon{opacity:0}.guidance{border-radius:calc(14px * var(--r));gap:.6cqh;padding:1.6cqh 1.4cqw;font-size:clamp(13px,2cqh,16px);line-height:1.7;display:grid}.guidance b{align-items:center;gap:.45em;display:inline-flex}.guidance.ok{background:var(--blue)}@supports (color:color-mix(in lab, red, red)){.guidance.ok{background:color-mix(in srgb, var(--blue) 12%, transparent)}}.guidance.ok{color:var(--ink)}.guidance.ok b{color:var(--blue)}.guidance.part{background:#e0a52624}.guidance.bad{background:var(--accent-tint)}.guidance.bad b{color:var(--accent-bright)}.result-card{text-align:center;align-items:center;width:min(640px,100%)}.score-ring{--size:clamp(120px, 22cqh, 190px);width:var(--size);aspect-ratio:1;background:conic-gradient(var(--accent) var(--p), var(--line) 0);border-radius:50%;place-items:center;display:grid;position:relative;-webkit-mask:none;mask:none}.result-card.pass .score-ring{background:conic-gradient(var(--blue) var(--p), var(--line) 0)}.score-ring:before{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:10px}.score-ring>span{font-family:var(--font-display);font-weight:800;font-size:calc(var(--size) * .26);color:var(--ink);position:relative}.result-card .headline{font-size:calc(clamp(22px, 4.6cqh, 40px) * var(--ds))}.score-sub{color:var(--ink-faint);margin:0;font-size:clamp(12px,1.9cqh,15px)}.result-actions{flex-wrap:wrap;justify-content:center;gap:1cqw;display:flex}.confetti{pointer-events:none;position:absolute;inset:0}.confetti i{background:var(--accent);border-radius:2px;width:8px;height:12px;position:absolute;top:0}.confetti i:nth-child(3n){background:var(--blue)}.confetti i:nth-child(3n+1){background:#e0a526}@media (orientation:portrait){:root:not([data-detail=none]) .stage.no-detail{grid-template-columns:1fr;grid-template-areas:"art""words"}}.stage{--fit-w:1;--fit-d:1}.stage .words{font-size:calc(16px * var(--fit-w))}:root:not([data-detail=none]) .stage .headline{font-size:calc(clamp(24px, 5.8cqh, 52px) * var(--ds) * var(--fit-w))}:root:not([data-detail=none]) .stage .line{font-size:calc(clamp(15px, 2.7cqh, 23px) * var(--fit-w))}:root:not([data-detail=none]) .stage .point{font-size:calc(clamp(14px, 2.45cqh, 20px) * var(--fit-w))}.stage .matn-p{font-size:calc(clamp(15px, 2.45cqh, 22px) * var(--fit-w))}.stage .matn-p.short{font-size:calc(clamp(14px, 2.1cqh, 18px) * var(--fit-w))}.stage .matn.big .matn-p{font-size:calc(clamp(18px, 3.5cqh, 30px) * var(--fit-w))}.stage .summary-item{font-size:calc(clamp(13px, 2.2cqh, 18px) * var(--fit-w))}:root:not([data-detail=none]) .stage .d-intro{font-size:calc(clamp(12px, 1.8cqh, 14.5px) * var(--fit-d))}:root:not([data-detail=none]) .stage .d-title{font-size:calc(clamp(12px, 1.75cqh, 14.5px) * var(--fit-d))}:root:not([data-detail=none]) .stage .d-text{font-size:calc(clamp(11.5px, 1.6cqh, 13.5px) * var(--fit-d))}:root:not([data-detail=none]) .stage .detail .verse-ar{font-size:calc(clamp(14px, 2.4cqh, 20px) * var(--fit-d))}:root:not([data-detail=none]) .stage .detail .verse-quote{font-size:calc(clamp(12px, 1.8cqh, 14.5px) * var(--fit-d))}@media (max-width:760px),(orientation:landscape) and (max-height:520px){html,body{height:auto;overflow:auto}.screen{width:100%;height:auto;min-height:100dvh;container-type:normal}.topbar{gap:8px;padding:12px 16px 8px}.topbar .bar-mid{display:none}.bar-end{gap:6px}.bar-end .dropdown>.btn{gap:.3em;padding:.6em .7em}.bar-end .dropdown>.btn>span,.bar-end .dropdown>.btn>.icon:last-child{display:none}.brand{font-size:20px}.home{grid-template-columns:1fr;gap:24px;padding:8px 16px 0}.intro{gap:14px}.title{font-size:34px}.lede{max-width:none;font-size:15px}.shelf{display:block}.footline{text-align:center;flex-wrap:wrap;padding:16px}.player{gap:12px;padding:0 16px}.progress.map-road{height:44px;margin-inline:0}.map-label{display:none}:root:not([data-detail=none]) .stage,:root:not([data-detail=none]) .stage.no-detail{grid-template-columns:1fr;grid-template-areas:"art""words""detail";align-items:start;gap:18px}.stage .words,.stage .detail{font-size:16px}:root:not([data-detail=none]) .stage .headline{font-size:30px}:root:not([data-detail=none]) .stage .line{font-size:17px}.stage .matn-p{font-size:20px}.stage .matn.big .matn-p{font-size:22px}:root:not([data-detail=none]) .stage .point{font-size:16px}:root:not([data-detail=none]) .stage .d-intro,:root:not([data-detail=none]) .stage .d-title{font-size:15px}:root:not([data-detail=none]) .stage .d-text{font-size:14px}:root:not([data-detail=none]) .stage .detail .verse-ar{font-size:22px}:root:not([data-detail=none]) .detail{padding:16px}.summary{grid-template-columns:1fr}.controls{z-index:5;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--bg);position:sticky;bottom:0}@supports (color:color-mix(in lab, red, red)){.controls{background:color-mix(in srgb, var(--bg) 92%, transparent)}}.controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-wide{min-width:0}.quiz{align-items:start;padding:0 16px 16px}.quiz-card{gap:14px;padding:20px 16px}.q-text{font-size:21px}.option{padding:12px;font-size:16px}.quiz-top{flex-wrap:wrap}}.about-screen{overflow:hidden}.about-page{overscroll-behavior:contain;align-content:start;gap:clamp(18px,3cqh,30px);width:min(1080px,100%);min-height:0;margin:0 auto;padding:2cqh 4cqw 5cqh;display:grid;overflow-y:auto}.about-hero{gap:1.2cqh;max-width:780px;display:grid}.about-hero h1{font-family:var(--font-display);font-size:calc(clamp(30px, 6cqh, 58px) * var(--ds));color:var(--ink);margin:0;line-height:1.28}.about-hero p{max-width:68ch;color:var(--ink-soft);margin:0;font-size:clamp(15px,2.3cqh,19px);line-height:1.9}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2cqh,20px);display:grid}.about-card{border-radius:calc(20px * var(--r));background:var(--surface);min-width:0;box-shadow:inset 0 0 0 1px var(--line);align-items:flex-start;gap:1em;padding:clamp(18px,2.5cqh,26px);display:flex}.about-card-wide{grid-column:1/-1}.about-icon{aspect-ratio:1;background:var(--accent-tint);width:2.7em;color:var(--accent-bright);border-radius:50%;flex:none;place-items:center;display:grid}.about-card h2,.founder-card h2{font-family:var(--font-display);font-size:calc(clamp(19px, 3cqh, 27px) * var(--ds));margin:0;line-height:1.4}.about-card p,.founder-copy p{color:var(--ink-soft);margin:.55em 0 0;font-size:clamp(13.5px,2cqh,16px);line-height:1.85}.founder-card{border-radius:calc(24px * var(--r));background:linear-gradient(135deg, var(--accent-tint), transparent 62%), var(--surface);box-shadow:inset 0 0 0 1px var(--accent);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(18px,3cqw,38px);padding:clamp(22px,3.6cqh,38px);display:grid}@supports (color:color-mix(in lab, red, red)){.founder-card{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 34%, transparent)}}.founder-mark{aspect-ratio:1;width:clamp(82px,13cqh,126px);color:var(--on-accent);background:var(--accent);box-shadow:0 0 0 10px var(--accent-tint);border-radius:50%;place-items:center;font-family:Amiri,serif;font-size:clamp(38px,7cqh,66px);font-weight:700;display:grid}.founder-copy{min-width:0}.founder-copy .eyebrow{margin-bottom:.45em}.founder-role{font-weight:500;color:var(--ink)!important}.founder-link{margin-top:1.2em}.about-home-link{color:var(--accent-bright);align-items:center;gap:.4em;text-decoration:none;display:inline-flex}.about-home-link:hover{text-underline-offset:.25em;text-decoration:underline}@media (max-width:760px),(orientation:landscape) and (max-height:520px){.about-page{gap:18px;width:100%;padding:18px 16px 40px}.about-hero h1{font-size:34px}.about-grid{grid-template-columns:1fr}.about-card-wide{grid-column:auto}.founder-card{grid-template-columns:1fr;justify-items:start}.founder-mark{width:78px;box-shadow:0 0 0 7px var(--accent-tint);font-size:42px}}.page-loading{min-height:100dvh;color:var(--accent);place-items:center;display:grid}.page-loading .icon{opacity:0;width:34px;height:34px;animation:.2s .35s forwards fade-in,1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{to{opacity:.85}}@media (prefers-reduced-motion:reduce){.page-loading .icon{animation:.2s .35s forwards fade-in}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gate-bar,.gate-list{box-sizing:border-box;align-self:stretch;width:100%}.gate-bar{background:var(--bg-2);height:10px;box-shadow:inset 0 0 0 1px var(--line);border-radius:99px;position:relative;overflow:visible}.gate-bar i{border-radius:inherit;background:var(--accent);height:100%;transition:width .4s;display:block}.gate-bar b{background:var(--ink);border-radius:2px;width:2px;position:absolute;top:-4px;bottom:-4px;translate:-50%}[dir=rtl] .gate-bar b{translate:50%}.gate-list{gap:6px;max-height:32cqh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.gate-list a{border-radius:calc(10px * var(--r));background:var(--bg-2);color:var(--ink);align-items:center;gap:.55em;padding:.55em .8em;font-size:clamp(13px,1.9cqh,15px);text-decoration:none;display:flex}.gate-list a:hover{box-shadow:inset 0 0 0 1px var(--accent)}.gate-list .icon{width:1em;height:1em;color:var(--accent);flex:none}.gate-list span{flex:1;min-width:0}.gate-list small{color:var(--ink-faint);font-variant-numeric:tabular-nums}.gate-card .headline{font-size:clamp(22px,4.6cqh,38px)}@media (max-width:760px),(orientation:landscape) and (max-height:520px){.gate-card .headline{font-size:26px}}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000006b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{border-radius:calc(22px * var(--r));background:var(--surface);width:min(460px,100%);max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:0 30px 70px -20px var(--shadow), inset 0 0 0 1px var(--line);outline:none;padding:28px 26px 24px;position:relative;overflow:auto}.modal-x{top:12px;position:absolute;inset-inline-end:12px}.motivation{text-align:center;justify-items:center;gap:14px;display:grid}.motivation-icon{background:var(--accent);width:60px;height:60px;color:var(--on-accent);box-shadow:0 0 0 8px var(--accent-tint);border-radius:50%;place-items:center;font-size:24px;display:grid}.motivation-title{font-family:var(--font-display);margin:6px 0 0;font-size:24px;line-height:1.3}.motivation-word{border-radius:calc(14px * var(--r));background:var(--accent-tint);gap:6px;width:100%;margin:0;padding:14px 16px;display:grid}.motivation-word p{color:var(--ink);margin:0;font-family:Amiri,serif;font-size:20px;font-weight:700;line-height:1.9}.motivation-word .motivation-tr{color:var(--ink-soft);font-family:inherit;font-size:14px;font-weight:400;line-height:1.6}.motivation-word cite{color:var(--accent-bright);font-size:12.5px;font-style:normal}.motivation-body{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.8}.motivation-progress{width:100%;color:var(--ink-soft);align-items:center;gap:10px;font-size:13px;display:flex}.motivation-progress .gate-bar{flex:1}.motivation-streak{background:var(--bg-2);color:var(--accent-bright);border-radius:99px;align-items:center;gap:.4em;margin:0;padding:.35em .9em;font-size:13px;font-weight:700;display:inline-flex}.motivation-streak .icon{width:1em;height:1em}.motivation-actions{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.motivation-actions .btn-primary{flex:auto;justify-content:center}.pwa .gate-bar{width:100%}.pwa-points{text-align:start;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.pwa-points li{border-radius:calc(10px * var(--r));background:var(--bg-2);align-items:center;gap:.6em;padding:.55em .8em;font-size:14px;display:flex}.pwa-points .icon{width:1.1em;height:1.1em;color:var(--accent);flex:none}.pwa-ios .icon{vertical-align:-.15em;width:1em;height:1em;color:var(--accent);display:inline}.bell .icon-btn{position:relative}.bell-dot{background:var(--accent);min-width:18px;height:18px;color:var(--on-accent);box-shadow:0 0 0 2px var(--bg);top:-3px;border-radius:99px;place-items:center;padding:0 4px;font-size:11px;font-weight:700;display:grid;position:absolute;inset-inline-end:-3px}.bell-menu{min-width:280px}.bell-head{font-family:var(--font-display);color:var(--ink);margin:4px 10px 6px;font-weight:700}.bell-empty{color:var(--ink-faint);margin:6px 10px 10px;font-size:14px}.dropdown-item.bell-item{justify-content:flex-start;align-items:flex-start;text-decoration:none}.dropdown-item.bell-item .icon,.dropdown-item.bell-all .icon{visibility:visible;color:var(--accent)}.bell-item small{color:var(--ink-faint);margin-top:2px;font-size:12px;display:block}.dropdown-item.bell-all{border-top:1px solid var(--line);border-radius:0;justify-content:flex-start;gap:.6em;margin-top:4px;text-decoration:none}.cert-note{color:var(--blue);align-items:center;gap:.5em;margin:0;font-size:clamp(13px,2cqh,16px);font-weight:500;display:inline-flex}.claim{border-radius:calc(16px * var(--r));text-align:start;background:var(--accent-tint);width:100%;box-shadow:inset 0 0 0 1px var(--accent);gap:1cqh;padding:1.8cqh 1.6cqw;display:grid}@supports (color:color-mix(in lab, red, red)){.claim{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent)}}.claim-title{font-family:var(--font-display);color:var(--accent-bright);align-items:center;gap:.5em;margin:0;font-size:clamp(15px,2.4cqh,19px);font-weight:700;display:inline-flex}.claim-label{color:var(--ink-soft);font-size:clamp(12px,1.8cqh,14px)}.claim-row{gap:.8cqw;display:flex}.claim-row .field{flex:1}.cert-page{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:center;gap:3cqw;min-height:0;padding:0 4cqw 3cqh;display:grid}.cert-stage{height:100%;min-height:0;display:grid;position:relative}.cert-box{place-items:center;width:100%;height:100%;min-height:0;display:grid}.cert-scale{box-shadow:0 30px 70px var(--shadow), 0 0 0 1px var(--line);position:relative}.cert{transform-origin:0 0;color:#141414;background:#fff;font-family:IBM Plex Sans Arabic,sans-serif;position:absolute;top:0;left:0;overflow:hidden}.cert-frame{width:100%;height:100%;position:absolute;inset:0}.cert-top{top:66px;justify-content:space-between;align-items:center;display:flex;position:absolute;inset-inline:84px}.cert-brand{align-items:center;gap:10px;font-family:Kufam,sans-serif;font-size:25px;font-weight:800;display:inline-flex}.cert-dept{color:#3d3d3d;white-space:nowrap;font-size:15px;font-weight:500}.cert-verse{color:#2a2a2a;white-space:nowrap;justify-items:center;font-family:Amiri,serif;font-size:23px;line-height:1.3;display:grid;position:absolute;left:50%;translate:-50%}.cert-verse small{color:#4a4a4a;font-size:12.5px}.cert-body{text-align:center;top:128px;bottom:228px;align-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset-inline:110px}.cert-title{margin:0;font-family:Kufam,sans-serif;font-size:52px;font-weight:800;line-height:1.15}.cert-en{letter-spacing:.34em;text-transform:uppercase;color:#3d3d3d;margin:0;font-size:12.5px}.cert-rule{background:linear-gradient(#14141459,#14141459) 50%/100% 1px no-repeat;width:300px;height:9px;margin:4px 0 8px;position:relative}.cert-rule i{background:#141414;width:8px;height:8px;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:45deg;box-shadow:0 0 0 8px #fff}.cert-lead{color:#3d3d3d;margin:0;font-size:19px}.cert-name{white-space:nowrap;border-bottom:1.2px solid #141414;min-width:480px;max-width:900px;margin:0 0 8px;padding:0 48px 6px;font-family:Amiri,serif;font-size:46px;font-weight:700;line-height:1.35}.cert-text{max-width:840px;margin:0;font-size:19.5px;line-height:1.9}.cert-text b{font-weight:700}.cert-pct{font-family:Kufam,sans-serif;font-size:22px}.cert-en-ar{letter-spacing:0;text-transform:none;font-family:Amiri,serif;font-size:19px}.cert-name-reg{color:#3d3d3d;margin:-6px 0 2px;font-size:14.5px}.cert-name-reg bdi{color:#141414;font-family:Amiri,serif;font-size:19px;font-weight:700}.cert-two-names .cert-body{gap:5px}.cert-two-names .cert-name{margin-bottom:4px}.cert:lang(he),.cert:lang(he) .cert-title,.cert:lang(he) .cert-brand,.cert:lang(he) .cert-name,.cert:lang(he) .cert-motto,.cert:lang(he) .cert-verse small{font-family:IBM Plex Sans Hebrew,IBM Plex Sans Arabic,sans-serif}.cert:not(:lang(ar)) .cert-text{font-size:18px;line-height:1.75}.cert:not(:lang(ar)) .cert-motto{font-size:16.5px;line-height:1.6}.cert-motto{color:#2a2a2a;max-width:860px;margin:2px 0 0;font-family:Amiri,serif;font-size:18.5px;line-height:1.7}.cert-lessons{color:#4a4a4a;max-width:860px;margin:4px 0 0;font-size:14px;line-height:1.7}.cert-foot{bottom:58px;grid-template-columns:250px 1fr 170px 150px;align-items:end;gap:20px;display:grid;position:absolute;inset-inline:76px}.cert-stamp{justify-items:center;gap:4px;display:grid}.cert-seal{object-fit:contain;width:128px;height:128px;transform:rotate(-7deg)}.cert-seal-ink{opacity:.9;mix-blend-mode:multiply;width:150px;height:150px;margin-bottom:-10px;transform:rotate(-11deg)}.cert-stamp-label{color:#3d3d3d;font-size:13px}.cert-sign{justify-items:center;gap:6px;display:grid}.cert-sign-space{place-items:end center;height:72px;display:grid}.cert-sign-space img{max-height:72px}.cert-sign-line{border-bottom:1.2px solid #141414;width:220px}.cert-sign-title{font-size:16px;font-weight:700}.cert-sign-name{color:#3d3d3d;font-size:15px}.cert-meta{color:#3d3d3d;justify-items:center;gap:2px;padding-bottom:4px;font-size:13.5px;display:grid}.cert-meta b{color:#141414;font-size:15.5px;font-weight:600}.cert-serial{margin-top:6px;font-size:13px}.cert-serial b{letter-spacing:.08em;font-size:14px}.cert-qr{color:#3d3d3d;text-align:center;justify-items:center;gap:6px;font-size:10.5px;line-height:1.45;display:grid}.cert-qr-img{background:#fff;width:92px;height:92px;padding:6px;display:block;box-shadow:inset 0 0 0 1px #d6d6d6}.cert-qr-img svg{width:100%;height:100%;display:block}.cert-qr b{color:#141414;font-size:10px;font-weight:600}.cert-stamp-drop{color:var(--accent);pointer-events:none;font-size:120px;position:absolute;top:50%;left:50%;translate:-50% -50%}.cert-stamp-drop .icon{width:1em;height:1em}.cert-side{align-content:center;gap:1.8cqh;display:grid}.cert-side .headline{font-family:var(--font-display);font-weight:var(--dw);font-size:calc(clamp(20px, 3.6cqh, 30px) * var(--ds));margin:0;line-height:1.3}.cert-side .line{color:var(--ink-soft);margin:0;font-size:clamp(14px,2.2cqh,17px);line-height:1.7}.cert-facts{border-radius:calc(16px * var(--r));background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);gap:1cqh;margin:0;padding:1.6cqh 1.2cqw;display:grid}.cert-facts div{justify-content:space-between;gap:1em;font-size:clamp(13px,2cqh,15px);display:flex}.cert-facts dt{color:var(--ink-faint)}.cert-facts dd{color:var(--ink);text-align:end;margin:0;font-weight:600}.cert-lang{gap:1cqh;display:grid}.cert-lang label{color:var(--ink-soft);gap:6px;font-size:14px;display:grid}.cert-lang-field{gap:6px;font-size:14px;display:grid}.cert-lang :is(label,.cert-lang-field)>span{color:var(--ink);align-items:center;gap:.45em;font-weight:600;display:inline-flex}.cert-lang .icon{width:1.1em;height:1.1em;color:var(--accent)}.cert-lang-pick>.btn{justify-content:space-between;width:100%}.cert-lang-pick>.btn .icon{transition:rotate .2s}.cert-lang-pick.open>.btn .icon{rotate:180deg}.cert-lang-pick .dropdown-menu{width:auto;inset-inline:0}.cert-lang-pick .dropdown-item .icon{width:1em;height:1em}.cert-lang small{color:var(--ink-faint);font-size:12.5px;line-height:1.6}.cert-actions{gap:1cqh;display:grid}.cert-actions .btn{width:100%}.cert-share{border-radius:calc(14px * var(--r));background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);flex-wrap:wrap;gap:6px;padding:10px;display:flex}.cert-share a,.cert-share button{cursor:pointer;font:inherit;color:var(--ink);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:99px;align-items:center;gap:.35em;padding:.4em .9em;font-size:13px;text-decoration:none;display:inline-flex}.cert-share a:hover,.cert-share button:hover{box-shadow:inset 0 0 0 1px var(--accent)}.cert-share .icon{width:1em;height:1em}.cert-links{flex-wrap:wrap;gap:1em 1.6em;display:flex}.cert-links .link{color:var(--accent-bright);align-items:center;gap:.45em;font-size:clamp(13px,2cqh,15px);display:inline-flex}.certs-card{width:min(720px,100%)}.certs-list{gap:1cqh;margin:0;padding:0;list-style:none;display:grid}.cert-row{border-radius:calc(14px * var(--r));background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);grid-template-columns:auto 1fr auto;align-items:center;gap:1cqw;padding:1.4cqh 1.2cqw;text-decoration:none;display:grid}.cert-row:hover{box-shadow:inset 0 0 0 1px var(--accent)}.cert-row small{color:var(--ink-faint);font-size:12px;display:block}.cert-row-icon{aspect-ratio:1;background:var(--accent-tint);width:40px;color:var(--accent);border-radius:50%;place-items:center;display:grid}@media (max-width:760px),(orientation:landscape) and (max-height:520px){.cert-page{grid-template-columns:1fr;gap:20px;padding:0 16px 24px}.cert-stage{aspect-ratio:1123/794;height:auto}.claim-row{flex-direction:column}}.topbar{flex-wrap:wrap;row-gap:1.2cqh}.btn-back{white-space:nowrap;color:var(--accent-bright);box-shadow:inset 0 0 0 1.5px var(--accent);gap:.45em;padding:.55em 1.05em;font-size:clamp(12px,1.95cqh,15px);font-weight:600}@supports (color:color-mix(in lab, red, red)){.btn-back{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 55%, transparent)}}.btn-back:hover{background:var(--accent-tint)}.place{flex-wrap:wrap;flex-basis:100%;order:3;align-items:center;gap:.3em .35em;min-width:0;font-size:clamp(13px,2.1cqh,16px);display:flex}.place-item{align-items:center;gap:.35em;min-width:0;max-width:100%;display:inline-flex}.place-item:has(.now){flex:0 auto}.place-sep{width:1em;height:1em;color:var(--ink-faint);flex:none}.place-link{color:var(--ink-soft);border-radius:999px;flex:none;align-items:center;gap:.4em;padding:.3em .75em;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}a.place-link:hover,button.place-link:not(.now):hover{background:var(--accent-tint);color:var(--accent-bright)}.place-home{color:var(--accent-bright);box-shadow:inset 0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.place-home{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent)}}.place-home .icon{width:1.05em;height:1.05em}.place-link.now{min-width:0;color:var(--on-accent);background:var(--accent);flex:0 auto;font-weight:700}.place-slot{display:contents}.place-link.place-menu{cursor:pointer;min-width:0;font:inherit;border:0;flex:0 auto;align-items:center;gap:.45em;font-weight:700;display:inline-flex}.place-menu:not(.now){color:var(--ink-soft);background:0 0;font-weight:600}.step-menu a{text-decoration:none}.place-prefix{opacity:.85;font-weight:600}.place-link.place-menu{text-align:start;flex-wrap:wrap;line-height:1.5}.place-step-t{min-width:0}.place-step-n{background:var(--on-accent);border-radius:99px;flex:none;place-items:center;min-width:1.5em;height:1.5em;display:grid}@supports (color:color-mix(in lab, red, red)){.place-step-n{background:color-mix(in srgb, var(--on-accent) 22%, transparent)}}.place-step-n{font-size:.85em}.place-menu .icon{flex:none;width:1em;height:1em}.place-menu[aria-expanded=true] .icon{transform:rotate(180deg)}.step-menu{z-index:50;border-radius:calc(14px * var(--r));background:var(--surface);min-width:220px;max-width:min(360px,100vw - 16px);max-height:60vh;color:var(--ink);box-shadow:0 12px 32px -8px var(--ink), inset 0 0 0 1px var(--line);gap:2px;padding:6px;display:grid;position:fixed;overflow:auto}@supports (color:color-mix(in lab, red, red)){.step-menu{box-shadow:0 12px 32px -8px color-mix(in srgb, var(--ink) 35%, transparent), inset 0 0 0 1px var(--line)}}.step-menu{font-size:14px;animation:.2s both place-in}.step-menu button,.step-menu a{border-radius:calc(10px * var(--r));color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:.6em;padding:.55em .7em;display:flex}.step-menu :is(button,a):hover{background:var(--accent-tint)}.step-menu :is(button,a).on{background:var(--accent);color:var(--on-accent);font-weight:700}.step-menu-n{width:1.7em;height:1.7em;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:50%;flex:none;place-items:center;font-size:.85em;display:grid}.step-menu :is(button,a).done .step-menu-n{background:var(--accent-tint);color:var(--accent);box-shadow:none}.step-menu :is(button,a).on .step-menu-n{box-shadow:none;background:var(--on-accent)}@supports (color:color-mix(in lab, red, red)){.step-menu :is(button,a).on .step-menu-n{background:color-mix(in srgb, var(--on-accent) 22%, transparent)}}.step-menu-n .icon{width:.9em;height:.9em}:root{--bg-root:var(--bg);--bg2-root:var(--bg-2);--lift:#fff;--lift-step:11%}:root[data-skin=metro],:root[data-skin=compass]{--lift-step:4%}.screen:has(>.topbar[data-depth="1"]){--bg:var(--lift)}@supports (color:color-mix(in lab, red, red)){.screen:has(>.topbar[data-depth="1"]){--bg:color-mix(in oklab, var(--lift) calc(var(--lift-step) * 1), var(--bg-root))}}.screen:has(>.topbar[data-depth="1"]){--bg-2:var(--lift)}@supports (color:color-mix(in lab, red, red)){.screen:has(>.topbar[data-depth="1"]){--bg-2:color-mix(in oklab, var(--lift) calc(var(--lift-step) * 1), var(--bg2-root))}}.screen:has(>.topbar[data-depth="2"]){--bg:var(--lift)}@supports (color:color-mix(in lab, red, red)){.screen:has(>.topbar[data-depth="2"]){--bg:color-mix(in oklab, var(--lift) calc(var(--lift-step) * 2), var(--bg-root))}}.screen:has(>.topbar[data-depth="2"]){--bg-2:var(--lift)}@supports (color:color-mix(in lab, red, red)){.screen:has(>.topbar[data-depth="2"]){--bg-2:color-mix(in oklab, var(--lift) calc(var(--lift-step) * 2), var(--bg2-root))}}.screen:has(>.topbar[data-depth="3"]){--bg:var(--lift)}@supports (color:color-mix(in lab, red, red)){.screen:has(>.topbar[data-depth="3"]){--bg:color-mix(in oklab, var(--lift) calc(var(--lift-step) * 3), var(--bg-root))}}.screen:has(>.topbar[data-depth="3"]){--bg-2:var(--lift)}@supports (color:color-mix(in lab, red, red)){.screen:has(>.topbar[data-depth="3"]){--bg-2:color-mix(in oklab, var(--lift) calc(var(--lift-step) * 3), var(--bg2-root))}}.screen:has(>.topbar[data-depth="4"]){--bg:var(--lift)}@supports (color:color-mix(in lab, red, red)){.screen:has(>.topbar[data-depth="4"]){--bg:color-mix(in oklab, var(--lift) calc(var(--lift-step) * 4), var(--bg-root))}}.screen:has(>.topbar[data-depth="4"]){--bg-2:var(--lift)}@supports (color:color-mix(in lab, red, red)){.screen:has(>.topbar[data-depth="4"]){--bg-2:color-mix(in oklab, var(--lift) calc(var(--lift-step) * 4), var(--bg2-root))}}@keyframes nav-in{0%{opacity:0;transform:scale(.965)translateY(10px)}to{opacity:1;transform:none}}@keyframes nav-out{0%{opacity:0;transform:scale(1.035)translateY(-6px)}to{opacity:1;transform:none}}@keyframes place-in{0%{opacity:0;transform:translateX(calc(var(--dirx,1) * -10px))}to{opacity:1;transform:none}}:root[data-navdir=in] .screen>main{transform-origin:50% 40%;animation:.5s cubic-bezier(.2,.7,.2,1) both nav-in}:root[data-navdir=out] .screen>main{transform-origin:50% 40%;animation:.45s cubic-bezier(.2,.7,.2,1) both nav-out}:root[data-navdir=in] .place-link.now{animation:.45s both place-in}.unit-badge{background:var(--accent-tint);color:var(--accent-bright);font-family:var(--font-display);box-shadow:inset 0 0 0 1px var(--accent);border-radius:99px;align-items:center;gap:.7em;padding:.35em 1.1em .35em .35em;font-size:clamp(13px,2.2cqh,18px);font-weight:700;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.unit-badge{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}}[dir=rtl] .unit-badge{padding:.35em .35em .35em 1.1em}.unit-badge-icon{aspect-ratio:1;background:var(--accent);width:2.1em;color:var(--on-accent);border-radius:50%;place-items:center;display:grid}.unit-badge small{color:var(--ink-soft);margin-inline-start:.6em;font-size:.78em;font-weight:400}.unit-home .title{font-size:calc(clamp(26px, 6.4cqh, 56px) * var(--ds))}.unit-stats{color:var(--ink-soft);flex-wrap:wrap;gap:.5em 1.3em;margin:0;font-size:clamp(12px,2cqh,15px);display:flex}.unit-stats span{align-items:center;gap:.4em;display:inline-flex}.unit-stats .icon,.unit-home .shelf-title .icon{color:var(--accent)}:root .unit-home .shelf-head.always{display:flex}.lgrid{grid-template-rows:repeat(2,minmax(0,auto));grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:1.6cqh 1.4cqw;min-height:0;display:grid}.lgroup{border-radius:calc(16px * var(--r));background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);flex-direction:column;gap:1cqh;min-width:0;padding:1.6cqh 1.2cqw;animation:.4s both rise;display:flex}.lg-head{align-items:center;gap:.6em;margin:0;font-weight:400;display:flex}.lg-head b{font-family:var(--font-display);font-weight:var(--dw);font-size:calc(clamp(13px, 2.2cqh, 17px) * var(--ds));color:var(--ink);display:block}.lg-head small{color:var(--ink-faint);font-size:clamp(10.5px,1.6cqh,12.5px);display:block}.lg-icon{aspect-ratio:1;border-radius:calc(10px * var(--r));background:var(--accent-tint);width:2.2em;color:var(--accent);flex:none;place-items:center;font-size:clamp(12px,1.9cqh,15px);display:grid}.lg-list{gap:.45cqh;margin:0;padding:0;list-style:none;display:grid}.lrow{border-radius:calc(10px * var(--r));color:var(--ink);grid-template-columns:auto 1fr auto;align-items:center;gap:.6em;padding:.45em .55em;font-size:clamp(12px,1.95cqh,15px);line-height:1.35;text-decoration:none;display:grid}.lrow:hover{background:var(--accent-tint)}.lrow-n{aspect-ratio:1;width:1.9em;font-family:var(--font-display);color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:50%;place-items:center;font-size:.85em;display:grid}.lrow.ready .lrow-n{background:var(--accent);color:var(--on-accent);box-shadow:none}.lrow-t{min-width:0}.lrow-tag{color:var(--ink-faint);white-space:nowrap;align-items:center;gap:.25em;font-size:.78em;display:inline-flex}.lrow.ready .lrow-tag{color:var(--accent-bright)}.jnode.soon{opacity:.55}span.jnode.soon{cursor:default}.jnode.soon .jn-title{color:var(--ink-soft)}.words .key-proof{margin-block:.4cqh}.stage .words .key-proof .verse-ar{font-size:calc(clamp(17px, 3.3cqh, 28px) * var(--fit-w));line-height:2}.stage .words .key-proof .verse-quote{font-size:calc(clamp(14px, 2.4cqh, 20px) * var(--fit-w))}@media (orientation:portrait){.lgrid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px),(orientation:landscape) and (max-height:520px){.place{gap:.2em;font-size:12.5px}.place-link{padding:.3em .55em}.place-home span,.place-menu:not(.now) .icon,.place-step-n{display:none}.step-menu{max-width:none}.btn-back{padding:.55em .8em}.btn-back span{display:none}.lgrid{grid-template-columns:1fr;gap:12px;padding-bottom:16px}.lgroup{padding:12px}.lrow{padding:8px;font-size:15px}.unit-badge{font-size:15px}.unit-home .title{font-size:30px}}.phrases{flex-wrap:wrap;gap:.9cqh .55em;display:flex}.phrase{display:inline-flex;position:relative}.phrase-chip{border-radius:calc(999px * var(--r));cursor:pointer;font-family:Amiri,serif;font-weight:700;line-height:2.05;font-size:calc(clamp(14px, 2.2cqh, 18px) * var(--fit-w,1));color:var(--accent-bright);background:var(--accent-tint);box-shadow:inset 0 0 0 1px var(--accent);border:0;padding:.35em .95em .45em}@supports (color:color-mix(in lab, red, red)){.phrase-chip{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent)}}.phrase-chip{transition:background .2s,color .2s}.phrase-chip:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.phrase-chip:hover{background:color-mix(in srgb, var(--accent) 22%, transparent)}}.phrase-chip.on{background:var(--accent);color:var(--on-accent)}.phrase-tip,.phrase-pop{z-index:20;translate:calc(-50% + var(--nudge,0px)) 0;pointer-events:none;border-radius:calc(10px * var(--r));box-shadow:0 10px 28px -8px var(--ink), inset 0 0 0 1px var(--line);position:absolute;bottom:calc(100% + 8px);left:50%}@supports (color:color-mix(in lab, red, red)){.phrase-tip,.phrase-pop{box-shadow:0 10px 28px -8px color-mix(in srgb, var(--ink) 40%, transparent), inset 0 0 0 1px var(--line)}}.phrase-tip:after,.phrase-pop:after{content:"";translate:calc(-50% - var(--nudge,0px)) 0;border:6px solid #0000;border-top-color:var(--tip-bg);position:absolute;top:100%;left:50%}.phrase-tip{--tip-bg:var(--ink);background:var(--tip-bg);color:var(--bg);white-space:nowrap;opacity:0;padding:.3em .7em;font-size:12px;font-weight:600;transition:opacity .15s .25s}.phrase:hover .phrase-tip{opacity:.92}@media (hover:none){.phrase-tip{display:none}}.phrase-pop{--tip-bg:var(--surface);background:var(--tip-bg);color:var(--ink);width:max-content;max-width:min(300px,80vw);font-size:calc(clamp(12px, 1.85cqh, 15px) * var(--fit-w,1));text-align:center;padding:.6em .9em;line-height:1.6;animation:.18s both pop-in}@keyframes pop-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.screen{grid-template-columns:minmax(0,1fr)}.screen>*{min-width:0}@media (max-width:760px),(orientation:landscape) and (max-height:520px){.player,.quiz,.cert-page{grid-template-columns:minmax(0,1fr)}.player>*,.stage>*,.words,.w-head,.w-body,.detail{min-width:0}}:root:not([data-map=side]) .player{grid-template-columns:minmax(0,1fr)}.cards.home-map.dense .jn-sub,.cards.home-map.dense .jnode:not(.open) .jc-lock{display:none}.cards.home-map.dense .jcard{padding-block:.8cqh}:root[data-home=map] .cards.home-map.dense .jcard .jn-title{font-size:calc(clamp(13px, 2.1cqh, 17px) * var(--ds))}:root[data-home=map] .cards.home-map.dense .jnode.open .jcard .jn-title{font-size:calc(clamp(14px, 2.3cqh, 19px) * var(--ds))}.cards.home-map.dense .jnode{width:clamp(40px,7.4cqh,62px);font-size:clamp(14px,2.7cqh,22px)}.q-feedback{display:grid}.q-feedback>*{grid-area:1/1}.q-feedback .guidance.waiting{visibility:hidden;animation:none}.q-check{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent-bright);place-self:start;font-weight:700}.q-check:disabled{opacity:.45;cursor:default}.quiz-card .guidance{animation:.3s both place-in}.d-more{cursor:pointer;font:inherit;color:var(--accent-bright);background:var(--accent-tint);border:0;border-radius:999px;justify-self:start;align-items:center;gap:.4em;padding:.3em .9em;font-size:clamp(12px,1.8cqh,14px);font-weight:600;display:inline-flex}.d-more:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.d-more:hover{background:color-mix(in srgb, var(--accent) 22%, transparent)}}.d-more .icon{width:1em;height:1em}:root[data-detail=cards] .d-more{grid-column:1/-1}.stage-art{position:relative}.art-svg{display:contents}.art-mark{pointer-events:none;text-align:center;letter-spacing:.02em;color:var(--ink-faint);inset-inline:0;font-size:clamp(11px,1.8cqh,14px);font-weight:600;position:absolute;bottom:0;translate:0 calc(100% + .5em)}:root[data-art=circle] .stage-art svg{width:min(100%,52cqh);height:auto}:root[data-art=circle]:not([data-detail=none]) .stage-art{align-self:center;height:auto}@media (orientation:portrait){.art-mark{margin-top:.35em;position:static;translate:none}:root[data-art=circle] .stage-art svg{width:auto;height:100%;max-height:min(28cqh,220px)}}:root[data-skin=metro]{--r:.3;--pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M48 0H0v48' fill='none' stroke='%23f2f2f2' stroke-opacity='.035'/%3E%3C/svg%3E");--art-sky:#1b2633;--art-deep:#0b1118;--art-mid:#396e88;--art-soft:#233142;--art-warm:#706e36}@supports (color:lab(0% 0 0)){:root[data-skin=metro]{--art-mid:lab(43.631% -12.4073 -20.0856);--art-warm:lab(45.5067% -5.19294 30.8064)}}:root[data-skin=metro] .screen{box-shadow:inset 0 5px 0 var(--accent)}:root[data-skin=metro] :is(.place-link,.btn,.dropdown .btn,.step-menu,.step-menu :is(a,button)){border-radius:4px}:root[data-skin=metro] .place-link.now{box-shadow:inset 0 -3px #00000040}:root[data-skin=metro] :is(.headline,.title){letter-spacing:-.01em;font-weight:800}:root:is([data-skin=metro],[data-skin=compass]) .title{line-height:1.55}:root[data-skin=metro] .eyebrow{text-transform:uppercase;letter-spacing:.06em}:root[data-skin=metro] .art-mark{text-transform:uppercase;letter-spacing:.08em}:root[data-skin=compass]{--r:1.5;--pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-100 -100 200 200'%3E%3Cg fill='none' stroke='%23e3b23c' stroke-opacity='.09'%3E%3Ccircle r='96'/%3E%3Ccircle r='80'/%3E%3Ccircle r='30'/%3E%3Cpath d='M0-96V96M-96 0H96M-68-68L68 68M68-68L-68 68'/%3E%3Cpath d='M0-92L12-12L92 0L12 12L0 92L-12 12L-92 0L-12-12Z' fill='%23e3b23c' fill-opacity='.05'/%3E%3C/g%3E%3C/svg%3E") -20vmin calc(100% + 24vmin) / 70vmin 70vmin no-repeat, url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2744%27%20height%3D%2744%27%20viewBox%3D%270%200%2044%2044%27%3E%3Cpath%20d%3D%27M22%206l16%2016-16%2016L6%2022z%27%20fill%3D%27none%27%20stroke%3D%27%23e3b23c%27%20stroke-opacity%3D%270.05%27%2F%3E%3C%2Fsvg%3E);--art-sky:#17302a;--art-deep:#0a140f;--art-mid:#406756;--art-soft:#1d362c;--art-warm:#5f552a}@supports (color:lab(0% 0 0)){:root[data-skin=compass]{--art-mid:lab(40.2133% -17.5347 5.10196);--art-warm:lab(36.4032% -.212878 26.6181)}}:root[data-skin=compass] .place-link.now{color:var(--accent-bright);box-shadow:inset 0 0 0 1.5px var(--accent);background:0 0}:root[data-skin=compass] .place-link.now .place-step-n{background:var(--accent);color:var(--on-accent)}:root[data-skin=compass] .btn-primary{color:var(--accent-bright);box-shadow:inset 0 0 0 1.5px var(--accent);background:0 0}:root[data-skin=compass] .btn-primary:hover{background:var(--accent-tint)}:root[data-skin=compass] :is(.d-proof,.gloss){box-shadow:inset 0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-skin=compass] :is(.d-proof,.gloss){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent)}}:root[data-skin=compass] .eyebrow{letter-spacing:.02em;font-style:normal}:root[data-skin=compass] .art-mark{color:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-skin=compass] .art-mark{color:color-mix(in srgb, var(--accent) 70%, var(--ink-faint))}}:root[data-skin=metro] .phrase-chip{border-radius:4px}.jmap-rail,.jregion-row{display:none}@media (max-width:760px),(orientation:landscape) and (max-height:520px){.cards.home-map{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:0;margin:0;padding-block:0 12px;display:grid;position:relative}.cards.home-map .jmap-line,.cards.home-map .jregion{display:none}.jmap-rail{z-index:-1;pointer-events:none;top:0;width:72px;height:100%;display:block;position:absolute;inset-inline-start:0;overflow:visible}.cards.home-map .jnode{isolation:isolate}.cards.home-map .jnode.soon{opacity:1}.cards.home-map .jnode.soon>.icon,.cards.home-map .jnode.soon .jcard{opacity:.55}[dir=rtl] .jmap-rail{transform:scaleX(-1)}.jmap-rail path{fill:none;stroke:var(--accent)}@supports (color:color-mix(in lab, red, red)){.jmap-rail path{stroke:color-mix(in srgb, var(--accent) 50%, transparent)}}.jmap-rail path{stroke-width:3px;stroke-linecap:round;stroke-dasharray:1 9;vector-effect:non-scaling-stroke}.jmap-rail .rail-bed{stroke:var(--accent-tint);stroke-width:16px;stroke-dasharray:none;stroke-linecap:butt}.cards.home-map .jnode,:root[data-home=map] .cards.home-map .jnode{aspect-ratio:auto;width:100%;box-shadow:none;color:var(--accent);background:0 0;border-radius:0;grid-template-columns:72px minmax(0,1fr);align-items:center;padding-block:8px;font-size:20px;display:grid;position:relative;inset:auto;translate:none}.cards.home-map .jnode>.icon{box-sizing:border-box;background:var(--surface);width:50px;height:50px;box-shadow:inset 0 0 0 2px var(--line-strong), 0 8px 18px var(--shadow);border-radius:50%;margin-inline-start:calc(var(--px) - 25px);padding:13px}.cards.home-map .jnode.open>.icon{background:var(--accent);width:62px;height:62px;color:var(--on-accent);box-shadow:0 0 0 7px var(--accent-tint), 0 12px 26px var(--accent);margin-inline-start:calc(var(--px) - 31px);padding:17px}@supports (color:color-mix(in lab, red, red)){.cards.home-map .jnode.open>.icon{box-shadow:0 0 0 7px var(--accent-tint), 0 12px 26px color-mix(in srgb, var(--accent) 35%, transparent)}}.cards.home-map .jn-label,.cards.home-map .jnode[data-side=start] .jn-label{text-align:start;justify-self:stretch;width:auto;max-width:none;padding:12px 14px;position:relative;inset:auto;translate:none}.jregion-row{isolation:isolate;align-items:center;gap:10px;padding:14px 0 6px;padding-inline-start:72px;display:flex;position:relative}.jregion-row:after{content:"";background:var(--accent);flex:1;height:1px}@supports (color:color-mix(in lab, red, red)){.jregion-row:after{background:color-mix(in srgb, var(--accent) 30%, transparent)}}.jr-pill{white-space:nowrap;color:var(--accent-bright);background:var(--accent-tint);font-family:var(--font-display);border-radius:99px;align-items:center;gap:.45em;padding:.3em .9em;font-size:13px;font-weight:700;display:inline-flex}.jr-pill .icon{width:1em;height:1em}.cards.home-map .jcard .jn-title{font-size:18px}.cards.home-map .jnode.open .jcard .jn-title{font-size:20px}.cards.home-map .jcard .jn-sub{font-size:13px}.cards.home-map .jc-top{font-size:11px}.cards.home-map .jc-cta{font-size:12px}.cards.home-map.dense .jn-sub,:root[data-skin=metro] .jmap-rail{display:none}:root[data-skin=metro] .cards.home-map:before{content:"";background:var(--accent);top:0;bottom:12px;border-radius:2px;width:4px;position:absolute;inset-inline-start:35px}:root[data-skin=metro] .cards.home-map .jnode>.icon{box-shadow:inset 0 0 0 3px var(--accent), 0 8px 18px var(--shadow);border-radius:6px;margin-inline-start:12px}:root[data-skin=metro] .cards.home-map .jnode.open>.icon{box-shadow:0 0 0 5px var(--accent-tint);border-radius:8px;margin-inline-start:6px}.home .intro{gap:10px}.home .title{font-size:30px}.home .lede{font-size:14.5px}.unit-home .unit-stats{margin:0}.unit-home .intro{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon kicker kicker""icon title title""lede lede lede""stats stats go";align-items:center;gap:4px 12px;display:grid}.unit-home .intro .unit-badge{display:contents}.unit-home .intro .unit-badge-icon{grid-area:icon;align-self:center;width:52px;font-size:20px}.unit-home .intro .unit-badge>span:not(.unit-badge-icon){color:var(--accent-bright);font-size:13px;font-family:var(--font-display);grid-area:kicker;align-self:end;font-weight:700}.unit-home .intro .title{grid-area:title;align-self:start;margin:0;line-height:1.15}.unit-home .intro .lede{grid-area:lede;margin:6px 0 0}.unit-home .intro .unit-stats{flex-wrap:nowrap;grid-area:stats;align-self:stretch;gap:6px;min-width:0;margin-top:8px;display:flex}.unit-home .intro .unit-stats span{border-radius:calc(12px * var(--r));background:var(--surface);flex:auto;justify-content:center;gap:.35em;min-width:0;padding:.55em .5em}@supports (color:color-mix(in lab, red, red)){.unit-home .intro .unit-stats span{background:color-mix(in srgb, var(--surface) 85%, transparent)}}.unit-home .intro .unit-stats span{box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);white-space:nowrap;font-size:12.5px}.unit-home .intro>.btn,.unit-home .intro>.soon-note{grid-area:go;place-self:stretch end;margin-top:8px;padding:.6em 1.1em;font-size:14px}.unit-home{gap:14px}}@media (max-width:760px),(orientation:portrait) and (max-width:1100px),(orientation:landscape) and (max-height:520px){html:has(.player){height:auto;overflow:auto}html:has(.player) body{height:auto;overflow:auto}.screen:has(>.player){width:100%;height:auto;min-height:100dvh;container-type:normal}.screen>.player{grid-template-rows:auto auto;gap:12px;padding:0 16px}.player .progress.map-road{height:46px;margin-inline:20px}.player .map-label{display:none}:root:not([data-detail=none]) .stage,:root:not([data-detail=none]) .stage.no-detail{grid-template-columns:var(--art-w) minmax(0, 1fr);--art-w:108px;grid-template-rows:none;grid-template-areas:"art head""body body""detail detail";grid-auto-rows:auto;align-items:center;gap:16px 18px;height:auto;overflow:visible}.stage>.words{display:contents}.stage .w-head{grid-area:head}.stage .w-body{grid-area:body}.stage .detail{grid-area:detail}.stage>.stage-art,:root:not([data-detail=none]) .stage-art{grid-area:art;align-self:start;height:auto;max-height:none}.stage-art svg,:root:not([data-detail=none]) .stage-art svg{aspect-ratio:.82;width:100%;height:auto;max-height:none;box-shadow:0 10px 24px var(--shadow), 0 0 0 1px var(--line)}:root[data-art=circle] .stage-art svg{aspect-ratio:1;width:100%;height:auto}:root[data-art=frame] .stage-art{padding:6px}:root[data-art=frame] .stage-art svg{outline-offset:4px}.art-mark{margin-top:6px;font-size:11px;position:static;translate:none}:root:not([data-detail=none]) .stage .headline{font-size:25px;line-height:1.35}:root:not([data-detail=none]) .stage .line{font-size:15.5px}.stage .w-head{gap:6px}}@media (min-width:761px) and (orientation:portrait) and (max-width:1100px){:root:not([data-detail=none]) .stage{--art-w:200px;gap:22px 28px}.screen>.player{padding:0 32px}:root:not([data-detail=none]) .stage .headline{font-size:36px}:root:not([data-detail=none]) .stage .line{font-size:19px}:root:not([data-detail=none]) .stage .point{font-size:17px}:root:not([data-detail=none]) .detail{padding:22px}.controls{z-index:5;background:var(--bg);padding:12px 32px;position:sticky;bottom:0}@supports (color:color-mix(in lab, red, red)){.controls{background:color-mix(in srgb, var(--bg) 92%, transparent)}}.controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stage{--fit-w:1;--fit-d:1}:root:not([data-detail=none]) .stage .d-intro,:root:not([data-detail=none]) .stage .d-title{font-size:17px}:root:not([data-detail=none]) .stage .d-text{font-size:15.5px}:root:not([data-detail=none]) .stage .detail .verse-ar{font-size:26px}:root:not([data-detail=none]) .stage .detail .verse-quote{font-size:17px}.phrase-chip{font-size:20px}.d-more{font-size:15px}:root[data-home=map] .jcard{width:min(31cqw,300px)}.cards.home-map.dense .jcard{width:min(29cqw,280px)}}.dropdown-menu{width:max-content}@media (max-width:760px),(orientation:landscape) and (max-height:520px){.dropdown-menu{inset-inline:12px;width:auto;min-width:0;max-height:calc(100dvh - 140px);margin-top:8px;position:fixed;top:auto}}.screen :where(.topbar,.bar-mid,.bar-end,.brand,.brand-meaning,.home,.intro,.shelf,.shelf-head,.cards,.card,.card-meta,.player,.progress,.stage,.words,.w-head,.w-body,.detail,.headline,.line,.point,.summary-item,.up-next,.jnode,.jn-label,.jcard,.jc-top,.jn-title,.jn-sub,.jc-lock,.jc-cta,.unit-home,.unit-badge,.unit-stats,.quiz,.quiz-card,.quiz-top,.q-text,.option,.opt-text,.guidance,.result-card,.result-actions,.controls,.place,.place-item,.place-link,.place-step-t,.dropdown,.dropdown-menu,.dropdown-item){min-width:0}.screen :where(.title,.lede,.headline,.line,.eyebrow,.card-title,.card-sub,.point,.summary-item,.up-next,.jn-title,.jn-sub,.jc-top,.jc-lock,.jc-cta,.d-intro,.d-title,.d-text,.verse-mean,.verse-quote,.q-text,.opt-text,.opt-why,.guidance,.place-step-t,.dropdown-item,.btn){overflow-wrap:anywhere;word-break:normal;-webkit-hyphens:auto;hyphens:auto}.screen .btn{white-space:normal;text-align:center;min-width:0;max-width:100%}.brand{max-width:min(48vw,420px)}.brand-meaning{text-overflow:ellipsis;overflow:hidden}.jc-top,.jr-steps,.jr-tag,.unit-stats{flex-wrap:wrap}.jr-steps,.jr-tag,.unit-stats span{white-space:normal}.jn-label,.jcard{max-inline-size:min(280px,100vw - 32px)}.frac-title,.st-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.map-label{text-overflow:ellipsis;max-width:min(24cqw,260px);overflow:hidden}.jregion{white-space:normal;text-align:center;overflow-wrap:anywhere;max-width:min(34cqw,320px)}.lrow-tag{white-space:normal;flex-wrap:wrap;min-width:0}.dropdown-menu{width:max-content;max-width:calc(100vw - 24px)}.dropdown-item{white-space:normal}@media (max-width:760px),(orientation:landscape) and (max-height:520px){.brand{max-width:calc(100vw - 150px)}.brand-meaning{display:none}.cards.home-map .jn-label,.cards.home-map .jcard{max-inline-size:100%}.jregion{max-width:calc(100vw - 32px)}.unit-home .intro .unit-stats{flex-wrap:wrap}.unit-home .intro .unit-stats span{flex:8em}}html:has(.admin){height:auto;overflow:auto}html:has(.admin) body{height:auto;overflow:auto}.admin{max-width:1100px;color:var(--ink);gap:18px;margin:0 auto;padding:24px 20px 60px;display:grid}.admin-login{place-items:center;min-height:100dvh}.admin-login form{gap:12px;width:min(380px,100%);display:grid}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-title h1{font-family:var(--font-display);align-items:center;gap:.4em;margin:0;font-size:28px;display:flex}.admin-title h1 .icon{color:var(--accent)}.admin-title p{color:var(--ink-soft);margin:4px 0 0;font-size:14px}.admin-tools{flex-wrap:wrap;gap:8px;display:flex}.admin-tools form{display:contents}.admin-filters{z-index:5;border-radius:calc(16px * var(--r));background:var(--surface);gap:10px;padding:12px;display:grid;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.admin-filters{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.admin-filters{box-shadow:inset 0 0 0 1px var(--line), 0 10px 24px -14px var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.admin-search{color:var(--ink-faint);align-items:center;gap:8px;display:flex}.admin-search .field{flex:1}.admin-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.admin-chips button{cursor:pointer;font:inherit;color:var(--ink-soft);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:99px;align-items:center;gap:.35em;padding:.35em .85em;font-size:13px;display:inline-flex}.admin-chips button.on{background:var(--accent);color:var(--on-accent);box-shadow:none}.admin-chips .icon{width:1em;height:1em}.admin-gap{flex:1}.admin-count{color:var(--ink-faint);margin:0;font-size:12.5px}.admin-lesson{gap:10px;display:grid}.admin-lesson h2{color:var(--ink-faint);flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:10px 0 0;font-size:14px;font-weight:500;display:flex}.admin-lesson h2 b{font-family:var(--font-display);color:var(--ink);font-size:20px}.admin-open{color:var(--accent-bright);align-items:center;gap:.3em;font-size:13px;display:inline-flex}.admin-open .icon{width:1em;height:1em}.admin-q{border-radius:calc(14px * var(--r));background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);gap:8px;padding:14px 16px;display:grid}.admin-q.warn{box-shadow:inset 0 0 0 1.5px #d08a10b3}.admin-q.flagged{box-shadow:inset 0 0 0 2px var(--accent)}.admin-q-top{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.admin-q-top code{color:var(--ink-faint);direction:ltr;font-family:ui-monospace,monospace}.admin-badge{background:var(--bg-2);color:var(--ink-soft);border-radius:99px;padding:.15em .6em}.admin-badge.d-EASY{color:var(--blue)}.admin-badge.d-HARD{color:var(--accent-bright)}.admin-flag{cursor:pointer;font:inherit;color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0;border:0;border-radius:99px;align-items:center;gap:.3em;margin-inline-start:auto;padding:.3em .8em;font-size:12px;display:inline-flex}.admin-flag.on{background:var(--accent);color:var(--on-accent);box-shadow:none}.admin-flag .icon{width:1em;height:1em}.admin-flag input{width:1.1em;height:1.1em;accent-color:var(--on-accent);cursor:pointer;margin:0}.admin-flag:not(.on) input{accent-color:var(--accent)}.admin-q.done:not(.flagged){opacity:.78}.admin-q.done:not(.flagged):focus-within{opacity:1}.admin-progress{background:var(--bg-2);border-radius:99px;width:min(360px,100%);height:6px;margin-top:8px;overflow:hidden}.admin-progress i{background:var(--accent);height:100%;transition:width .3s;display:block}.admin-saved{color:var(--ink-faint);align-items:center;gap:.35em;font-size:12.5px;display:inline-flex}.admin-saved .icon{width:1em;height:1em;color:var(--blue)}.admin-saved.bad,.admin-saved.bad .icon{color:#b0700a}.admin-q-text{font-family:var(--font-display);margin:0;font-size:17px;font-weight:700;line-height:1.6}.admin-q-en{color:var(--ink-soft);margin:0;font-size:14px}.admin-opts{gap:4px;margin:0;padding:0;list-style:none;display:grid}.admin-opts li{border-radius:calc(8px * var(--r));color:var(--ink-soft);align-items:flex-start;gap:.5em;padding:.35em .6em;font-size:15px;display:flex}.admin-opts li .icon{width:1.05em;height:1.05em;color:var(--ink-faint);flex:none;margin-top:.3em}.admin-opts li.ok{background:var(--blue)}@supports (color:color-mix(in lab, red, red)){.admin-opts li.ok{background:color-mix(in srgb, var(--blue) 13%, transparent)}}.admin-opts li.ok{color:var(--ink);font-weight:600}.admin-opts li.ok .icon{color:var(--blue)}.admin-opts small,.admin-expl small{color:var(--ink-faint);font-size:12.5px;font-weight:400;display:block}.admin-opts small.why{color:var(--accent-bright)}.admin-expl{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.7}.admin-warn{color:#b0700a;align-items:center;gap:.4em;margin:0;font-size:13px;display:flex}.admin-warn .icon{flex:none;width:1em;height:1em}.admin-note{resize:vertical;min-height:52px;font:inherit;font-size:14px}.admin-empty{text-align:center;color:var(--ink-faint);padding:40px 0}.cert-preview-controls{position:static}.cert-preview-fields{flex-wrap:wrap;gap:10px;display:flex}.cert-preview-fields label{color:var(--ink-soft);gap:4px;font-size:13px;display:grid}.cert-preview-fields label:first-child{flex:260px}.cert-preview-fields label:last-child{width:110px}.cert-preview{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:20px;display:grid}.cert-preview-stage{aspect-ratio:1123/794;display:grid}.cert-preview-side{gap:10px;display:grid}@media (max-width:760px),(orientation:landscape) and (max-height:520px){.cert-preview{grid-template-columns:1fr}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}