.demo-card details[open]>summary~*{animation:details-in .35s ease-out}@keyframes details-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.demo-card{background:color-mix(in srgb,var(--rail, var(--color-stone-soft)) 4%,var(--color-card));border:1px solid var(--color-card-edge);border-inline-start:5px solid var(--rail, var(--color-stone-soft));border-radius:1.1rem;box-shadow:var(--shadow-card);transition:transform .25s var(--ease-out-quart),box-shadow .25s var(--ease-out-quart),border-color .25s}.dark .demo-card{background:color-mix(in srgb,var(--rail, var(--color-coal-edge)) 12%,var(--color-coal-soft));border-color:var(--color-coal-edge);border-inline-start-color:var(--rail, var(--color-coal-edge));box-shadow:0 2px 8px -3px #00000073,0 14px 30px -14px #0000008c}.demo-card:hover{transform:translateY(-3px);box-shadow:var(--lift-shadow);border-inline-start-width:7px}.word-details-toggle{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;margin-top:1.1rem;padding:.5rem .95rem;border-radius:9999px;cursor:pointer;font-family:var(--font-arabic);font-size:.95rem;font-weight:700;line-height:1;color:var(--color-purple-deep);background:color-mix(in srgb,var(--color-purple) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-purple) 24%,transparent);transition:background-color .18s,border-color .18s,transform .18s;list-style:none}.word-details-toggle::-webkit-details-marker{display:none}.word-details-toggle:hover{background:color-mix(in srgb,var(--color-purple) 16%,transparent);border-color:color-mix(in srgb,var(--color-purple) 42%,transparent);transform:translateY(-1px)}.dark .word-details-toggle{color:color-mix(in srgb,var(--color-purple) 86%,white);background:color-mix(in srgb,var(--color-purple) 22%,transparent);border-color:color-mix(in srgb,var(--color-purple) 36%,transparent)}.word-details-toggle .wd-chev{width:.95rem;height:.95rem;transition:transform .3s var(--ease-out-quart)}.word-details[open] .word-details-toggle .wd-chev{transform:rotate(180deg)}.word-chip{padding:.15rem .7rem;border-radius:9999px;color:var(--chip);background:color-mix(in srgb,var(--chip) 11%,transparent);border:1px solid color-mix(in srgb,var(--chip) 22%,transparent)}.dark .word-chip{color:color-mix(in srgb,var(--chip) 80%,white);background:color-mix(in srgb,var(--chip) 18%,transparent);border-color:color-mix(in srgb,var(--chip) 30%,transparent)}.demo-textarea[data-astro-cid-ftsn665i]{background:var(--color-paper-soft);border:1px solid var(--color-card-edge);transition:border-color .2s,box-shadow .2s}.demo-textarea[data-astro-cid-ftsn665i]:focus{outline:none;border-color:var(--color-purple);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-purple) 14%,transparent)}.dark .demo-textarea[data-astro-cid-ftsn665i]{background:var(--color-coal);border-color:var(--color-coal-edge)}.act-btn[data-astro-cid-ftsn665i]{display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1.6rem;border-radius:9999px;font-family:var(--font-arabic);font-size:1.2rem;font-weight:600;line-height:1;color:var(--color-ink);background:var(--color-card);border:1.5px solid var(--color-card-edge);cursor:pointer;box-shadow:var(--shadow-card);transition:color .2s,border-color .2s,transform .22s var(--ease-out-quart),box-shadow .22s var(--ease-out-quart)}.dark .act-btn[data-astro-cid-ftsn665i]{color:var(--color-mist);background:var(--color-coal-soft);border-color:var(--color-coal-edge)}.act-btn[data-astro-cid-ftsn665i]:hover{color:var(--color-purple);border-color:var(--color-purple);transform:translateY(-3px);box-shadow:var(--lift-shadow)}.act-btn[data-astro-cid-ftsn665i] svg[data-astro-cid-ftsn665i]{width:1.35rem;height:1.35rem}.act-btn-primary[data-astro-cid-ftsn665i],.dark .act-btn-primary[data-astro-cid-ftsn665i]{color:#fff;background:var(--color-purple);border-color:var(--color-purple)}.act-btn-primary[data-astro-cid-ftsn665i]:hover{color:#fff;filter:brightness(1.07);border-color:var(--color-purple)}.skel[data-astro-cid-ftsn665i]{background:linear-gradient(90deg,color-mix(in srgb,var(--color-ink) 6%,transparent) 25%,color-mix(in srgb,var(--color-ink) 12%,transparent) 37%,color-mix(in srgb,var(--color-ink) 6%,transparent) 63%);background-size:400% 100%;animation:skel-shimmer 1.4s ease-in-out infinite}.dark .skel[data-astro-cid-ftsn665i]{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 37%,#ffffff0a 63%);background-size:400% 100%}@keyframes skel-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.word-card{animation:none}.demo-card,.demo-card:hover{transform:none}.demo-card details[open]>summary~*{animation:none}.skel[data-astro-cid-ftsn665i]{animation:none}}.export-card{position:fixed;left:-10000px;top:0;z-index:-1;width:640px;box-sizing:border-box;padding:2.5rem 2.25rem;background:var(--color-paper);border:1px solid var(--color-stone);border-radius:24px;border-top:6px solid var(--color-purple);font-family:var(--font-arabic)}.dark .export-card{background:var(--color-coal);border-color:var(--color-coal-edge)}.export-card .ec-top{display:flex;align-items:center;gap:.65rem;margin-bottom:1.6rem}.export-card .ec-logo{width:40px;height:40px;border-radius:9px}.export-card .ec-brand{font-family:var(--font-arabic-display);font-weight:700;font-size:2rem;color:var(--color-ink)}.dark .export-card .ec-brand{color:var(--color-mist)}.export-card .ec-tag{margin-inline-start:auto;font-size:1rem;color:var(--color-purple);background:color-mix(in srgb,var(--color-purple) 12%,transparent);padding:.35rem .85rem;border-radius:999px}.export-card .ec-verse{font-family:var(--font-quran);font-size:2.7rem;line-height:2;text-align:center;color:var(--color-ink);margin-bottom:.6rem}.dark .export-card .ec-verse{color:var(--color-mist)}.export-card .ec-meaning{text-align:center;font-style:italic;font-size:1.2rem;color:color-mix(in srgb,var(--color-ink) 55%,transparent);margin-bottom:1.8rem}.dark .export-card .ec-meaning{color:color-mix(in srgb,var(--color-mist) 55%,transparent)}.export-card .ec-words{display:flex;flex-direction:column;gap:.8rem}.export-card .ec-word{border:1px solid var(--color-stone);border-inline-start:5px solid var(--rail, var(--color-stone-soft));border-radius:16px;background:#fff;padding:1rem 1.2rem;box-shadow:0 2px 8px -3px #17384714}.dark .export-card .ec-word{background:var(--color-coal-soft);border-color:var(--color-coal-edge)}.export-card .ec-w-head{display:flex;align-items:baseline;gap:.7rem;margin-bottom:.4rem}.export-card .ec-tok{font-family:var(--font-quran);font-size:1.85rem;font-weight:700;color:var(--color-ink)}.dark .export-card .ec-tok{color:var(--color-mist)}.export-card .ec-chip{font-size:.9rem;font-weight:600;color:var(--rail, var(--color-purple));background:color-mix(in srgb,var(--rail, var(--color-purple)) 13%,transparent);padding:.2rem .7rem;border-radius:999px}.export-card .ec-irab{font-family:var(--font-arabic-classical);font-size:1.25rem;line-height:1.8;color:color-mix(in srgb,var(--color-ink) 88%,transparent)}.dark .export-card .ec-irab{color:color-mix(in srgb,var(--color-mist) 88%,transparent)}.export-card .ec-details{margin-top:.55rem;padding-top:.55rem;border-top:1px dashed var(--color-stone);font-family:var(--font-arabic-classical);font-size:1.1rem;line-height:1.8;color:color-mix(in srgb,var(--color-ink) 70%,transparent)}.dark .export-card .ec-details{border-top-color:var(--color-coal-edge);color:color-mix(in srgb,var(--color-mist) 72%,transparent)}.export-card .ec-block{margin-top:1.4rem;border:1px solid var(--color-stone);border-radius:16px;background:color-mix(in srgb,var(--color-purple) 4%,#fff);padding:1.1rem 1.3rem}.dark .export-card .ec-block{border-color:var(--color-coal-edge);background:var(--color-coal-soft)}.export-card .ec-block-label{font-family:var(--font-arabic-display);font-weight:700;font-size:1.2rem;color:var(--color-purple);margin-bottom:.45rem}.export-card .ec-block-text{font-family:var(--font-arabic-classical);font-size:1.2rem;line-height:1.9;color:color-mix(in srgb,var(--color-ink) 85%,transparent)}.dark .export-card .ec-block-text{color:color-mix(in srgb,var(--color-mist) 85%,transparent)}.export-card .ec-foot{margin-top:1.9rem;padding-top:1.3rem;border-top:1px solid var(--color-stone);text-align:center;font-size:1.1rem;font-weight:600;color:var(--color-purple)}.dark .export-card .ec-foot{border-color:var(--color-coal-edge)}