:root{--accent0: oklch(.1448 0 0);--accent5: oklch(.1747 0 0);--accent10: oklch(.2046 0 0);--accent15: oklch(.2366 0 0);--accent20: oklch(.2686 0 0);--accent25: oklch(.3047 0 0);--accent30: oklch(.3407 0 0);--accent35: oklch(.3897 0 0);--accent40: oklch(.4386 0 0);--accent45: oklch(.4936 0 0);--accent50: oklch(.5486 0 0);--accent55: oklch(.6288 0 0);--accent60: oklch(.709 0 0);--accent65: oklch(.7623 0 0);--accent70: oklch(.8155 0 0);--accent75: oklch(.8687 0 0);--accent80: oklch(.9219 0 0);--accent85: oklch(.9461 0 0);--accent90: oklch(.9702 0 0);--accent95: oklch(.9851 0 0);--accent100: oklch(1 0 0);--background: var(--accent100);--foreground: var(--accent0);--card: var(--accent100);--card-foreground: var(--accent0);--popover: var(--accent100);--popover-foreground: var(--accent0);--primary: var(--accent50);--primary-foreground: var(--accent95);--primary-blue: oklch(.5555 .2387 240);--primary-blue-foreground: var(--accent100);--secondary: var(--accent90);--secondary-foreground: var(--accent10);--muted: var(--accent90);--muted-foreground: var(--accent50);--accent: var(--accent90);--accent-foreground: var(--accent10);--destructive: oklch(.583 .2387 28.4765);--destructive-foreground: var(--accent90);--border: var(--accent80);--input: var(--accent80);--ring: var(--accent60);--chart-1: var(--accent50);--chart-2: var(--accent50);--chart-3: var(--accent50);--chart-4: var(--accent50);--chart-5: var(--accent50);--sidebar: var(--accent95);--sidebar-foreground: var(--accent0);--sidebar-primary: var(--accent10);--sidebar-primary-foreground: var(--accent95);--sidebar-accent: var(--accent90);--sidebar-accent-foreground: var(--accent10);--sidebar-border: var(--accent80);--sidebar-ring: var(--accent60);--blue-gray: oklch(.6 .05 240);--cyan-gray: oklch(.6 .05 200);--teal-gray: oklch(.55 .05 180);--green-gray: oklch(.5 .05 150);--lime-gray: oklch(.55 .05 120);--yellow-gray: oklch(.6 .05 90);--orange-gray: oklch(.55 .05 60);--red-gray: oklch(.5 .05 30);--pink-gray: oklch(.55 .05 0);--purple-gray: oklch(.5 .05 300);--violet-gray: oklch(.55 .05 270);--neutral-gray: oklch(.5 0 0);--tag-research: var(--blue-gray);--tag-production: var(--green-gray);--tag-editing: var(--orange-gray);--tag-publishing: var(--red-gray);--tag-review: var(--neutral-gray);--tag-planning: var(--cyan-gray);--tag-design: var(--purple-gray);--tag-development: var(--teal-gray);--tag-testing: var(--yellow-gray);--tag-deployment: var(--lime-gray);--tag-marketing: var(--pink-gray);--tag-analytics: var(--violet-gray);--font-sans: "Noto Naskh Arabic", serif;--font-serif: "Noto Naskh Arabic", serif;--font-mono: "Noto Naskh Arabic", serif;--font-family: var(--font-sans);--radius: 0rem;--spacing: .25rem;--tracking-normal: 0em;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--duration-slower: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.25, .46, .45, .94);--shadow-1: 0px 1px 2px 0px rgba(0, 0, 0, .05);--shadow-2: 0px 2px 4px 0px rgba(0, 0, 0, .08), 0px 1px 2px 0px rgba(0, 0, 0, .04);--shadow-3: 0px 4px 8px 0px rgba(0, 0, 0, .12), 0px 2px 4px 0px rgba(0, 0, 0, .06);--shadow-4: 0px 8px 16px 0px rgba(0, 0, 0, .16), 0px 4px 8px 0px rgba(0, 0, 0, .08)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--background: var(--accent0);--foreground: var(--accent95);--card: oklch(.2134 0 0);--card-foreground: var(--accent95);--popover: var(--accent20);--popover-foreground: var(--accent95);--primary: var(--accent50);--primary-foreground: var(--accent95);--primary-blue: oklch(.5555 .2387 240);--primary-blue-foreground: var(--accent100);--secondary: var(--accent20);--secondary-foreground: var(--accent95);--muted: var(--accent20);--muted-foreground: var(--accent60);--accent: oklch(.3715 0 0);--accent-foreground: var(--accent95);--destructive: oklch(.7022 .1892 22.2279);--destructive-foreground: var(--accent20);--border: var(--accent30);--input: var(--accent40);--ring: var(--accent50);--chart-1: var(--accent50);--chart-2: var(--accent50);--chart-3: var(--accent50);--chart-4: var(--accent50);--chart-5: var(--accent50);--sidebar: var(--accent10);--sidebar-foreground: var(--accent95);--sidebar-primary: var(--accent95);--sidebar-primary-foreground: var(--accent10);--sidebar-accent: var(--accent20);--sidebar-accent-foreground: var(--accent95);--sidebar-border: var(--accent100);--sidebar-ring: var(--accent40);--shadow-1: 0px 1px 2px 0px rgba(0, 0, 0, .3);--shadow-2: 0px 2px 4px 0px rgba(0, 0, 0, .4), 0px 1px 2px 0px rgba(0, 0, 0, .2);--shadow-3: 0px 4px 8px 0px rgba(0, 0, 0, .5), 0px 2px 4px 0px rgba(0, 0, 0, .3);--shadow-4: 0px 8px 16px 0px rgba(0, 0, 0, .6), 0px 4px 8px 0px rgba(0, 0, 0, .4)}}:root[data-theme=dark]{--background: var(--accent0);--foreground: var(--accent95);--card: oklch(.2134 0 0);--card-foreground: var(--accent95);--popover: var(--accent20);--popover-foreground: var(--accent95);--primary: var(--accent50);--primary-foreground: var(--accent95);--primary-blue: oklch(.5555 .2387 240);--primary-blue-foreground: var(--accent100);--secondary: var(--accent20);--secondary-foreground: var(--accent95);--muted: var(--accent20);--muted-foreground: var(--accent60);--accent: oklch(.3715 0 0);--accent-foreground: var(--accent95);--destructive: oklch(.7022 .1892 22.2279);--destructive-foreground: var(--accent20);--border: var(--accent30);--input: var(--accent40);--ring: var(--accent50);--chart-1: var(--accent50);--chart-2: var(--accent50);--chart-3: var(--accent50);--chart-4: var(--accent50);--chart-5: var(--accent50);--sidebar: var(--accent10);--sidebar-foreground: var(--accent95);--sidebar-primary: var(--accent95);--sidebar-primary-foreground: var(--accent10);--sidebar-accent: var(--accent20);--sidebar-accent-foreground: var(--accent95);--sidebar-border: var(--accent100);--sidebar-ring: var(--accent40);--blue-gray: oklch(.6 .05 240);--cyan-gray: oklch(.6 .05 200);--teal-gray: oklch(.55 .05 180);--green-gray: oklch(.5 .05 150);--lime-gray: oklch(.55 .05 120);--yellow-gray: oklch(.6 .05 90);--orange-gray: oklch(.55 .05 60);--red-gray: oklch(.5 .05 30);--pink-gray: oklch(.55 .05 0);--purple-gray: oklch(.5 .05 300);--violet-gray: oklch(.55 .05 270);--neutral-gray: oklch(.5 0 0);--tag-research: var(--blue-gray);--tag-production: var(--green-gray);--tag-editing: var(--orange-gray);--tag-publishing: var(--red-gray);--tag-review: var(--neutral-gray);--tag-planning: var(--cyan-gray);--tag-design: var(--purple-gray);--tag-development: var(--teal-gray);--tag-testing: var(--yellow-gray);--tag-deployment: var(--lime-gray);--tag-marketing: var(--pink-gray);--tag-analytics: var(--violet-gray);--shadow-1: 0px 1px 2px 0px rgba(0, 0, 0, .3);--shadow-2: 0px 2px 4px 0px rgba(0, 0, 0, .4), 0px 1px 2px 0px rgba(0, 0, 0, .2);--shadow-3: 0px 4px 8px 0px rgba(0, 0, 0, .5), 0px 2px 4px 0px rgba(0, 0, 0, .3);--shadow-4: 0px 8px 16px 0px rgba(0, 0, 0, .6), 0px 4px 8px 0px rgba(0, 0, 0, .4)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --font-sans: var(--font-sans); --font-mono: var(--font-mono); --font-serif: var(--font-serif); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --shadow-2xs: var(--shadow-2xs); --shadow-xs: var(--shadow-xs); --shadow-sm: var(--shadow-sm); --shadow: var(--shadow); --shadow-md: var(--shadow-md); --shadow-lg: var(--shadow-lg); --shadow-xl: var(--shadow-xl); --shadow-2xl: var(--shadow-2xl); }*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}html,body{font-family:var(--font-family);padding:0;margin:0;height:100%;overflow:hidden;background-color:var(--background);color:var(--foreground)}.button-primary{padding:10px 20px;background:var(--primary-blue);color:var(--primary-blue-foreground);border:none;border-radius:var(--radius);font-family:var(--font-mono);font-size:.9rem;cursor:pointer;transition:opacity .2s ease}.button-primary:hover{opacity:.9}.button-secondary{padding:10px 20px;background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:.9rem;cursor:pointer;transition:border-color .2s ease}.button-secondary:hover{border-color:var(--primary)}.button-destructive{padding:10px 20px;background:var(--destructive);color:var(--destructive-foreground);border:none;border-radius:var(--radius);font-family:var(--font-mono);font-size:.9rem;cursor:pointer;transition:opacity .2s ease}.button-destructive:hover{opacity:.9}.button-ghost{padding:10px 20px;background:transparent;color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:.9rem;cursor:pointer;transition:background .2s ease}.button-ghost:hover{background:var(--accent)}.card-default{padding:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}sl-dialog::part(overlay){background-color:#00000080;backdrop-filter:blur(4px)}.heading-hero{font-family:var(--font-mono);font-size:3rem;font-weight:300;margin:0 0 calc(var(--spacing) * 7.5) 0;color:var(--foreground);line-height:1.2}.text-subtitle{font-family:var(--font-mono);font-size:1.1rem;color:var(--muted-foreground);margin:0 0 calc(var(--spacing) * 10) 0;line-height:1.6}.text-body{font-family:var(--font-mono);font-size:1rem;color:var(--foreground);line-height:1.6}.text-small{font-family:var(--font-mono);font-size:.875rem;color:var(--muted-foreground);line-height:1.5}.text-xs{font-family:var(--font-mono);font-size:.75rem;color:var(--foreground);line-height:1.4}.text-xxs{font-family:var(--font-mono);font-size:.65rem;color:var(--foreground);line-height:1.3}.container-centered{margin:0 auto;max-width:600px;width:100%;text-align:center}.container-wide{margin:0 auto;max-width:1200px;width:100%}.input-text{width:100%;padding:12px 16px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-family:var(--font-mono);font-size:.9rem;transition:border-color var(--duration-fast) var(--ease-out);direction:rtl}.input-text:hover{border-color:var(--ring)}.input-text:focus{outline:none;border-color:var(--primary)}.input-text::placeholder{color:var(--muted-foreground);opacity:.7}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .input-text{padding-right:40px;padding-left:12px}.input-with-icon .input-icon{position:absolute;right:12px;font-size:1.2rem;color:var(--muted-foreground);pointer-events:none}.input-with-icon .input-clear{position:absolute;left:8px;font-size:1.2rem}.input-search{font-family:var(--font-mono);font-size:1rem}.input-search::part(base){background:var(--background);border:1px solid var(--input);border-radius:var(--radius);box-shadow:var(--shadow-1);transition:all var(--duration-normal) var(--ease-smooth);font-family:var(--font-mono)}.input-search::part(base):hover{border-color:var(--ring);box-shadow:var(--shadow-2)}.input-search::part(base):focus-within{border-color:var(--ring);box-shadow:0 0 0 3px rgba(var(--ring-rgb),.1),var(--shadow-2);outline:none}.input-search::part(input){font-family:var(--font-mono);color:var(--foreground)}.input-default{font-family:var(--font-mono);font-size:.9rem}.input-default::part(base){background:var(--background);border:1px solid var(--input);border-radius:var(--radius);font-family:var(--font-mono);transition:border-color var(--duration-fast) var(--ease-out)}.input-default::part(base):hover{border-color:var(--ring)}.input-default::part(base):focus-within{border-color:var(--ring);box-shadow:0 0 0 3px rgba(var(--ring-rgb),.1);outline:none}.input-default::part(input){font-family:var(--font-mono);color:var(--foreground)}