:root{--duck:#f4f4f5;--duck-deep:#e4e4e7;--accent:#00c6ae;--accent-deep:#009e8a;--ink:#18181b;--line:#e4e4e7;--white:#fff;--paper:#fafafa;--good:#10b981;--bad:#ef4444;--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:1px solid var(--line);--stroke-th:1px solid var(--line);--stroke-xl:1px solid var(--line);--stroke-dash:1px dashed var(--line);--shadow-xs:0 1px 2px 0 rgba(0,0,0,.04);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.06);--shadow:0 1px 3px 0 rgba(0,0,0,.08),0 1px 2px -1px rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.08),0 2px 4px -2px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.06);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.08),0 8px 10px -6px rgba(0,0,0,.06);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.15);--shadow-inv:0 1px 3px 0 rgba(0,0,0,.2);--shadow-inv-lg:0 10px 15px -3px rgba(0,0,0,.2);--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}