@font-face{font-family:Uthman Taha Naskh;src:url(../../../fonts/uthman-taha-naskh.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Naskh Arabic;src:url(../../../fonts/noto-naskh-arabic.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Naskh Arabic;src:url(../../../fonts/noto-naskh-arabic-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--bg:#f5f1e8;--ink:#2b2620;--ink-strong:#241f19;--ink-deep:#1f1a14;--accent:#2f6b4f;--accent-ink:color-mix(in oklab, var(--accent) 78%, #141210);--accent-soft:color-mix(in oklab, var(--accent) 12%, #faf6ee);--card:#fffcf5;--card-line:#e7dfcd;--line:#e6ddc9;--line-strong:#ddd3bd;--line-soft:#f0e9d9;--track:#ece4d1;--panel:#f7f2e7;--muted:#79705f;--muted-2:#8a8071;--muted-3:#a1977f;--muted-4:#6f6656;--muted-5:#4a4335;--new-bg:#d9e7f6;--new-fg:#2b5b8a;--new-dot:#6f9cc9;--new-row:#eaf2fa;--new-hover:#c4d9ef;--new-line:#b8cfe8;--learn-bg:#f5e6bd;--learn-fg:#7a5c12;--learn-dot:#cfa030;--learn-row:#f9efd6;--learn-hover:#eed9a0;--learn-line:#e2cd8c;--known-row:#f4efe4;--known-hover:#ece5d4;--wazn-fg:#8a6a1e;--wazn-bg:#f6ecd2;--arfont:"Uthman Taha Naskh", "Noto Naskh Arabic", serif;--arsize:30px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif}a{color:var(--accent)}a:hover{color:var(--accent-ink)}button{font-family:inherit}@keyframes bayan-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.shell{width:100%;max-width:1240px;margin:0 auto;padding:44px 28px 72px}.card{background:var(--card);border:1px solid var(--card-line);border-radius:14px}.eyebrow{letter-spacing:.07em;text-transform:uppercase;color:var(--muted-3);font:600 11px Inter}.section-title{letter-spacing:.05em;text-transform:uppercase;color:var(--muted-3);font:600 13px Inter}.btn{cursor:pointer;border:1px solid var(--line-strong);background:var(--card);color:var(--muted-5);border-radius:12px;align-items:center;gap:9px;padding:11px 18px;font:600 13.5px Inter;transition:border-color .15s,background .15s;display:inline-flex}.btn:hover{border-color:#c9bd9f}.btn-primary{cursor:pointer;background:var(--accent);color:#fdfbf5;white-space:nowrap;border:0;border-radius:12px;padding:11px 20px;font:600 13.5px Inter;transition:background .15s}.btn-primary:hover{background:var(--accent-ink)}.pill{background:var(--accent);color:#fdfbf5;border-radius:999px;padding:2px 7px;font:600 10.5px Inter}.bar{background:var(--track);border-radius:3px;height:6px;overflow:hidden}.bar>span{background:var(--accent);border-radius:3px;height:100%;transition:width .4s;display:block}.empty{background:var(--card);text-align:center;color:var(--muted-2);border:1px dashed #d8cdb2;border-radius:14px;margin-top:32px;padding:48px 34px;font:400 13.5px/1.7 Inter}.app.svelte-12qhfyh{flex-direction:column;min-height:100vh;display:flex}header.svelte-12qhfyh{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#f5f1e8ed;position:sticky;top:0}.bar.svelte-12qhfyh{align-items:center;gap:26px;max-width:1240px;height:60px;margin:0 auto;padding:0 28px;display:flex}.logo.svelte-12qhfyh{color:inherit;align-items:baseline;gap:10px;text-decoration:none;display:flex}.logo.svelte-12qhfyh .ar:where(.svelte-12qhfyh){font-family:var(--arfont);color:var(--accent-ink);font-size:27px;line-height:1}.logo.svelte-12qhfyh .name:where(.svelte-12qhfyh){letter-spacing:.02em;font:600 15px Inter}nav.svelte-12qhfyh{flex:1;gap:4px;display:flex}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--muted-4);background:0 0;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font:500 13.5px Inter;text-decoration:none;transition:background .15s,color .15s;display:flex}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--ink);background:#00000009}nav.svelte-12qhfyh a.on:where(.svelte-12qhfyh){background:var(--accent-soft);color:var(--accent-ink)}.streak.svelte-12qhfyh{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font:500 12.5px Inter;display:flex}.dot.svelte-12qhfyh{background:var(--accent);border-radius:50%;width:8px;height:8px}.gear.svelte-12qhfyh{width:30px;height:30px;color:var(--muted-3);border-radius:8px;justify-content:center;align-items:center;text-decoration:none;display:flex}.gear.svelte-12qhfyh:hover{color:var(--accent-ink);background:#0000000d}@media (width<=880px){.bar.svelte-12qhfyh{flex-wrap:wrap;gap:12px;height:auto;padding:10px 16px}nav.svelte-12qhfyh{flex-basis:100%;order:3;overflow-x:auto}}