.qb-ipad{position:relative;width:var(--device-w);padding:calc(var(--device-w) * .006);border-radius:calc(var(--device-w) * .052);background:var(--lp-device-metal);box-shadow:0 0 0 1px var(--lp-device-edge),inset 0 1px 0 rgb(255 255 255/.22),inset 0 -1px 0 rgb(0 0 0/.5),var(--lp-device-shadow)}.qb-ipad__glass{position:relative;padding:calc(var(--device-w) * .026);border-radius:calc(var(--device-w) * .046);background:var(--lp-device-glass)}.qb-ipad__screen{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:calc(var(--device-w) * .022);background:var(--fg)}.qb-ipad__camera{position:absolute;top:calc(var(--device-w) * .011);left:50%;width:calc(var(--device-w) * .0075);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#3a3d44,#0b0c0e 70%);transform:translateX(-50%)}.qb-hero-devices{--device-w:clamp(5rem,26vw,10rem);--band-h:calc(var(--device-w) * 0.9);position:relative;order:-1;align-self:stretch;height:var(--band-h);margin:1rem calc(-1 * var(--spacing-gutter)) calc(-1 * var(--hero-mark));pointer-events:none}.qb-hero-device{position:absolute;top:0;opacity:.75}.qb-hero-device--left{left:calc(var(--device-w) * -.5);transform-origin:right center;animation:qb-device-left 1.1s var(--ease-out-quint) 1.3s both}.qb-hero-device--right{right:calc(var(--device-w) * -.5);transform-origin:left center;animation:qb-device-right 1.1s var(--ease-out-quint) 1.5s both}@media (min-width:66rem){.qb-hero-devices{--device-w:clamp(22rem,30vw,34rem);position:absolute;inset:0;height:auto;margin:0}.qb-hero-device{opacity:1}.qb-hero-device--left{top:24%;left:auto;right:calc(50% + var(--hero-column, 42rem) / 2 + var(--hero-gap, 4rem))}.qb-hero-device--right{top:20%;right:auto;left:calc(50% + var(--hero-column, 42rem) / 2 + var(--hero-gap, 4rem))}}.qb-ipad__screen{container-type:inline-size}.qb-app{--u:calc(100cqw / 60);--fs-caps:calc(var(--u) * 0.52);--fs-meta:calc(var(--u) * 0.64);--fs-small:calc(var(--u) * 0.72);--fs-body:calc(var(--u) * 0.8);--bar-h:3.4em;--drawer-w:21em;--open:0.8s var(--ease-out-expo);--close:0.5s cubic-bezier(0.55,0,0.8,0.2);position:absolute;inset:0;display:flex;font-size:var(--u);line-height:1.45;color:var(--fg);text-align:left;user-select:none}.qb-app svg{width:1em;height:1em;flex:none}.qb-caps{font-size:var(--fs-caps);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-subtle)}.qb-ar{font-family:Noto Naskh Arabic,Amiri,serif}.qb-gilt{color:var(--gilt-strong)}.qb-app__muted{font-size:var(--fs-meta);color:var(--fg-subtle)}.qb-rule{display:flex;align-items:center;gap:1em}.qb-rule:after{content:"";flex:1}.qb-rule-top,.qb-rule:after{border-top:1px solid var(--rule-subtle)}.qb-app__sidebar{position:relative;display:flex;flex-direction:column;flex:none;width:14.5em;color:var(--fg)}.qb-app__grain{position:absolute;inset:0;opacity:.06;pointer-events:none}.qb-app__sidebar:after{content:"";position:absolute;inset:0 0 0 auto;width:1px;background:linear-gradient(transparent,color-mix(in srgb,var(--gilt) 20%,transparent),transparent)}.qb-app__brand{display:flex;align-items:center;gap:.6em;padding:1.1em 1em;border-bottom:1px solid var(--rule)}.qb-app__brand-mark{width:2.1em;height:auto}.qb-app__brand-name{font-size:calc(var(--u) * .78);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.qb-app__brand-sub{font-family:var(--font-serif);font-size:calc(var(--u) * .55);font-style:italic;color:var(--gilt);opacity:.75}.qb-app__lesson-no{margin-left:auto;text-align:right}.qb-app__lesson-no span{font-family:var(--font-serif);font-size:calc(var(--u) * 1.1);line-height:1;color:var(--gilt)}.qb-app__progress{display:flex;align-items:center;gap:.7em;padding:.9em 1.1em;border-bottom:1px solid var(--rule)}.qb-app__rail{flex:1;height:1px;background:var(--rule-strong)}.qb-app__rail span{display:block;height:100%;background:var(--gilt)}.qb-app__sections{display:flex;flex-direction:column;gap:.15em;padding:.8em .6em}.qb-app__row{display:flex;align-items:center;gap:.6em;min-height:2.2em;padding:0 .65em;border:1px solid transparent;border-radius:.5em;font-size:calc(var(--u) * .66);font-weight:500;color:var(--fg-muted)}.qb-app__row.glass-row{color:var(--fg)}.qb-app__row>svg:last-child{width:.85em;color:var(--fg-faint)}.qb-app__steps{display:flex;flex-direction:column;gap:.15em;margin:.1em 0 .1em 1.4em}.qb-app__steps .qb-app__row{min-height:1.8em;padding-inline:.4em;font-size:calc(var(--u) * .62);font-weight:400}.qb-app__mark{display:grid;flex:none;place-items:center;width:1.05em;height:1.05em;border-radius:50%}.qb-app__steps .qb-app__mark{width:.8em;height:.8em}.qb-app__mark[data-state=done]{background:var(--gilt);color:var(--on-gilt)}.qb-app__mark[data-state=done] svg{width:.62em;height:.62em;stroke-width:3.5}.qb-app__mark[data-state=current]{border:.1em solid var(--gilt)}.qb-app__mark[data-state=current]:after{content:"";width:35%;height:35%;border-radius:50%;background:var(--gilt)}.qb-app__mark[data-state=open]{border:1px solid var(--rule-strong)}.qb-app__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qb-app__time{font-size:var(--fs-caps);color:var(--fg-subtle)}.qb-app__browse{margin:auto 0 0;padding:.6em;border-top:1px solid var(--rule)}.qb-app__browse>svg:first-child{color:var(--fg-subtle)}.qb-app__page{position:relative;flex:1;min-width:0;overflow:hidden;background:linear-gradient(180deg,var(--surface),var(--surface-sunken))}.qb-app__bar{position:relative;z-index:2;display:flex;align-items:center;gap:.8em;height:var(--bar-h);padding:0 1.2em;border-bottom:1px solid var(--rule-subtle);background:var(--surface)}.qb-app__chip{display:grid;flex:none;place-items:center;width:2em;height:2em;border:1px solid var(--rule);border-radius:50%}.qb-app__crumb{min-width:0;padding-left:.8em;border-left:1px solid var(--rule-subtle);font-size:var(--fs-small);white-space:nowrap}.qb-app__crumb .qb-caps{font-size:calc(var(--u) * .46)}.qb-app__wordmark{position:absolute;left:50%;width:auto;height:1.4em;transform:translateX(-50%)}.qb-app__actions{display:flex;flex:none;align-items:center;gap:.5em;margin-left:auto}.qb-app__pill{display:inline-flex;flex:none;align-items:center;gap:.35em;padding:.55em 1em;border-radius:999px;font-size:var(--fs-meta);font-weight:600}.qb-app__pill--outline{border:1px solid var(--rule)}.qb-app__pill--ink{background:var(--primary);color:var(--primary-foreground)}.qb-app__body{position:absolute;inset:var(--bar-h) 0 0 0;padding:0 3.8em 0 2.4em;overflow:hidden;transition:right var(--close),padding var(--close)}.qb-app[data-drawer=true] .qb-app__body{right:var(--drawer-w);padding-right:1.6em;transition:right var(--open),padding var(--open)}.qb-app__card{max-width:36em;margin:0 auto 1.6em;border:1px solid var(--rule-subtle);border-radius:.9em;background:var(--surface);box-shadow:var(--shadow-md)}.qb-app__card--cut{padding:1.6em 1.6em 1.1em;border-top:0;border-radius:0 0 .9em .9em}.qb-app__instruction{display:flex;gap:1em;padding-top:.75em;font-size:var(--fs-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qb-app__instruction span{font-family:var(--font-serif);color:var(--gilt-strong)}.qb-app__card-head{padding:1em 1.6em;border-bottom:1px solid var(--rule-subtle)}.qb-app__card-body{padding:1.4em 1.6em 1.6em}.qb-app__title{margin-top:.15em;font-family:var(--font-serif);font-size:calc(var(--u) * 1.9);font-weight:400;line-height:1.15}.qb-app__subtitle{margin-top:.3em;font-family:var(--font-serif);font-size:var(--fs-small);font-style:italic;color:var(--fg-muted)}.qb-app__unlock{display:flex;flex-direction:column;align-items:center;margin-top:1.3em;padding:1.5em 1.2em 1.3em;border:1px solid var(--rule-subtle);border-radius:.8em;text-align:center}.qb-app__lock{display:grid;place-items:center;width:2.4em;height:2.4em;border:1px solid color-mix(in srgb,var(--gilt) 60%,transparent);border-radius:50%;background:rgb(var(--gilt-500)/.15);color:var(--gilt-strong)}.qb-app__count{margin-top:.3em;font-family:var(--font-serif);font-size:calc(var(--u) * 2.6);line-height:1.2}.qb-app__gilt-button{margin-top:1em;padding:.65em 1.5em;border-radius:999px;background:var(--gilt);font-size:var(--fs-small);font-weight:600}.qb-app__words{display:flex;flex-wrap:wrap;justify-content:center;gap:.2em .9em;margin-top:1.3em;padding-top:1em;border-top:1px solid var(--rule-subtle);font-family:Noto Naskh Arabic,Amiri,serif;font-size:calc(var(--u) * 1.05);color:var(--fg-faint)}.qb-app__tools{position:absolute;top:calc(50% + var(--bar-h) / 2);right:.8em;display:flex;flex-direction:column;gap:.45em;padding:.55em .4em;border:1px solid var(--rule-subtle);border-radius:999px;background:var(--surface);box-shadow:var(--shadow-md);transform:translateY(-50%)}.qb-app__tool{position:relative;display:grid;place-items:center;width:2.1em;height:2.1em;border-radius:50%;color:var(--fg-muted);transition:background-color .3s var(--ease-settle),color .3s var(--ease-settle)}.qb-app__tool[data-lit=true]{background:rgb(var(--gilt-500)/.15);color:var(--gilt-strong)}.qb-app__badge{position:absolute;top:-.35em;right:-.35em;padding:.1em .4em;border-radius:999px;background:var(--gilt);font-size:calc(var(--u) * .46);font-weight:700;line-height:1.3;color:var(--fg)}.qb-tap{position:absolute;top:50%;left:50%;width:2.6em;aspect-ratio:1;border:.12em solid var(--gilt);border-radius:50%;box-shadow:0 0 0 .3em var(--gilt-tint);pointer-events:none;animation:qb-tap .65s var(--ease-out-expo) both}@keyframes qb-tap{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}.qb-drawer{position:absolute;top:var(--bar-h);right:0;bottom:0;z-index:1;display:flex;flex-direction:column;width:var(--drawer-w);overflow:hidden;border-left:1px solid var(--rule-subtle);background:var(--surface);box-shadow:-1.2em 0 2.4em -1.4em rgb(0 0 0/.3);transform:translateX(105%);transition:transform var(--close)}.qb-drawer[data-open=true]{transform:none;transition:transform var(--open)}.qb-drawer[data-open=true] .qb-in{animation:qb-in .6s var(--ease-out-expo) calc(.35s + var(--i, 0) * 70ms) both}.qb-drawer[data-open=true] .qb-mark{animation:qb-mark .8s var(--ease-settle) .7s both}@keyframes qb-in{0%{opacity:0;transform:translateY(.6em)}}@keyframes qb-mark{0%{background-color:initial}}.qb-drawer__head{display:flex;flex:none;align-items:center;gap:.7em;padding:.8em 1.1em;border-bottom:1px solid var(--rule-subtle);background:color-mix(in srgb,var(--gilt) 7%,var(--surface));color:var(--fg-muted)}.qb-drawer__medallion{display:grid;flex:none;place-items:center;width:1.9em;height:1.9em;border-radius:50%;background:var(--gilt);color:var(--fg)}.qb-drawer__medallion svg{width:.95em;height:.95em}.qb-drawer__back,.qb-drawer__title{flex:1;min-width:0}.qb-drawer__title>:first-child{font-size:calc(var(--u) * .62);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--fg)}.qb-drawer__sub{font-size:calc(var(--u) * .56);color:var(--fg-subtle)}.qb-drawer__back{font-size:var(--fs-small)}.qb-drawer__pad{padding:.9em 1.1em}.qb-drawer__meta{display:flex;align-items:center;justify-content:space-between;margin-top:.9em}.qb-drawer__pad.qb-drawer__meta{margin-top:0}.qb-drawer__meta .qb-gilt{font-size:var(--fs-meta)}.qb-segments{display:grid;grid-template-columns:repeat(3,1fr);padding:.2em;border:1px solid var(--rule-subtle);border-radius:999px;background:var(--surface-sunken)}.qb-segments span{padding:.5em 0;border-radius:999px;font-size:var(--fs-small);text-align:center;color:var(--fg-subtle)}.qb-segments [data-on]{background:color-mix(in srgb,var(--gilt) 20%,var(--surface));color:var(--fg)}.qb-field{display:flex;align-items:center;gap:.5em;margin-top:.8em;padding:.6em .8em;border:1px solid var(--rule-subtle);border-radius:.6em;background:var(--surface-sunken);font-size:var(--fs-small);color:var(--fg-subtle)}.qb-field--inline{margin:0;padding:.35em .7em;color:var(--fg)}.qb-list{border-top:1px solid var(--rule-subtle)}.qb-list>li{display:flex;align-items:center;justify-content:space-between;gap:.6em;padding:.6em 1.1em;border-bottom:1px solid var(--rule-subtle)}.qb-list--plain,.qb-list--plain>li{border:0}.qb-bank-row i{font-size:var(--fs-meta);color:var(--fg-subtle)}.qb-bank-row__word{font-size:calc(var(--u) * 1.35);line-height:1.3}.qb-bank-row__status{display:grid;justify-items:end;gap:.2em}.qb-rating{display:flex;flex:none;align-items:center;gap:.4em;font-size:var(--fs-meta);color:var(--fg-muted)}.qb-rating span{width:.6em;height:.6em;border-radius:50%}.qb-tag{display:inline-block;padding:.3em .8em;border-radius:999px;background:rgb(var(--gilt-500)/.15);font-size:var(--fs-caps);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted)}.qb-dict__actions{display:flex;align-items:center;gap:.5em}.qb-dict__actions .qb-tag{margin-right:auto}.qb-dict__action{display:inline-flex;align-items:center;gap:.35em;padding:.3em .7em;border:1px solid var(--rule);border-radius:999px;font-size:var(--fs-caps);color:var(--fg-muted)}.qb-dict__section{display:flex;align-items:center;justify-content:space-between;padding-block:.8em;color:var(--fg-subtle)}.qb-dict__root{margin-top:.3em;font-size:calc(var(--u) * 2.8);line-height:1.4}.qb-dict__line{display:flex;align-items:baseline;gap:.6em;margin-top:.5em;font-size:var(--fs-small)}.qb-dict__form{margin-top:1em}.qb-dict__form-head{display:flex;align-items:center;gap:.7em}.qb-dict__verb{margin-left:auto;font-size:calc(var(--u) * 1.5);line-height:1}.qb-dict__form ol{margin-top:.5em;padding-left:1.4em;list-style:decimal;font-size:var(--fs-small)}.qb-dict__form li+li{margin-top:.3em}.qb-mushaf__bar{display:flex;align-items:center;justify-content:space-between;gap:.8em}.qb-mushaf__bar .qb-field{flex:1;justify-content:space-between;margin:0;color:var(--fg)}.qb-mushaf__bar .qb-caps{display:flex;align-items:center;gap:.5em;color:var(--fg)}.qb-mushaf__page{margin:0 1.1em 1.1em;padding:.35em;border:1px solid var(--rule-subtle);border-radius:.3em;background:var(--surface);box-shadow:var(--shadow-md)}.qb-mushaf__frame{padding:.5em .7em .3em;border:1px solid color-mix(in srgb,var(--gilt-strong) 45%,transparent)}.qb-mushaf__line{display:flex;justify-content:space-between;font-size:calc(var(--u) * .98);line-height:1.95;white-space:nowrap}.qb-mushaf__line span{border-radius:.15em}.qb-mushaf__folio{font-family:Noto Naskh Arabic,Amiri,serif;font-size:var(--fs-meta);text-align:center;color:var(--gilt-strong)}.qb-atlas-row{padding-block:.45em}.qb-atlas-row__dot{flex:none;width:.55em;height:.55em;border-radius:50%}.qb-atlas-row__name{flex:1;font-size:var(--fs-small)}.qb-atlas-row svg{width:.8em;color:var(--fg-faint)}.qb-chat{display:flex;flex-direction:column}.qb-chat__ask{align-self:flex-end;padding:.6em .9em;border-radius:.9em;background:var(--primary);font-size:var(--fs-small);color:var(--primary-foreground)}.qb-chat__answer{width:88%;margin-top:.9em;padding:.8em .9em;border:1px solid var(--rule-subtle);border-radius:.8em;background:var(--surface-sunken);font-size:var(--fs-small);line-height:1.6}.qb-chat__answer ul{margin-top:.4em}.qb-chat__answer li:before{content:"•";margin-right:.6em;color:var(--gilt)}.qb-chat__answer .qb-ar{font-size:1.15em}.qb-chat__input{margin:auto 1.1em 1.1em;padding:.65em 1em;border:1px solid var(--rule);border-radius:999px;font-size:var(--fs-small);color:var(--fg-subtle)}.qb-scroll{position:relative;padding:1.4em 0 .2em;transition:transform 1.6s var(--ease-fade)}.qb-app__gap{height:1.2em}.qb-app__quiz-meta{margin-top:1.2em}.qb-app__start{margin-top:1.1em;padding:.75em 1.3em;font-size:var(--fs-small)}.qb-book__bar{display:flex;align-items:center;gap:.8em;padding:.5em .9em;border:1px solid var(--rule-subtle);border-radius:.7em;color:var(--fg-subtle)}.qb-book__chips{display:flex;flex:none;gap:.2em;padding:.2em;border:1px solid var(--rule-subtle);border-radius:999px}.qb-book__chips span{padding:.35em .75em;border:1px solid transparent;border-radius:999px;font-family:var(--font-serif);font-size:var(--fs-meta);color:var(--fg-muted);transition:color .3s var(--ease-settle),border-color .3s var(--ease-settle)}.qb-book__chips [data-on=true]{border-color:color-mix(in srgb,var(--gilt) 55%,transparent);color:var(--gilt-strong)}.qb-book__play{display:grid;flex:none;place-items:center;width:1.9em;height:1.9em;margin-left:auto;border-radius:50%;background:var(--primary);color:var(--primary-foreground)}.qb-book__play svg{width:.8em;height:.8em;fill:currentColor}.qb-book__track{flex:1;max-width:7em;height:.2em;border-radius:1em;background:var(--rule-subtle)}.qb-book__track span{display:block;height:100%;border-radius:inherit;background:var(--gilt);transition:width .8s linear}.qb-book__spread{position:relative;display:grid;grid-template-columns:1fr 1fr;margin-top:1.2em;border-radius:.3em;background:var(--surface);box-shadow:var(--shadow-lg);perspective:60em}.qb-book__spread:after{content:"";position:absolute;inset:0 auto 0 calc(50% - .4em);width:.8em;background:linear-gradient(90deg,transparent,rgb(64 48 32/.14),transparent);pointer-events:none}.qb-book__page{display:flex;flex-direction:column;justify-content:center;min-height:17em;padding:1.3em 1.4em;text-align:center}.qb-book__plate{padding:1.2em 1em;border:1px solid var(--gilt);box-shadow:inset 0 0 0 .2em var(--surface),inset 0 0 0 calc(.2em + 1px) color-mix(in srgb,var(--gilt) 50%,transparent)}.qb-book__plate--small{margin:0 1.2em}.qb-book__chapter{font-size:var(--fs-caps);font-style:italic;letter-spacing:.2em;text-transform:uppercase;color:var(--gilt-strong)}.qb-book__chapter,.qb-book__title{font-family:var(--font-serif);font-weight:700}.qb-book__title{margin-top:.3em;font-size:calc(var(--u) * 1.1)}.qb-book__ornament{margin:.5em 0;font-size:var(--fs-meta);color:var(--gilt)}.qb-book__blurb{font-family:var(--font-serif);font-size:var(--fs-meta);font-style:italic;line-height:1.6;color:var(--fg-muted)}.qb-book__basmala{font-size:var(--fs-small)}.qb-book__title-ar{font-size:calc(var(--u) * 1.5);line-height:1.6}.qb-book__series{font-family:var(--font-serif);font-size:var(--fs-meta);color:var(--gilt-strong)}.qb-book__story{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;column-gap:2.8em;align-content:center;align-items:center;min-height:17em;padding:1.3em 1.4em}.qb-book__heading{margin-bottom:.4em;text-align:center;font-size:calc(var(--u) * 1.05);color:var(--gilt-strong)}.qb-book__ar,.qb-book__en{margin:.1em 0;padding:.25em .5em;border-radius:.4em;transition:background-color .25s var(--ease-settle)}.qb-book__ar{font-size:calc(var(--u) * .92);line-height:1.7;text-align:center}.qb-book__en{font-family:var(--font-serif);font-size:var(--fs-meta);font-style:italic;text-align:left;color:var(--fg-muted)}.qb-book__ar[data-on=true],.qb-book__en[data-on=true]{background:rgb(var(--gilt-500)/.15)}.qb-book__leaf{position:absolute;inset:0 50% 0 0;border-radius:.3em 0 0 .3em;background:linear-gradient(90deg,var(--surface),color-mix(in srgb,var(--surface-sunken) 70%,var(--surface)));box-shadow:0 0 1.5em rgb(64 48 32/.18);transform-origin:right center;animation:qb-leaf .95s var(--ease-fade) both}@keyframes qb-leaf{85%{opacity:1}to{transform:rotateY(-180deg);opacity:0}}.qb-book__leaf[data-turn=back]{animation-name:qb-leaf-back}@keyframes qb-leaf-back{0%{transform:rotateY(-180deg);opacity:0}15%{opacity:1}to{opacity:0}}@keyframes qb-device-left{0%{opacity:0;transform:translateX(-250px) rotate(-16deg)}to{transform:translateX(0) rotate(-7deg)}}@keyframes qb-device-right{0%{opacity:0;transform:translateX(250px) rotate(16deg)}to{transform:translateX(0) rotate(7deg)}}@media (prefers-reduced-motion:reduce){.qb-hero-device--left{animation:none;transform:rotate(-7deg)}.qb-hero-device--right{animation:none;transform:rotate(7deg)}.qb-in,.qb-mark{animation:none!important}.qb-app__body,.qb-drawer,.qb-scroll{transition:none!important}}