:root{
  --bg:#F3F5F0; --ink:#1D2824; --muted:#5A6660; --surface:#FFFFFF; --line:#D8DDD2;
  --accent:#0E6B5A; --accent-ink:#FFFFFF; --open:#17804A; --open-bg:#DFF2E6;
  --stop:#B5412F; --stop-bg:#F8E3DE; --me:#2F6FE0; --shadow:rgba(18,28,24,.2);
  --font-d:"Zen Maru Gothic","Hiragino Maru Gothic ProN","BIZ UDPGothic",sans-serif;
  --font-b:"BIZ UDPGothic","Hiragino Sans","Noto Sans JP",sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root{
  --bg:#141917; --ink:#E8EEE9; --muted:#A3AFA8; --surface:#212826; --line:#38413C;
  --accent:#4FC2A8; --accent-ink:#0D1A16; --open:#5FD394; --open-bg:#1E3A2B;
  --stop:#F08A76; --stop-bg:#3D241F; --me:#6B9BFF; --shadow:rgba(0,0,0,.5); color-scheme:dark }}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--font-b);font-size:15px;-webkit-text-size-adjust:100%}
button,input,select,textarea{font:inherit;color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
[hidden]{display:none!important}