body{overflow:hidden}.learn-app{position:fixed;inset:0;background:var(--canvas);display:flex;flex-direction:column;z-index:50}.learn-header{position:relative;padding:.75rem 1.25rem;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;background:#fff8f3eb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--ink-08);z-index:5}.learn-brand{font-family:Sora,sans-serif;font-weight:800;font-size:1.15rem;color:var(--mauve);letter-spacing:-.02em;text-decoration:none}.learn-counter{text-align:center;font-family:Public Sans,sans-serif;font-weight:600;font-size:.78rem;color:var(--ink-60);letter-spacing:.06em}.learn-back{font-size:1.5rem;color:var(--ink-60);text-decoration:none;line-height:1;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;justify-self:end}.learn-back:hover{background:var(--ink-08);color:var(--ink)}.learn-progress{height:3px;background:var(--ink-08);z-index:4}.learn-progress-track{height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--mauve),var(--pink));transition:transform .35s cubic-bezier(.16,1,.3,1)}.learn-stage{flex:1;position:relative;overflow:hidden;padding:1rem 1rem 3.5rem;display:flex;align-items:center;justify-content:center}.learn-deck{position:relative;width:100%;max-width:420px;aspect-ratio:4 / 5;perspective:1200px;overflow:visible}.deck-card{position:absolute;inset:0;background:var(--surface);border-radius:24px;box-shadow:0 24px 64px #3a22182e,0 4px 12px #3a221814;padding:1.75rem 1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s,box-shadow .3s;will-change:transform,opacity;visibility:hidden}.deck-card[data-state=top]{visibility:visible;z-index:30;transform:translateZ(0)}.deck-card[data-state=behind-1]{visibility:visible;z-index:20;transform:translateY(20px) scale(.94);opacity:.6;pointer-events:none}.deck-card[data-state=behind-2]{visibility:visible;z-index:10;transform:translateY(38px) scale(.88);opacity:.3;pointer-events:none}.deck-card[data-state=behind-1] .deck-card-inner,.deck-card[data-state=behind-2] .deck-card-inner{visibility:hidden}.deck-card[data-state=out-left]{visibility:visible;transform:translate(-150%) rotate(-25deg);opacity:0;pointer-events:none;z-index:40}.deck-card[data-state=out-right]{visibility:visible;transform:translate(150%) rotate(25deg);opacity:0;pointer-events:none;z-index:40}.deck-card.kind-glossary{background:linear-gradient(180deg,var(--canvas) 0%,var(--canvas-deep) 100%)}.deck-card.kind-qa{background:linear-gradient(180deg,var(--canvas-deep) 0%,var(--canvas) 100%)}.deck-card.kind-intro{background:radial-gradient(ellipse 80% 60% at 50% 40%,var(--mauve-tint),transparent 70%),var(--surface)}.deck-card.kind-tool{background:radial-gradient(ellipse 80% 60% at 50% 40%,var(--pink-tint),transparent 70%),var(--surface)}.deck-card-inner{width:100%;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:.85rem;scrollbar-width:thin}.card-eyebrow{font-family:Public Sans,sans-serif;font-weight:700;font-size:.7rem;color:var(--mauve);text-transform:uppercase;letter-spacing:.16em}.card-arabic{font-family:Amiri,serif;font-size:clamp(2.25rem,7vw,3rem);color:var(--mauve);line-height:1.1;margin:0}.card-title{font-family:Sora,sans-serif;font-weight:800;font-size:clamp(1.5rem,4.5vw,2.1rem);line-height:1.15;color:var(--ink);margin:0;letter-spacing:-.025em}.deck-card.kind-qa .card-title{font-family:EB Garamond,serif;font-style:italic;font-weight:500;line-height:1.25}.card-translit{font-family:EB Garamond,serif;font-style:italic;color:var(--ink-60);font-size:1rem}.card-body{color:var(--ink-80);font-size:clamp(.95rem,1.4vw,1.05rem);line-height:1.55;margin:.25rem 0 0}.deck-card.kind-qa .card-body{font-family:EB Garamond,serif;font-style:italic;color:var(--ink);background:#ffffff80;padding:.85rem 1rem;border-radius:14px}.card-source{margin-top:.5rem;font-size:.78rem;color:var(--ink-60);background:#ffffff80;padding:.5rem .85rem;border-radius:10px;display:inline-flex;flex-direction:column;gap:.15rem;align-self:center}.card-source-label{font-family:Public Sans,sans-serif;font-weight:700;font-size:.6rem;color:var(--mauve);text-transform:uppercase;letter-spacing:.12em}.card-source a{color:var(--mauve);font-family:Public Sans,sans-serif;font-weight:600}.card-source a:hover{color:var(--pink)}.card-more{margin-top:.5rem;align-self:center;background:var(--pink);color:#fff;padding:.7rem 1.25rem;border-radius:999px;font-family:Public Sans,sans-serif;font-weight:700;font-size:.8rem;text-decoration:none;transition:background .2s,transform .15s;box-shadow:var(--shadow-button)}.card-more:hover{background:var(--mauve);transform:translateY(-2px);color:#fff}.deck-end{position:absolute;inset:0;background:var(--canvas-deep);border-radius:24px;box-shadow:0 24px 64px #3a22182e;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;z-index:50}.deck-end[hidden]{display:none}.deck-end-text{font-family:EB Garamond,serif;font-style:italic;font-size:1.5rem;color:var(--mauve);margin:0;text-align:center}.deck-end-btn{background:var(--pink);color:#fff;border:none;padding:.85rem 1.75rem;border-radius:999px;font-family:Public Sans,sans-serif;font-weight:700;font-size:.9rem;cursor:pointer;transition:background .2s,transform .15s;box-shadow:var(--shadow-button)}.deck-end-btn:hover{background:var(--mauve);transform:translateY(-2px)}.learn-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.25rem 1.5rem}.learn-ctrl{width:56px;height:56px;border-radius:50%;border:1.5px solid var(--ink-08);background:var(--surface);color:var(--ink-80);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s,transform .15s,background .2s;box-shadow:var(--shadow-button)}.learn-ctrl:hover{border-color:var(--mauve);color:var(--mauve);transform:translateY(-2px)}.learn-ctrl:disabled{opacity:.4;cursor:not-allowed;transform:none}.learn-hint{text-align:center;font-family:Public Sans,sans-serif;font-size:.75rem;color:var(--ink-60);margin:0;letter-spacing:.04em}@media(max-width:480px){.learn-hint{font-size:.7rem}.learn-ctrl{width:48px;height:48px}}