:root{--ink:#2b2b2b;--bg:#fff;--grid:#f4f2ee;--surface:#fff;--muted:#645c52;--sage-deep:#a184e5;--sage-deep-hover:#6d50c8;--sage:#4fb6a6;--sage-pale:#c2d039;--oak:#ff6b4d;--honey:#ffd24c;--blush:#ff6ba7;--mushroom:#e5482c;--on-strong:var(--ink);--on-strong-accent:#fff;--accent-text:#6d50c8;--heading-accent:#e5482c;--sauce:#ff6b4d;--tile-1-bg:var(--oak);--tile-1-fg:var(--ink);--tile-2-bg:var(--blush);--tile-2-fg:var(--ink);--tile-3-bg:var(--oak);--tile-3-fg:var(--ink);--tile-4-bg:var(--blush);--tile-4-fg:var(--ink);--tile-5-bg:var(--blush);--tile-5-fg:var(--ink);--error:#b3261e;--done:#4fb6a6;--done-bg:#ddf1ee;--done-text:#1f5f55;--pill-optional-bg:#ffd9e8;--pill-fixed-bg:#fff0c2;--row-used-bg:#fff0c2;--dash:#eee4cc;--dir:1;--border:3px solid var(--ink);--shadow-sm:calc(3px * var(--dir)) 3px 0 var(--ink);--shadow-md:calc(6px * var(--dir)) 6px 0 var(--ink);--shadow-lg:calc(8px * var(--dir)) 8px 0 var(--ink);--shadow-xl:calc(12px * var(--dir)) 12px 0 var(--ink);--radius-pill:999px;--radius-card:24px;--font-sans:"Outfit", system-ui, sans-serif;--font-arabic:"IBM Plex Sans Arabic", "Outfit", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace}:root[dir=rtl]{--dir:-1}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--ink);background-color:var(--bg);background-image:linear-gradient(var(--grid) 2px,transparent 2px),linear-gradient(90deg,var(--grid) 2px,transparent 2px);background-size:90px 60px;margin:0;font-size:18px;line-height:1.6;overflow-x:hidden}:root[lang=ar] body{font-family:var(--font-arabic)}a{color:var(--ink)}a:hover{color:var(--sage-deep-hover)}button{cursor:pointer;font-family:inherit}:focus-visible{outline:3px solid var(--sage-deep);outline-offset:3px}img{max-width:100%;display:block}.container{max-width:1320px;margin-inline:auto;padding-inline:24px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root{--spring:cubic-bezier(.34, 1.56, .64, 1)}:root .pressable.pressable{transition:transform .25s var(--spring),box-shadow .25s var(--spring)}@media (hover:hover){:root .pressable.pressable:hover{transform:translate(calc(-3px * var(--dir)),-3px);box-shadow:calc(var(--press-depth,6px) * var(--dir) + 3px * var(--dir)) calc(3px + var(--press-depth,6px)) 0 var(--press-shadow,var(--ink))}}:root .pressable.pressable:active{transform:translate(calc(var(--press-depth,6px) * var(--dir)),var(--press-depth,6px));box-shadow:0 0 0 var(--press-shadow,var(--ink));transition-duration:80ms}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent-horizontal],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
