:root{color-scheme:light;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-arabic: "Noto Sans Arabic", "Segoe UI", sans-serif;--color-bg: #f7f6f2;--color-bg-glow-1: rgb(216 210 233 / .2);--color-bg-glow-2: rgb(207 228 216 / .16);--color-surface: #ffffff;--color-surface-2: #f1f0eb;--color-fg: #292d3e;--color-fg-muted: #606574;--color-border: #e3e2dc;--color-primary: #53517c;--color-primary-strong: #3f3d63;--color-primary-soft: #eae8f2;--color-on-primary: #ffffff;--color-success: #15803d;--color-success-soft: #dcfce7;--color-danger: #b91c1c;--color-danger-soft: #fee2e2;--color-warning-soft: #fef3c7;--color-warning: #92400e;--tense-plusquamperfekt: #c2410c;--tense-praeteritum: #7e22ce;--tense-perfekt: #1d4ed8;--tense-praesens: #15803d;--article-der: #1d4ed8;--article-die: #be185d;--article-das: #047857;--clause-hs: #0369a1;--clause-hs-soft: #e0f2fe;--clause-ns: #c2410c;--clause-ns-soft: #ffedd5;--highlight-bg: #e0e7ff;--highlight-fg: #3730a3;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-clay: 0 3px 16px -8px rgb(41 45 62 / .12);--shadow-raised: 0 14px 32px -16px rgb(41 45 62 / .25);--shadow-button: 0 4px 12px -6px rgb(83 81 124 / .5);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .45s;--content-width: 1120px}:root[data-theme=dark]{color-scheme:dark;--color-bg: #191b23;--color-bg-glow-1: rgb(112 102 146 / .12);--color-bg-glow-2: rgb(87 132 111 / .08);--color-surface: #232630;--color-surface-2: #2c2e3c;--color-fg: #f0eff5;--color-fg-muted: #b9bac9;--color-border: #3d3f4f;--color-primary: #818cf8;--color-primary-strong: #a5b4fc;--color-primary-soft: #2b2a63;--color-on-primary: #11102b;--color-success: #4ade80;--color-success-soft: #14351f;--color-danger: #f87171;--color-danger-soft: #3d1717;--color-warning-soft: #3a2a0b;--color-warning: #fcd34d;--tense-plusquamperfekt: #fb923c;--tense-praeteritum: #c084fc;--tense-perfekt: #60a5fa;--tense-praesens: #4ade80;--article-der: #60a5fa;--article-die: #f472b6;--article-das: #34d399;--clause-hs: #38bdf8;--clause-hs-soft: #0c2c3f;--clause-ns: #fb923c;--clause-ns-soft: #3b1f0b;--highlight-bg: #2e2c6e;--highlight-fg: #c7d2fe;--shadow-clay: inset 0 1px 0 rgb(255 255 255 / .05), 0 1px 2px rgb(0 0 0 / .4), 0 12px 32px -16px rgb(0 0 0 / .7);--shadow-raised: inset 0 1px 0 rgb(255 255 255 / .06), 0 2px 4px rgb(0 0 0 / .4), 0 20px 40px -18px rgb(0 0 0 / .8);--shadow-button: inset 0 -3px 0 rgb(0 0 0 / .25), 0 6px 16px -8px rgb(129 140 248 / .6)}[data-unit="7"]{--unit-accent: #a04450;--unit-strong: #823340;--unit-soft: #f7e5e2;--unit-stage: #f0d8d1;--unit-ink: #65313c;--unit-pop: #e9b36e;--unit-bg: #fbf5f3;--unit-border: #ecd7d3}[data-unit="8"]{--unit-accent: #16746b;--unit-strong: #105b54;--unit-soft: #ddf0e8;--unit-stage: #cce6db;--unit-ink: #174e46;--unit-pop: #eac57b;--unit-bg: #f2f8f4;--unit-border: #cee4da}[data-unit="9"]{--unit-accent: #7052a3;--unit-strong: #593e88;--unit-soft: #eee5f7;--unit-stage: #e0d4ef;--unit-ink: #4d356e;--unit-pop: #edae73;--unit-bg: #f8f5fb;--unit-border: #e0d5ee}:root[data-theme=dark][data-unit="7"],[data-theme=dark] [data-unit="7"]{--unit-accent: #f1a4ac;--unit-strong: #ffc2c8;--unit-soft: #40282e;--unit-stage: #4a3037;--unit-ink: #f5c7cc;--unit-pop: #c99b62;--unit-bg: #211a1d;--unit-border: #53383f}:root[data-theme=dark][data-unit="8"],[data-theme=dark] [data-unit="8"]{--unit-accent: #7cd6ba;--unit-strong: #a6e9d2;--unit-soft: #203d35;--unit-stage: #284b40;--unit-ink: #b0e7d3;--unit-pop: #d3b071;--unit-bg: #17221e;--unit-border: #345348}:root[data-theme=dark][data-unit="9"],[data-theme=dark] [data-unit="9"]{--unit-accent: #c7aff1;--unit-strong: #dfccff;--unit-soft: #352a48;--unit-stage: #443359;--unit-ink: #dfd0f6;--unit-pop: #dfa878;--unit-bg: #201c28;--unit-border: #4d3d65}:root:is([data-unit="7"],[data-unit="8"],[data-unit="9"]),[data-unit="7"],[data-unit="8"],[data-unit="9"]{--color-primary: var(--unit-accent);--color-primary-strong: var(--unit-strong);--color-primary-soft: var(--unit-soft);--color-surface-2: var(--unit-soft);--color-border: var(--unit-border);--highlight-bg: var(--unit-soft);--highlight-fg: var(--unit-ink);--shadow-button: 0 4px 12px -6px var(--unit-accent)}:root:is([data-unit="7"],[data-unit="8"],[data-unit="9"]){--color-bg: var(--unit-bg);--color-bg-glow-1: color-mix(in srgb, var(--unit-stage) 45%, transparent);--color-bg-glow-2: transparent}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--color-fg);background:radial-gradient(60rem 40rem at 10% -10%,var(--color-bg-glow-1),transparent 60%),radial-gradient(50rem 36rem at 110% 10%,var(--color-bg-glow-2),transparent 60%),var(--color-bg);background-attachment:fixed;transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}h1,h2,h3,h4{margin:0;line-height:1.2;letter-spacing:-.02em;text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}p{margin:0;text-wrap:pretty}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}[lang=ar]{font-family:var(--font-arabic)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-clay)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-pill);font-weight:700;font-size:.95rem;text-decoration:none;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.btn:active:not(:disabled){transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-button)}.btn--primary:hover:not(:disabled){background:var(--color-primary-strong)}.btn--ghost{background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-clay)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-2)}.btn--icon{width:44px;padding:0}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary)}.page{width:min(100% - 2 * var(--space-4),var(--content-width));margin-inline:auto}@keyframes rise-in{0%{opacity:0;transform:translateY(14px) scale(.98)}}.rise-in{animation:rise-in var(--duration-slow) var(--ease-spring) both;animation-delay:calc(var(--i, 0) * 60ms)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important}}