@font-face{font-family:Tajawal;src:url(../../../fonts/Tajawal-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(../../../fonts/Tajawal-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(../../../fonts/Tajawal-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-bg:#faf8f5;--color-surface:#fff;--color-surface-2:#f2ede5;--color-ink:#211c16;--color-ink-dim:#5c554a;--color-line:#e3dccf;--color-accent:#a8541f;--color-accent-ink:#fff;--color-accent-soft:#f3e2d3;--color-ok:#3f6b3f;--color-ok-soft:#e6efe1;--color-warn:#8a5d16;--color-warn-soft:#f6ecd8;--color-danger:#94312f;--color-danger-soft:#f5e2e0;--font-body:"Tajawal", system-ui, "Segoe UI", sans-serif;--text-xs:12px;--text-sm:13.5px;--text-base:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:clamp(28px, 6vw, 40px);--weight-normal:400;--weight-medium:500;--weight-bold:700;--leading-tight:1.25;--leading-normal:1.6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--border-width:1px;--shadow-sm:0 1px 2px #211c160f;--shadow-md:0 4px 12px #211c1614;--swatch-edge:#00000026;--modal-backdrop:#211c1680;--content-max:1100px;--content-narrow:560px;--stat-min:150px;--popover-min:200px;--popover-max:320px;--modal-max:480px;--reading-max:62ch;--gutter:var(--space-4);--z-popover:100;--z-modal:200;--z-tooltip:300;--transition-fast:.12s ease;--transition-base:.2s ease}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#1a1611;--color-surface:#231e18;--color-surface-2:#2b251d;--color-ink:#f2ece1;--color-ink-dim:#b7ac9a;--color-line:#3b3327;--color-accent:#e08a4f;--color-accent-ink:#1a1611;--color-accent-soft:#3a2a1c;--color-ok:#8fbf82;--color-ok-soft:#26311f;--color-warn:#dcb15a;--color-warn-soft:#332a17;--color-danger:#e08585;--color-danger-soft:#3a2220;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000059;--swatch-edge:#fff3;--modal-backdrop:#000000a6}}:root[data-theme=dark]{--color-bg:#1a1611;--color-surface:#231e18;--color-surface-2:#2b251d;--color-ink:#f2ece1;--color-ink-dim:#b7ac9a;--color-line:#3b3327;--color-accent:#e08a4f;--color-accent-ink:#1a1611;--color-accent-soft:#3a2a1c;--color-ok:#8fbf82;--color-ok-soft:#26311f;--color-warn:#dcb15a;--color-warn-soft:#332a17;--color-danger:#e08585;--color-danger-soft:#3a2220;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000059;--swatch-edge:#fff3;--modal-backdrop:#000000a6}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-text-size-adjust:100%}a{color:var(--color-accent)}img{block-size:auto;max-inline-size:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:var(--border-width) solid var(--color-accent);outline-offset:var(--space-1)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}