html[data-font=tajawal]{--font-body:var(--font-tajawal), ui-sans-serif, system-ui, sans-serif}html[data-font=naskh]{--font-body:var(--font-naskh), ui-serif, "Geeza Pro", serif}html[data-font=system]{--font-body:ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Geeza Pro", Tahoma, sans-serif}html[data-text=sm]{font-size:93.75%}html[data-text=lg]{font-size:112.5%}html[data-text=xl]{font-size:125%}@media (pointer:fine){html[data-density=compact]{--spacing:.225rem}}html[data-accent=indigo]{--a:var(--hue-indigo);--a-fg:var(--hue-indigo-fg);--a-soft:var(--hue-indigo-soft);--a-soft-fg:var(--hue-indigo-soft-fg);--a-ink:var(--hue-indigo-soft-fg)}html[data-accent=grape]{--a:var(--hue-grape);--a-fg:var(--hue-grape-fg);--a-soft:var(--hue-grape-soft);--a-soft-fg:var(--hue-grape-soft-fg);--a-ink:var(--hue-grape-soft-fg)}html[data-accent=tone-1]{--a:var(--lavender);--a-fg:var(--lavender-fg);--a-soft:var(--lavender-soft);--a-soft-fg:var(--lavender-soft-fg);--a-ink:var(--tone-1-fg)}html[data-accent=tone-4]{--a:var(--tone-4-fg);--a-fg:var(--tone-4);--a-soft:var(--tone-4);--a-soft-fg:var(--tone-4-fg);--a-ink:var(--tone-4-fg)}html[data-accent=tone-2]{--a:var(--turquoise);--a-fg:var(--turquoise-fg);--a-soft:var(--turquoise-soft);--a-soft-fg:var(--turquoise-soft-fg);--a-ink:var(--tone-2-fg)}html[data-accent=teal]{--a:var(--hue-teal);--a-fg:var(--hue-teal-fg);--a-soft:var(--hue-teal-soft);--a-soft-fg:var(--hue-teal-soft-fg);--a-ink:var(--hue-teal-soft-fg)}html[data-accent=mint]{--a:var(--hue-mint);--a-fg:var(--hue-mint-fg);--a-soft:var(--hue-mint-soft);--a-soft-fg:var(--hue-mint-soft-fg);--a-ink:var(--hue-mint-soft-fg)}html[data-accent=sky]{--a:var(--hue-sky);--a-fg:var(--hue-sky-fg);--a-soft:var(--hue-sky-soft);--a-soft-fg:var(--hue-sky-soft-fg);--a-ink:var(--hue-sky-soft-fg)}html[data-accent=tone-3]{--a:var(--orange);--a-fg:var(--orange-fg);--a-soft:var(--orange-soft);--a-soft-fg:var(--orange-soft-fg);--a-ink:var(--tone-3-fg)}html[data-accent=ember]{--a:var(--hue-ember);--a-fg:var(--hue-ember-fg);--a-soft:var(--hue-ember-soft);--a-soft-fg:var(--hue-ember-soft-fg);--a-ink:var(--hue-ember-soft-fg)}html[data-accent=amber]{--a:var(--hue-amber);--a-fg:var(--hue-amber-fg);--a-soft:var(--hue-amber-soft);--a-soft-fg:var(--hue-amber-soft-fg);--a-ink:var(--hue-amber-soft-fg)}html[data-accent=rose]{--a:var(--hue-rose);--a-fg:var(--hue-rose-fg);--a-soft:var(--hue-rose-soft);--a-soft-fg:var(--hue-rose-soft-fg);--a-ink:var(--hue-rose-soft-fg)}html[data-accent=slate]{--a:var(--hue-slate);--a-fg:var(--hue-slate-fg);--a-soft:var(--hue-slate-soft);--a-soft-fg:var(--hue-slate-soft-fg);--a-ink:var(--hue-slate-soft-fg)}html[data-accent]:not([data-accent=primary]){--primary:var(--a);--primary-fg:var(--a-fg);--primary-soft:var(--a-soft);--primary-soft-fg:var(--a-soft-fg);--primary-ink:var(--a-ink);--ring:var(--a-ink);--primary-hover:color-mix(in srgb, var(--a) 86%, black)}html.dark[data-accent]:not([data-accent=primary]){--primary-hover:color-mix(in srgb, var(--a) 86%, white)}html[data-bg=tint-indigo]{--tint:var(--hue-indigo-soft)}html[data-bg=tint-grape]{--tint:var(--hue-grape-soft)}html[data-bg=tint-tone-1]{--tint:var(--tone-1)}html[data-bg=tint-tone-4]{--tint:var(--tone-4)}html[data-bg=tint-tone-2]{--tint:var(--tone-2)}html[data-bg=tint-teal]{--tint:var(--hue-teal-soft)}html[data-bg=tint-mint]{--tint:var(--hue-mint-soft)}html[data-bg=tint-sky]{--tint:var(--hue-sky-soft)}html[data-bg=tint-tone-3]{--tint:var(--tone-3)}html[data-bg=tint-ember]{--tint:var(--hue-ember-soft)}html[data-bg=tint-amber]{--tint:var(--hue-amber-soft)}html[data-bg=tint-rose]{--tint:var(--hue-rose-soft)}html[data-bg=tint-slate]{--tint:var(--hue-slate-soft)}html[data-bg^=tint-]{--bg:color-mix(in srgb, var(--paper) 45%, var(--tint))}html.dark[data-bg^=tint-]{--bg:color-mix(in srgb, var(--dusk-950) 45%, var(--tint))}html[data-bg=pixels] body:before,html[data-bg=grid] body:before,html[data-bg=image] body:before{content:"";z-index:-1;pointer-events:none;position:fixed;inset:0}html[data-bg=pixels] body:before,html[data-bg=grid] body:before{background-color:var(--pattern-ink);-webkit-mask-repeat:repeat;mask-repeat:repeat}html[data-bg=pixels] body:before{--tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='%23000'%3E%3Crect x='12' y='12' width='10' height='10' rx='2'/%3E%3Crect x='24' y='24' width='10' height='10' rx='2' opacity='.6'/%3E%3Crect x='12' y='36' width='10' height='10' rx='2' opacity='.8'/%3E%3Crect x='72' y='60' width='10' height='10' rx='2' opacity='.7'/%3E%3Crect x='60' y='72' width='10' height='10' rx='2' opacity='.45'/%3E%3Crect x='48' y='24' width='6' height='6' rx='1.5' opacity='.5'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:var(--tile);-webkit-mask-image:var(--tile);mask-image:var(--tile);-webkit-mask-size:96px 96px;mask-size:96px 96px}html[data-bg=grid] body:before{--tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect x='10' y='10' width='3' height='3' rx='.6' fill='%23000'/%3E%3C/svg%3E");-webkit-mask-image:var(--tile);-webkit-mask-image:var(--tile);mask-image:var(--tile);-webkit-mask-size:24px 24px;mask-size:24px 24px}html[data-bg=image] body:before{background:linear-gradient(color-mix(in srgb, var(--bg) 88%, transparent), color-mix(in srgb, var(--bg) 88%, transparent)), var(--look-image,none) center / cover no-repeat}html[data-contrast=high]{--muted:var(--ink-soft);--faint:var(--slate);--line:var(--line-raw);--line-strong:var(--slate-2)}html.dark[data-contrast=high]{--muted:var(--dusk-200);--faint:var(--dusk-300);--line:var(--dusk-700);--line-strong:var(--dusk-400)}html[data-contrast=high] :focus-visible{outline-width:3px}html[data-motion=reduce] *,html[data-motion=reduce] :before,html[data-motion=reduce] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html[data-motion=reduce] .pixel-pop,html[data-motion=reduce] .hold-line>span,html[data-motion=reduce] .presence-dot:after{animation:none!important}@media (forced-colors:active){html[data-bg] body:before{display:none}}@media print{html[data-bg]{--bg:var(--white)}html[data-bg] body:before{display:none}}