:root{--duck:#FFD465;--duck-soft:#FFF8E5;--duck-deep:#EDB835;--accent:#00C6AE;--accent-deep:#009E8A;--ink:#111111;--white:#FFFFFF;--paper:#FAFAFA;--good:#10B981;--bad:#EF4444;--bad-soft:#FEF2F2;--warn:#F59E0B;--g-100:#F1F1F1;--g-200:#E5E5E5;--g-300:#D4D4D4;--g-400:#A3A3A3;--g-500:#737373;--g-700:#404040;--stroke-width-1:1.5px;--stroke-width-2:2px;--stroke-width-3:2.5px;--stroke:1.5px solid var(--ink);--stroke-th:2px solid var(--ink);--stroke-xl:2.5px solid var(--ink);--stroke-dash:1.5px dashed var(--ink);--shadow-xs:1.5px 1.5px 0 var(--ink);--shadow-sm:2px 2px 0 var(--ink);--shadow:3px 3px 0 var(--ink);--shadow-md:4px 4px 0 var(--ink);--shadow-lg:5px 5px 0 var(--ink);--shadow-xl:6px 6px 0 var(--ink);--shadow-2xl:8px 8px 0 var(--ink);--shadow-inv:3px 3px 0 var(--duck);--shadow-inv-lg:5px 5px 0 var(--duck);--radius-xs:4px;--radius-sm:6px;--radius:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:14px;--radius-2xl:16px;--radius-3xl:20px;--radius-4xl:24px;--radius-pill:999px;--font-en:"Bricolage Grotesque",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-th:"Noto Sans Thai Looped","Noto Sans Thai","Sarabun",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--ls-tight:-0.03em;--ls-snug:-0.02em;--ls-normal:-0.01em;--ls-wide:0.04em;--ls-wider:0.08em;--ls-widest:0.15em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--fs-xs:9px;--fs-sm:10px;--fs-base:11px;--fs-md:12px;--fs-lg:13px;--fs-xl:14px;--fs-2xl:16px;--fs-3xl:18px;--fs-4xl:22px;--fs-5xl:28px;--duration-fast:120ms;--duration:200ms;--ease-brutal:cubic-bezier(0.2,0,0,1);--z-base:1;--z-raised:10;--z-sticky:20;--z-drawer:30;--z-modal:40;--z-toast:50}