.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-shell[data-astro-cid-ftsn665i]{position:relative;overflow:hidden;border-radius:.9rem;border-color:var(--color-card-edge);box-shadow:inset 0 1px #ffffffc7,0 2px 5px #1738470a,0 24px 58px -38px #17384747}.dark .demo-shell[data-astro-cid-ftsn665i]{border-color:var(--color-coal-edge);box-shadow:inset 0 1px #ffffff0a,0 2px 8px -3px #0000006b,0 22px 48px -34px #000000b8}.demo-card{position:relative;overflow:hidden;background:var(--color-card);border:1px solid var(--color-card-edge);border-radius:.75rem;box-shadow:inset 0 1px #ffffffc7,0 1px 2px #1738470d,0 10px 22px -18px #1738472e,0 18px 44px -34px #17384733;transform:translateZ(0);transform-origin:center;transition:transform .42s var(--ease-out-quart),box-shadow .42s var(--ease-out-quart),border-color .32s var(--ease-out-quart),background-color .32s var(--ease-out-quart);will-change:transform}.dark .demo-card{background:var(--color-coal-soft);border-color:var(--color-coal-edge);box-shadow:inset 0 1px #ffffff0a,0 2px 8px -3px #0000006b,0 14px 32px -24px #00000085,0 22px 48px -36px #000000ad}.demo-card:hover{transform:translate3d(0,-7px,0);box-shadow:inset 0 1px #ffffffd1,0 8px 18px -10px #1738472e,0 28px 62px -32px #17384757;border-color:color-mix(in srgb,var(--color-ink) 18%,var(--color-card-edge))}.dark .demo-card:hover{border-color:color-mix(in srgb,var(--color-purple) 32%,var(--color-coal-edge));box-shadow:inset 0 1px #ffffff0f,0 4px 14px -8px #0000009e,0 30px 68px -34px #000000d1}.demo-card:active{transform:translate3d(0,-2px,0) scale(.992);transition-duration:.12s}.mic-btn[data-astro-cid-ftsn665i]{display:inline-flex;align-items:center;justify-content:center;width:2.85rem;height:2.85rem;flex-shrink:0;border-radius:.5rem;color:var(--color-ink-muted);background:var(--color-card);border:1px solid var(--color-card-edge);transition:color .2s,background-color .2s,border-color .2s,transform .2s var(--ease-out-quart),box-shadow .2s var(--ease-out-quart)}.dark .mic-btn[data-astro-cid-ftsn665i]{color:var(--color-mist-muted);background:var(--color-coal-soft);border-color:var(--color-coal-edge)}.mic-btn[data-astro-cid-ftsn665i]:hover{color:var(--color-purple);border-color:var(--color-purple);transform:translateY(-2px);box-shadow:var(--shadow-card)}.mic-btn[data-astro-cid-ftsn665i]:focus-visible{outline:2px solid var(--color-purple);outline-offset:2px}.mic-btn[data-astro-cid-ftsn665i].is-live{color:#fff;background:var(--color-purple);border-color:var(--color-purple);animation:mic-pulse 1.6s ease-in-out infinite}.dark .mic-btn[data-astro-cid-ftsn665i].is-live{color:#fff;background:var(--color-purple)}.mic-btn[data-astro-cid-ftsn665i].is-live:hover{transform:none}@keyframes mic-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--color-purple) 55%,transparent)}50%{box-shadow:0 0 0 9px color-mix(in srgb,var(--color-purple) 0%,transparent)}}.mic-status[data-astro-cid-ftsn665i]{margin-top:.7rem;font-family:var(--font-arabic);font-size:var(--text-caption);color:var(--color-ink-subtle)}.dark .mic-status[data-astro-cid-ftsn665i]{color:var(--color-mist-subtle)}.mic-status[data-astro-cid-ftsn665i]:empty{display:none}.mic-status[data-astro-cid-ftsn665i].is-error{color:#b91c1c}.dark .mic-status[data-astro-cid-ftsn665i].is-error{color:#fca5a5}@media(prefers-reduced-motion:reduce){.mic-btn[data-astro-cid-ftsn665i],.mic-btn[data-astro-cid-ftsn665i]:hover{transform:none}.mic-btn[data-astro-cid-ftsn665i].is-live{animation:none}}.ex-card[data-astro-cid-ftsn665i]{display:flex;flex-direction:column;gap:.3rem;text-align:start;min-height:4.5rem;padding:.85rem 1rem;border-radius:.65rem;background:var(--color-card);border:1px solid var(--color-card-edge);box-shadow:var(--shadow-soft);transition:transform .22s var(--ease-out-quart),box-shadow .22s var(--ease-out-quart),border-color .2s,background-color .2s}.dark .ex-card[data-astro-cid-ftsn665i]{background:var(--color-coal-soft);border-color:var(--color-coal-edge)}.ex-card[data-astro-cid-ftsn665i]:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-purple) 40%,var(--color-card-edge));box-shadow:var(--lift-shadow)}.ex-card[data-astro-cid-ftsn665i]:active{transform:translateY(-1px)}.ex-card[data-astro-cid-ftsn665i]:focus-visible{outline:2px solid var(--color-purple);outline-offset:2px}.ex-card-text[data-astro-cid-ftsn665i]{font-family:var(--font-arabic-classical);font-size:clamp(1rem,1.9vw,1.2rem);line-height:1.75;color:var(--color-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark .ex-card-text[data-astro-cid-ftsn665i]{color:var(--color-mist)}.ex-card-src[data-astro-cid-ftsn665i]{font-family:var(--font-arabic);font-size:var(--text-caption);color:var(--color-ink-subtle)}.dark .ex-card-src[data-astro-cid-ftsn665i]{color:var(--color-mist-subtle)}@media(prefers-reduced-motion:reduce){.ex-card[data-astro-cid-ftsn665i]:hover,.ex-card[data-astro-cid-ftsn665i]:active{transform:none}}.demo-card{border-inline-start:4px solid var(--rail, transparent)}.demo-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to left,color-mix(in srgb,var(--rail) 7%,transparent),transparent 55%);opacity:0;transition:opacity .35s var(--ease-out-quart)}.demo-card.is-linked:after{opacity:1}.demo-card.is-linked{border-color:color-mix(in srgb,var(--rail) 55%,var(--color-card-edge));transform:translate3d(0,-7px,0);box-shadow:0 8px 18px -10px #1738472e,0 28px 62px -32px #17384757}.units-label[data-astro-cid-ftsn665i]{font-family:var(--font-arabic);font-size:var(--text-caption);color:var(--color-ink-subtle);text-align:center;margin-bottom:.65rem}.dark .units-label[data-astro-cid-ftsn665i]{color:var(--color-mist-subtle)}.units-strip[data-astro-cid-ftsn665i]{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.unit{--unit: var(--color-ink-subtle);display:inline-flex;align-items:center;min-height:2.75rem;padding:.3rem .85rem;border-radius:.55rem;font-family:var(--font-arabic-classical);font-size:clamp(1.05rem,2.2vw,1.4rem);line-height:1.6;color:var(--color-ink);background:color-mix(in srgb,var(--unit) 9%,transparent);border:1px solid color-mix(in srgb,var(--unit) 22%,transparent);border-bottom-width:3px;border-bottom-color:color-mix(in srgb,var(--unit) 55%,transparent);cursor:pointer;transition:background-color .22s,border-color .22s,transform .22s var(--ease-out-quart),box-shadow .22s var(--ease-out-quart)}.dark .unit{color:var(--color-mist);background:color-mix(in srgb,var(--unit) 16%,transparent)}.unit:hover,.unit.is-linked{background:color-mix(in srgb,var(--unit) 18%,transparent);border-color:color-mix(in srgb,var(--unit) 48%,transparent);transform:translateY(-2px);box-shadow:0 6px 16px -8px color-mix(in srgb,var(--unit) 55%,transparent)}.unit:focus-visible{outline:2px solid var(--color-purple);outline-offset:2px}.legend[data-astro-cid-ftsn665i]{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1rem;margin-top:.9rem}.legend-item{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-arabic);font-size:var(--text-caption);color:var(--color-ink-subtle)}.dark .legend-item{color:var(--color-mist-subtle)}.legend-dot{width:.6rem;height:.6rem;border-radius:999px;background:var(--dot)}.meta-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:999px;font-family:var(--font-arabic);font-size:var(--text-caption);color:var(--color-ink-subtle);background:color-mix(in srgb,var(--color-ink) 5%,transparent)}.dark .meta-chip{color:var(--color-mist-subtle);background:color-mix(in srgb,var(--color-mist) 8%,transparent)}.meta-chip:empty{display:none}@media(prefers-reduced-motion:reduce){.demo-card.is-linked,.unit:hover,.unit.is-linked{transform:none}}.word-details-toggle{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;margin-top:1.1rem;padding:.5rem .95rem;border-radius:.5rem;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:.5rem;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);box-shadow:inset 0 1px #ffffffbf;transition:border-color .2s,box-shadow .2s,background-color .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);box-shadow:none}.act-btn[data-astro-cid-ftsn665i]{display:inline-flex;align-items:center;gap:.55rem;min-height:2.85rem;padding:.75rem 1.35rem;border-radius:.5rem;font-family:var(--font-arabic);font-size:1.1rem;font-weight:700;line-height:1;color:var(--color-ink);background:var(--color-card);border:1.5px solid var(--color-card-edge);appearance:none;list-style:none;text-decoration:none;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)}.act-btn[data-astro-cid-ftsn665i]:before,.act-btn[data-astro-cid-ftsn665i]:after,.act-btn[data-astro-cid-ftsn665i]::marker{content:none;display:none}.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[data-astro-cid-ftsn665i]:disabled{opacity:.72;cursor:progress}.act-btn[data-astro-cid-ftsn665i] [data-astro-cid-ftsn665i][data-act-spin]{will-change:transform}.act-btn[data-astro-cid-ftsn665i]:disabled:hover{transform:none;box-shadow:none}.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{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{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}}.skel{min-height:9rem;border-radius:.75rem}@media(prefers-reduced-motion:reduce){.word-card{animation:none}.demo-shell[data-astro-cid-ftsn665i],.demo-card,.demo-card:hover{transform:none;transition:none}.demo-card details[open]>summary~*{animation:none}.skel{animation:none}}.export-card{position:fixed;left:-10000px;top:0;z-index:-1;width:760px;box-sizing:border-box;background:var(--color-paper);border:1px solid var(--color-stone);border-radius:22px;overflow:hidden;font-family:var(--font-arabic);color:var(--color-ink)}.dark .export-card{background:var(--color-coal);border-color:var(--color-coal-edge);color:var(--color-mist)}.export-card .ec-head{display:flex;align-items:center;gap:.9rem;padding:1.5rem 2rem;border-bottom:1px solid var(--color-stone);background:linear-gradient(180deg,color-mix(in srgb,var(--color-purple) 7%,transparent),transparent)}.dark .export-card .ec-head{border-bottom-color:var(--color-coal-edge)}.export-card .ec-logo{width:52px;height:52px;border-radius:12px;flex-shrink:0}.export-card .ec-id{display:flex;flex-direction:column;gap:.1rem}.export-card .ec-brand{font-family:var(--font-arabic-display);font-weight:700;font-size:2.1rem;line-height:1.1}.export-card .ec-sub{font-size:1rem;color:var(--color-ink-subtle)}.dark .export-card .ec-sub{color:var(--color-mist-subtle)}.export-card .ec-source{margin-inline-start:auto;text-align:end;max-width:15rem;font-size:1rem;font-weight:600;color:var(--color-purple);background:color-mix(in srgb,var(--color-purple) 11%,transparent);border:1px solid color-mix(in srgb,var(--color-purple) 22%,transparent);padding:.4rem .9rem;border-radius:999px}.export-card .ec-source:empty{display:none}.export-card .ec-hero{padding:1.8rem 2rem 1.2rem;text-align:center}.export-card .ec-verse{font-size:2.6rem;line-height:2}.export-card .ec-meaning{margin-top:.5rem;font-style:italic;font-size:1.15rem;color:var(--color-ink-subtle)}.dark .export-card .ec-meaning{color:var(--color-mist-subtle)}.export-card .ec-meaning:empty{display:none}.export-card .ec-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem 1.1rem;padding:0 2rem 1.4rem;font-size:1rem;color:var(--color-ink-subtle)}.dark .export-card .ec-meta{color:var(--color-mist-subtle)}.export-card .ec-legend{display:inline-flex;flex-wrap:wrap;gap:.5rem 1rem}.export-card .ec-leg{display:inline-flex;align-items:center;gap:.35rem}.export-card .ec-leg-dot{width:.6rem;height:.6rem;border-radius:999px;background:var(--dot)}.export-card .ec-table{width:calc(100% - 4rem);margin:0 2rem 1.6rem;border-collapse:separate;border-spacing:0;border:1px solid var(--color-stone);border-radius:14px;overflow:hidden}.dark .export-card .ec-table{border-color:var(--color-coal-edge)}.export-card .ec-table th{font-size:.95rem;font-weight:700;color:var(--color-ink-subtle);text-align:start;padding:.7rem .9rem;background:color-mix(in srgb,var(--color-ink) 5%,transparent);border-bottom:1px solid var(--color-stone)}.dark .export-card .ec-table th{color:var(--color-mist-subtle);background:color-mix(in srgb,var(--color-mist) 7%,transparent);border-bottom-color:var(--color-coal-edge)}.export-card .ec-table td{padding:.75rem .9rem;vertical-align:top;border-bottom:1px solid color-mix(in srgb,var(--color-stone) 70%,transparent)}.dark .export-card .ec-table td{border-bottom-color:color-mix(in srgb,var(--color-coal-edge) 80%,transparent)}.export-card .ec-table tr:last-child td{border-bottom:none}.export-card .ec-c-word{width:18%}.export-card .ec-c-type{width:17%}.export-card .ec-c-case{width:15%}.export-card .ec-row td:first-child{border-inline-start:5px solid var(--rail, transparent)}.export-card .ec-tok{font-size:1.7rem;font-weight:700;line-height:1.7}.export-card .ec-type{display:block;font-size:1rem;color:var(--color-ink-subtle)}.dark .export-card .ec-type{color:var(--color-mist-subtle)}.export-card .ec-fn{display:block;margin-top:.15rem;font-family:var(--font-mono);font-size:.8rem;direction:ltr;text-align:start;color:color-mix(in srgb,var(--color-ink) 42%,transparent)}.dark .export-card .ec-fn{color:color-mix(in srgb,var(--color-mist) 45%,transparent)}.export-card .ec-chip{display:inline-block;font-size:.95rem;font-weight:600;color:var(--rail, var(--color-purple));background:color-mix(in srgb,var(--rail, var(--color-purple)) 13%,transparent);border:1px solid color-mix(in srgb,var(--rail, var(--color-purple)) 26%,transparent);padding:.2rem .65rem;border-radius:999px;white-space:nowrap}.export-card .ec-irab{font-family:var(--font-arabic-classical);font-size:1.15rem;line-height:1.85}.export-card .ec-details{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--color-stone);font-family:var(--font-arabic-classical);font-size:1.02rem;line-height:1.8;color:var(--color-ink-subtle)}.dark .export-card .ec-details{border-top-color:var(--color-coal-edge);color:var(--color-mist-subtle)}.export-card .ec-note{margin:0 2rem 1rem;padding:1.1rem 1.3rem;border:1px solid var(--color-stone);border-radius:14px;border-inline-start:5px solid var(--color-purple);background:color-mix(in srgb,var(--color-purple) 4%,transparent)}.dark .export-card .ec-note{border-color:var(--color-coal-edge);border-inline-start-color:var(--color-purple);background:color-mix(in srgb,var(--color-purple) 12%,transparent)}.export-card .ec-note-teal{border-inline-start-color:var(--color-teal);background:color-mix(in srgb,var(--color-teal) 5%,transparent)}.dark .export-card .ec-note-teal{background:color-mix(in srgb,var(--color-teal) 12%,transparent)}.export-card .ec-note-label{font-family:var(--font-arabic-display);font-weight:700;font-size:1.25rem;color:var(--color-purple);margin-bottom:.4rem}.export-card .ec-note-teal .ec-note-label{color:var(--color-teal)}.dark .export-card .ec-note-teal .ec-note-label{color:color-mix(in srgb,var(--color-teal) 85%,white)}.export-card .ec-note-text{font-family:var(--font-arabic-classical);font-size:1.15rem;line-height:1.9}.export-card .ec-foot{display:flex;align-items:center;gap:1.1rem;margin-top:1.4rem;padding:1.4rem 2rem 1.6rem;border-top:1px solid var(--color-stone);background:color-mix(in srgb,var(--color-ink) 3%,transparent)}.dark .export-card .ec-foot{border-top-color:var(--color-coal-edge);background:color-mix(in srgb,var(--color-mist) 4%,transparent)}.export-card .ec-qr{width:104px;height:104px;border-radius:10px;background:#fff;padding:5px;flex-shrink:0}.export-card .ec-qr:not([src]){display:none}.export-card .ec-foot-main{display:flex;flex-direction:column;gap:.2rem}.export-card .ec-foot-url{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--color-purple);letter-spacing:.01em}.export-card .ec-foot-cta{font-size:1.05rem;color:var(--color-ink-subtle)}.dark .export-card .ec-foot-cta{color:var(--color-mist-subtle)}.export-card .ec-date{margin-inline-start:auto;align-self:flex-end;font-size:.95rem;color:var(--color-ink-subtle)}.dark .export-card .ec-date{color:var(--color-mist-subtle)}