:root{--bg:#fff;--bg-tint:#e8f3f1;--surface:#f4f7f6;--fg:#16201d;--muted:#55615c;--border:#e2e8e6;--border-strong:#ccd7d3;--accent:#0f766e;--accent-strong:#0b5b54;--accent-soft:#d6ebe7;--accent-contrast:#fff;--radius:14px;--radius-lg:18px;--maxw:66rem;--measure:46rem;--shadow-sm:0 1px 2px #10201d0d, 0 2px 6px #10201d0d;--shadow-md:0 6px 16px #10201d14, 0 2px 6px #10201d0d;--shadow-focus:0 0 0 4px var(--accent-soft)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--fg);background-color:var(--bg);background-image:linear-gradient(180deg, var(--bg-tint) 0%, #e8f3f100 100%);background-repeat:no-repeat;background-size:100% 24rem;flex-direction:column;min-height:100vh;margin:0;font-family:IBM Plex Sans Arabic,system-ui,Segoe UI,Tahoma,sans-serif;font-size:1.0625rem;line-height:1.8;display:flex}h1,h2,h3{letter-spacing:-.01em;color:var(--fg);margin-block:0 .5em;font-family:Cairo,IBM Plex Sans Arabic,system-ui,sans-serif;font-weight:700;line-height:1.25}h1{margin-block-start:.2em;font-size:clamp(1.9rem,5vw,2.6rem)}h2{margin-block-start:1.75rem;font-size:clamp(1.3rem,3vw,1.55rem)}h3{font-size:1.15rem}h1+p{color:var(--muted);max-width:var(--measure);margin-block-end:1.5rem;font-size:1.15rem;line-height:1.7}.container>p,.tool-result p{max-width:var(--measure)}p{margin-block:0 1rem}strong{font-weight:600}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong);text-underline-offset:3px;text-decoration:underline}.muted{color:var(--muted)}.container{width:100%;max-width:var(--maxw);flex:1;margin-inline:auto;padding-block:2.5rem 4rem;padding-inline:clamp(1rem,4vw,1.5rem)}.site-header{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(10px);border-block-end:1px solid var(--border);background:#ffffffd1;position:sticky;top:0}.header-inner{max-width:var(--maxw);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.25rem;margin-inline:auto;padding-block:.75rem;padding-inline:clamp(1rem,4vw,1.5rem);display:flex}.brand{color:var(--accent);font-family:Reem Kufi,Cairo,sans-serif;font-size:1.7rem;font-weight:700;line-height:1}.brand:hover{color:var(--accent-strong);text-decoration:none}.site-nav{flex-wrap:wrap;gap:.25rem;display:flex}.site-nav a{min-height:38px;color:var(--muted);border-radius:999px;align-items:center;padding:.25rem .7rem;font-size:.95rem;line-height:1;transition:background-color .16s ease-out,color .16s ease-out;display:inline-flex}.site-nav a:hover{background:var(--surface);color:var(--fg);text-decoration:none}.site-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.nav-toggle{cursor:pointer;min-width:48px;min-height:48px;color:var(--fg);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;margin-block:-.5rem;padding:0;transition:background-color .16s ease-out,color .16s ease-out;display:none}.nav-toggle:hover{background:var(--surface)}.nav-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-toggle[aria-expanded=true]{background:var(--accent-soft);color:var(--accent-strong)}@media (width<=40rem){.nav-toggle{display:inline-flex}.site-nav{flex-direction:column;flex-basis:100%;align-items:stretch;max-height:calc(100dvh - 5rem);display:none;overflow-y:auto}.site-nav.open{transition:opacity .16s ease-out;display:flex}@starting-style{.site-nav.open{opacity:0}}.site-nav a{min-height:44px;padding-block:.5rem}}.site-footer{border-block-start:1px solid var(--border);background:var(--surface)}.footer-inner{max-width:var(--maxw);text-align:center;flex-direction:column;align-items:center;gap:.8rem;margin-inline:auto;padding-block:2.75rem;padding-inline:clamp(1rem,4vw,1.5rem);font-size:.95rem;display:flex}.footer-mark{color:var(--accent);font-family:Reem Kufi,Cairo,sans-serif;font-size:1.6rem;font-weight:700;line-height:1}.footer-mark:hover{color:var(--accent-strong);text-decoration:none}.footer-tagline{margin:0}.footer-nav{flex-wrap:wrap;justify-content:center;gap:.5rem 1.1rem;max-width:42rem;margin-block-start:.4rem;display:flex}.footer-nav a{color:var(--muted)}.footer-nav a:hover{color:var(--accent)}.footer-legal{border-block-start:1px solid var(--border);width:100%;max-width:42rem;margin:0;margin-block-start:.6rem;padding-block-start:1rem;font-size:.86rem}.spellings{gap:.6rem;margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.spelling-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:.75rem;padding:.85rem 1rem;transition:box-shadow .16s ease-out,border-color .16s ease-out;display:flex}.spelling-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.spelling-card.is-primary{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 35%, transparent);border-inline-start:4px solid var(--accent)}.spelling-card .latin{direction:ltr;unicode-bidi:isolate;font-family:Space Grotesk,system-ui,sans-serif;font-size:1.25rem;font-weight:600}.tag{color:var(--accent-contrast);background:var(--accent);white-space:nowrap;border-radius:999px;padding:.18rem .65rem;font-size:.78rem;font-weight:600}.copy{font:inherit;cursor:pointer;color:var(--accent);background:var(--bg);border:1px solid var(--border-strong);border-radius:9px;min-height:40px;margin-inline-start:auto;padding:.45rem .9rem;font-size:.9rem;transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out}.copy:hover{border-color:var(--accent);background:var(--accent-soft)}.copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.copy.copied{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.name-tool{gap:.5rem;max-width:34rem;margin-block:1.25rem 1.5rem;display:grid}.name-tool label{color:var(--muted);font-size:.95rem;font-weight:600}.name-tool .tool-hint{color:var(--muted);margin:0;font-size:.9rem}.name-tool input{font:inherit;border:1.5px solid var(--border-strong);text-align:start;background:#fff;border-radius:13px;width:100%;padding:.7rem 1rem;font-family:Reem Kufi,IBM Plex Sans Arabic,sans-serif;font-size:1.4rem;transition:border-color .15s ease-out,box-shadow .15s ease-out}.name-tool input::placeholder{color:#9aa6a2;font-family:IBM Plex Sans Arabic,sans-serif}.name-tool input:focus-visible{border-color:var(--accent);box-shadow:var(--shadow-focus);outline:none}.tool-result{min-height:2.5rem}.tool-result p{margin-block:.25rem 0}.tool-result .approx-note{color:var(--muted);font-size:.9rem}.tool-result .latin{direction:ltr;unicode-bidi:isolate;font-size:1.15rem;font-weight:600}.tool-result .tool-links{font-size:.95rem}.render-form{direction:ltr;unicode-bidi:isolate;font-family:Space Grotesk,Noto Sans KR,Noto Sans JP,Noto Sans Devanagari,IBM Plex Sans Arabic,sans-serif;font-size:1.3rem;font-weight:600}.dalaa-form{font-family:Reem Kufi,IBM Plex Sans Arabic,sans-serif;font-size:1.4rem;font-weight:700}.spelling-card .render-form,.spelling-card .dalaa-form{font-size:1.25rem}.approx{font-size:.9rem}.tool-answer{flex-direction:column;align-items:flex-start;margin-block:.25rem 1.75rem;display:flex}.tool-answer__badge{color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;margin-block-end:.75rem;padding:.24rem .85rem;font-size:.82rem;font-weight:600;display:inline-block}.tool-answer__word{overflow-wrap:anywhere;max-width:100%;color:var(--fg);font-size:clamp(2.6rem,9vw,5rem);font-weight:700;line-height:1.12;display:inline-block;position:relative}.tool-answer__word:before{content:"";inset-inline:-.06em;background:var(--accent-soft);z-index:-1;border-radius:4px;height:.28em;position:absolute;bottom:.06em;transform:rotate(-.7deg)}.tool-answer__word.latin{letter-spacing:-.03em;direction:ltr;unicode-bidi:isolate;font-family:Space Grotesk,system-ui,sans-serif;font-size:clamp(2.4rem,9vw,5rem)}.tool-answer__word.render-form{font-size:clamp(2.6rem,9vw,4.8rem);font-weight:700}.tool-answer__word.dalaa-form{font-size:clamp(2.8rem,10vw,5rem)}.tool-answer__pron{background:var(--bg);border:1px solid var(--border-strong);border-radius:999px;align-items:center;gap:.5rem;max-width:100%;margin-block-start:1.1rem;padding:.4rem .9rem;font-size:.98rem;display:inline-flex}.tool-answer__pron .lbl{color:var(--muted);font-size:.85rem}.tool-answer__pron .val{color:var(--fg)}@media (prefers-reduced-motion:reduce){.tool-answer__word:before{transform:none}}.tool-result--page{min-height:0}.tool-result--page p{margin-block:0 1rem}.tool-result--page p:first-child{margin-block-start:0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}