:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--bg:#e4ecf2;--paper:#f7fafc;--ink:#16202b;--muted:#5d6c7b;--line:#16202b;--shadow:#16202b;--empty:#d3dee8;--accent:#ff5a36}@media (prefers-color-scheme:dark){:root{--bg:#131a22;--paper:#1c2530;--ink:#eaf0f5;--muted:#93a3b3;--line:#eaf0f5;--shadow:#000;--empty:#263341;--accent:#ff7a5a}}*,:before,:after{box-sizing:inherit}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Noto Sans Thai,Bricolage Grotesque,system-ui,sans-serif;line-height:1.55}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn{font:inherit;cursor:pointer;border:2px solid var(--line);background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--shadow);border-radius:10px;padding:10px 16px;font-weight:600}.btn.primary{background:var(--accent);color:#16202b}.btn:active{box-shadow:1px 1px 0 var(--shadow);transform:translate(2px,2px)}.btn[disabled]{opacity:.5;cursor:not-allowed}