:root{--color-sand:#e9d8a6;--color-sky:#f6efe0;--color-path:#cbb68a;--color-khoi:#f2e3b3;--color-t2:#e8833a;--color-t3:sienna;--color-t4:#2e86ab;--color-ket:#d4af37;--color-flame:#ffb703;--color-rock:#3fa796;--color-ink:#2b2118;--color-group1:#d7263d;--color-group2:#1b998b;--color-group3:#6a4c93;--color-ok:#2a9d8f;--color-warn:#e9c46a;--color-bad:#e76f51;--font-base:18px;--font-title-sm:24px;--font-title-lg:32px;--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--btn-min-height:48px;--btn-radius:12px}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:var(--font-family);font-size:var(--font-base);color:var(--color-ink);background-color:var(--color-sky);-webkit-font-smoothing:antialiased;margin:0;padding:0}:focus-visible{outline:3px solid var(--color-ink);outline-offset:2px}button{font-family:inherit;font-size:var(--font-base);min-height:var(--btn-min-height);border-radius:var(--btn-radius);border:1px solid var(--color-ink);background:var(--color-sand);color:var(--color-ink);cursor:pointer;padding:8px 16px}button:focus-visible{outline:3px solid var(--color-ink);outline-offset:2px}