:root{--font-ui: IBM Plex Sans Arabic, system-ui, -apple-system, Segoe UI, Noto Sans Arabic, Noto Kufi Arabic, Tahoma, Arial, sans-serif;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 22px;--radius-pill: 999px;--font-size-display: 28px;--font-size-h1: 22px;--font-size-h2: 18px;--font-size-animal: 20px;--font-size-body: 16px;--font-size-body-sm: 14px;--font-size-label: 13px;--font-size-caption: 12px;--font-size-micro: 11px;--font-size-action-lg: 18px;--font-weight-regular: 400;--font-weight-medium: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-snug: 1.3;--line-height-normal: 1.5;--tracking-brand: .22em;--tracking-label: .06em;--tracking-normal: 0;--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--easing-standard: cubic-bezier(.2, 0, 0, 1);--easing-emphasized: cubic-bezier(.3, 0, 0, 1);--opacity-disabled: .45;--opacity-scrim: .72;--touch-min: 48px;--touch-comfortable: 56px;--color-bg-page: #F1F2EF;--color-bg-sunken: #F2F3EF;--color-surface-default: #FFFFFF;--color-surface-raised: #FFFFFF;--color-surface-premium: #103F38;--color-surface-premium-alt: #17554C;--color-border-default: #E4E5DF;--color-border-strong: #D3D5CC;--color-border-on-premium: #17554C;--color-text-primary: #18201E;--color-text-secondary: #525A55;--color-text-muted: #6B726B;--color-text-on-premium: #EAF2EF;--color-text-on-premium-muted: #9FBAB3;--color-text-inverse: #FFFFFF;--color-brand-default: #9E5C1A;--color-brand-strong: #8A5220;--color-brand-on-premium: #E6B268;--color-action-done-fg: #FFFFFF;--color-action-done-bg: #2C7350;--color-action-problem-fg: #FFFFFF;--color-action-problem-bg: #8C5B0E;--color-action-urgent-fg: #FFFFFF;--color-action-urgent-bg: #B23528;--color-state-success-fg: #2C7350;--color-state-success-bg: #E3F0E8;--color-state-success-border: #BEDDCA;--color-state-warning-fg: #8C5B0E;--color-state-warning-bg: #F4EACF;--color-state-warning-border: #E1CB93;--color-state-danger-fg: #B23528;--color-state-danger-bg: #F8DFDA;--color-state-danger-border: #ECB9B0;--color-state-neutral-fg: #525A55;--color-state-neutral-bg: #F2F3EF;--color-state-neutral-border: #E4E5DF;--color-focus: #9E5C1A;--shadow-sm: 0 1px 2px rgba(24,32,30,.06);--shadow-md: 0 1px 2px rgba(24,32,30,.06), 0 6px 20px rgba(24,32,30,.06)}@media (prefers-color-scheme: dark){:root{--color-bg-page: #0B1413;--color-bg-sunken: #0B1413;--color-surface-default: #111D1B;--color-surface-raised: #172724;--color-surface-premium: #0A211D;--color-surface-premium-alt: #123029;--color-border-default: #22302D;--color-border-strong: #2C3B37;--color-border-on-premium: #123029;--color-text-primary: #E9F0ED;--color-text-secondary: #A6B4AF;--color-text-muted: #7A8783;--color-text-on-premium: #EAF2EF;--color-text-on-premium-muted: #9FBAB3;--color-text-inverse: #18201E;--color-brand-default: #DAA457;--color-brand-strong: #D89E52;--color-brand-on-premium: #E6B268;--color-action-done-fg: #FFFFFF;--color-action-done-bg: #2C7350;--color-action-problem-fg: #FFFFFF;--color-action-problem-bg: #8C5B0E;--color-action-urgent-fg: #FFFFFF;--color-action-urgent-bg: #B23528;--color-state-success-fg: #5FB88A;--color-state-success-bg: #152420;--color-state-success-border: #294237;--color-state-warning-fg: #E0A94A;--color-state-warning-bg: #2C2513;--color-state-warning-border: #524623;--color-state-danger-fg: #E8776B;--color-state-danger-bg: #2E1B18;--color-state-danger-border: #563631;--color-state-neutral-fg: #9FBAB3;--color-state-neutral-bg: #172724;--color-state-neutral-border: #22302D;--color-focus: #DAA457;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 1px 2px rgba(0,0,0,.4), 0 8px 26px rgba(0,0,0,.35)}}:root[data-theme=light]{--color-bg-page: #F1F2EF;--color-bg-sunken: #F2F3EF;--color-surface-default: #FFFFFF;--color-surface-raised: #FFFFFF;--color-surface-premium: #103F38;--color-surface-premium-alt: #17554C;--color-border-default: #E4E5DF;--color-border-strong: #D3D5CC;--color-border-on-premium: #17554C;--color-text-primary: #18201E;--color-text-secondary: #525A55;--color-text-muted: #6B726B;--color-text-on-premium: #EAF2EF;--color-text-on-premium-muted: #9FBAB3;--color-text-inverse: #FFFFFF;--color-brand-default: #9E5C1A;--color-brand-strong: #8A5220;--color-brand-on-premium: #E6B268;--color-action-done-fg: #FFFFFF;--color-action-done-bg: #2C7350;--color-action-problem-fg: #FFFFFF;--color-action-problem-bg: #8C5B0E;--color-action-urgent-fg: #FFFFFF;--color-action-urgent-bg: #B23528;--color-state-success-fg: #2C7350;--color-state-success-bg: #E3F0E8;--color-state-success-border: #BEDDCA;--color-state-warning-fg: #8C5B0E;--color-state-warning-bg: #F4EACF;--color-state-warning-border: #E1CB93;--color-state-danger-fg: #B23528;--color-state-danger-bg: #F8DFDA;--color-state-danger-border: #ECB9B0;--color-state-neutral-fg: #525A55;--color-state-neutral-bg: #F2F3EF;--color-state-neutral-border: #E4E5DF;--color-focus: #9E5C1A;--shadow-sm: 0 1px 2px rgba(24,32,30,.06);--shadow-md: 0 1px 2px rgba(24,32,30,.06), 0 6px 20px rgba(24,32,30,.06)}:root[data-theme=dark]{--color-bg-page: #0B1413;--color-bg-sunken: #0B1413;--color-surface-default: #111D1B;--color-surface-raised: #172724;--color-surface-premium: #0A211D;--color-surface-premium-alt: #123029;--color-border-default: #22302D;--color-border-strong: #2C3B37;--color-border-on-premium: #123029;--color-text-primary: #E9F0ED;--color-text-secondary: #A6B4AF;--color-text-muted: #7A8783;--color-text-on-premium: #EAF2EF;--color-text-on-premium-muted: #9FBAB3;--color-text-inverse: #18201E;--color-brand-default: #DAA457;--color-brand-strong: #D89E52;--color-brand-on-premium: #E6B268;--color-action-done-fg: #FFFFFF;--color-action-done-bg: #2C7350;--color-action-problem-fg: #FFFFFF;--color-action-problem-bg: #8C5B0E;--color-action-urgent-fg: #FFFFFF;--color-action-urgent-bg: #B23528;--color-state-success-fg: #5FB88A;--color-state-success-bg: #152420;--color-state-success-border: #294237;--color-state-warning-fg: #E0A94A;--color-state-warning-bg: #2C2513;--color-state-warning-border: #524623;--color-state-danger-fg: #E8776B;--color-state-danger-bg: #2E1B18;--color-state-danger-border: #563631;--color-state-neutral-fg: #9FBAB3;--color-state-neutral-bg: #172724;--color-state-neutral-border: #22302D;--color-focus: #DAA457;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 1px 2px rgba(0,0,0,.4), 0 8px 26px rgba(0,0,0,.35)}