:root{--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:999px;--border-1:1px;--border-2:2px;--font-display:"Readex Pro", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-body:"IBM Plex Sans Arabic", "Readex Pro", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;--t-micro:11px;--t-caption:12px;--t-small:13px;--t-body:14px;--t-lead:16px;--t-h3:20px;--t-h2:26px;--t-h1:34px;--t-display:44px;--lh-tight:1.25;--lh-heading:1.35;--lh-body:1.7;--lh-loose:1.9;--ls-caps:.06em;--ls-normal:0;--w-regular:400;--w-medium:500;--w-semibold:600;--w-bold:700;--c-canvas:#f6f7f8;--c-surface:#fff;--c-surface-2:#f1f3f4;--c-surface-3:#e7eaec;--c-text:#14181a;--c-text-2:#4d585e;--c-text-3:#78868d;--c-text-inverse:#fff;--c-line:#dfe4e7;--c-line-strong:#c3ccd1;--c-accent:#0d7078;--c-accent-hover:#0a5c63;--c-accent-active:#084a50;--c-accent-soft:#e3f2f3;--c-accent-text:#fff;--c-success:#17714b;--c-success-soft:#e3f4eb;--c-warning:#8a5a00;--c-warning-soft:#fdf1dc;--c-danger:#a52121;--c-danger-soft:#fceaea;--c-info:#1a5b96;--c-info-soft:#e6f0f9;--c-focus:#0d7078;--c-overlay:#14181a73;--c-scrollbar-thumb:#c3ccd1;--c-scrollbar-thumb-hover:#9eabb2;--marker-accent:inset 3px 0 0 0 var(--c-accent);--ring-accent:0 0 0 3px var(--c-accent-soft);--ring-danger:0 0 0 3px var(--c-danger-soft);--shadow-1:0 1px 2px #14181a0f;--shadow-2:0 2px 8px #14181a14;--shadow-3:0 8px 24px #14181a1f;--shadow-4:0 16px 48px #14181a2e;--dur-instant:90ms;--dur-fast:.15s;--dur-normal:.22s;--dur-slow:.38s;--dur-reveal:.52s;--dur-ambient:2s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--z-base:0;--z-sticky:100;--z-drawer:200;--z-modal:300;--z-toast:400;--z-tooltip:500;--w-sidebar:260px;--w-sidebar-collapsed:64px;--h-topbar:56px;--h-shadow-banner:36px;--w-content-max:1440px;--w-reading-max:68ch;--w-drawer:420px;--w-modal:460px;--w-peek:300px;--w-scrollbar:10px;--w-inbox-list:320px;--h-picker:320px;--w-bubble-max:460px;--h-media-max:360px;--p-bubble:var(--s3);--r-bubble:var(--r-lg);--gap-bubble:var(--s3)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--c-canvas:#0e1214;--c-surface:#161b1e;--c-surface-2:#1e2529;--c-surface-3:#283136;--c-text:#eef2f3;--c-text-2:#a8b5bb;--c-text-3:#7c8a91;--c-text-inverse:#0e1214;--c-line:#2a3439;--c-line-strong:#3b4750;--c-accent:#3fc2ce;--c-accent-hover:#5bd2dc;--c-accent-active:#74dde5;--c-accent-soft:#123338;--c-accent-text:#06282c;--c-success:#4fc98d;--c-success-soft:#10301f;--c-warning:#e0a94a;--c-warning-soft:#33260d;--c-danger:#f07272;--c-danger-soft:#351717;--c-info:#62aae8;--c-info-soft:#12283a;--c-focus:#3fc2ce;--c-overlay:#0000009e;--c-scrollbar-thumb:#3b4750;--c-scrollbar-thumb-hover:#56656e;--shadow-1:0 1px 2px #0006;--shadow-2:0 2px 8px #00000080;--shadow-3:0 8px 24px #0009;--shadow-4:0 16px 48px #000000b3}}:root[data-theme=dark]{--c-canvas:#0e1214;--c-surface:#161b1e;--c-surface-2:#1e2529;--c-surface-3:#283136;--c-text:#eef2f3;--c-text-2:#a8b5bb;--c-text-3:#7c8a91;--c-text-inverse:#0e1214;--c-line:#2a3439;--c-line-strong:#3b4750;--c-accent:#3fc2ce;--c-accent-hover:#5bd2dc;--c-accent-active:#74dde5;--c-accent-soft:#123338;--c-accent-text:#06282c;--c-success:#4fc98d;--c-success-soft:#10301f;--c-warning:#e0a94a;--c-warning-soft:#33260d;--c-danger:#f07272;--c-danger-soft:#351717;--c-info:#62aae8;--c-info-soft:#12283a;--c-focus:#3fc2ce;--c-overlay:#0000009e;--c-scrollbar-thumb:#3b4750;--c-scrollbar-thumb-hover:#56656e;--shadow-1:0 1px 2px #0006;--shadow-2:0 2px 8px #00000080;--shadow-3:0 8px 24px #0009;--shadow-4:0 16px 48px #000000b3}@media (prefers-reduced-motion:reduce){:root{--dur-instant:1ms;--dur-fast:1ms;--dur-normal:1ms;--dur-slow:1ms;--dur-reveal:1ms;--dur-ambient:1ms}}
*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{overflow-anchor:auto;-webkit-text-size-adjust:100%}body{background:var(--c-canvas);color:var(--c-text);font-family:var(--font-body);font-size:var(--t-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1,h2,h3{font-family:var(--font-display);line-height:var(--lh-heading);font-weight:var(--w-semibold);margin:0}p{margin:0}:focus-visible{outline:var(--border-2) solid var(--c-focus);outline-offset:var(--s1);border-radius:var(--r-xs)}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--c-scrollbar-thumb) transparent}}::-webkit-scrollbar{width:var(--w-scrollbar);height:var(--w-scrollbar)}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--c-scrollbar-thumb);border:var(--border-2) solid transparent;border-radius:var(--r-full);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--c-scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--c-scrollbar-thumb-hover)}