@font-face{font-family:Amiri;src:url(/fonts/amiri.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Scheherazade New;src:url(/fonts/scheherazade.woff2) format("woff2");font-weight:400;font-display:swap}:root{--arabic-font-scale: 1;--font-arabic: "Amiri", "Scheherazade New", "Times New Roman", serif;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius: 12px;--space: 1rem}:root[data-theme=dark]{--bg: #0b1120;--bg-elev: #131c2e;--bg-elev-2: #1c2740;--text: #e8eef7;--text-muted: #97a6bd;--border: #28344d;--accent: #2dd4bf;--accent-strong: #0f766e;--good: #4ade80;--warn: #fbbf24;--bad: #f87171;--info: #60a5fa}:root[data-theme=light]{--bg: #f6f8fb;--bg-elev: #ffffff;--bg-elev-2: #eef2f8;--text: #15233b;--text-muted: #5a6b85;--border: #d6deea;--accent: #0f766e;--accent-strong: #0d5d57;--good: #16a34a;--warn: #d97706;--bad: #dc2626;--info: #2563eb}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent)}button{font-family:inherit}h1,h2,h3{line-height:1.2}.app-shell{max-width:960px;margin:0 auto;padding:var(--space);padding-bottom:5rem}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.btn{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);padding:.55rem .95rem;border-radius:10px;cursor:pointer;font-size:.95rem;transition:background .15s,border-color .15s,transform .05s}.btn:hover{border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.btn-accent{background:var(--accent);border-color:var(--accent);color:#04201d;font-weight:600}.input{width:100%;padding:.6rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:1rem}.muted{color:var(--text-muted)}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:1rem}.grid{display:grid;gap:1rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:999px;font-size:.8rem;border:1px solid var(--border);background:var(--bg-elev-2)}.arabic{font-family:var(--font-arabic);direction:rtl;text-align:right;font-size:calc(1.8rem * var(--arabic-font-scale));line-height:2}.arabic-lg{font-size:calc(2.8rem * var(--arabic-font-scale))}.arabic-inline{font-family:var(--font-arabic);direction:rtl;unicode-bidi:isolate}.feedback-good{color:var(--good)}.feedback-bad{color:var(--bad)}.feedback-warn{color:var(--warn)}.diff-added{color:var(--bad);text-decoration:line-through}.diff-removed{color:var(--good);background:color-mix(in srgb,var(--good) 18%,transparent)}.app-nav{position:fixed;bottom:0;left:0;right:0;display:flex;overflow-x:auto;gap:.15rem;padding:.3rem;background:var(--bg-elev);border-top:1px solid var(--border);z-index:50}.nav-link{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;padding:.35rem .5rem;border-radius:8px;color:var(--text-muted);text-decoration:none;font-size:.7rem;min-width:56px}.nav-link-active{color:var(--accent);background:var(--bg-elev-2)}.nav-label{white-space:nowrap}@media (min-width: 720px){.app-nav{position:sticky;top:0;bottom:auto;border-top:none;border-bottom:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);margin-bottom:1rem}.nav-link{flex-direction:row;font-size:.85rem}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}