/* Best Before Mart · tokens ทั้งแอปอยู่ที่นี่ที่เดียว
   ⚠ ค่าสี/ฟอนต์เป็นร่างจากต้นแบบ ยังไม่ได้ยืนยันกับไฟล์ KV ของงาน (PRD §7.1 · B8) — ได้ค่าจริงแล้วแก้ที่ไฟล์นี้ไฟล์เดียว */
@import url("https://fonts.googleapis.com/css2?family=Anuphan:wght@500;700&family=IBM+Plex+Mono:wght@500;600&family=IBM+Plex+Sans+Thai:wght@400;600&display=swap");
:root{
  --ink:#141414; --ground:#0B0A0A; --panel:#171514; --line:#2F2B28; --muted:#A39C91;
  --paper:#F4EFE6; --paper-2:#FBF8F2; --tape:#F2D21B; --red:#C7361F;
  --new:#FF9A2E; --repl:#2F6BD0; --half:#9A8CF0; --last:#E9E4DA;
  --display:'Anuphan','IBM Plex Sans Thai',system-ui,sans-serif;
  --body:'IBM Plex Sans Thai',system-ui,sans-serif;
  --mono:'IBM Plex Mono','IBM Plex Sans Thai',ui-monospace,Menlo,monospace; /* Plex Mono ไม่มีตัวไทย → ไทยตกไป Plex Sans Thai ชุดเดียวกับเนื้อหา ไม่ใช่ฟอนต์ระบบ */
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0}
[hidden]{display:none!important}
body{background:var(--ground);color:var(--paper);font-family:var(--body)}
button,input,select{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--tape);outline-offset:2px}
.brand{display:inline-block;background:var(--tape);color:var(--ink);font:600 13px var(--mono);letter-spacing:.08em;padding:5px 10px;transform:rotate(-2deg)}