:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:#0e121b;color:#f5f3ea;font-family:'Noto Sans JP',sans-serif;font-size:16px;line-height:1.8}
main{max-width:720px;margin:0 auto;padding:24px 20px 40px}
h1{font-size:clamp(23px,5vw,30px);line-height:1.5;margin:24px 0}
h2{font-size:20px;line-height:1.5;margin:30px 0 12px}
p{margin:0 0 16px;overflow-wrap:anywhere}
a{color:#d6b66d;text-underline-offset:4px}
.bt-back{display:inline-flex;align-items:center;min-height:44px}
button{min-height:48px;margin:0 0 16px;padding:10px 18px;border:1px solid #d4b26a;border-radius:8px;background:#1c2130;color:#f5f3ea;font:inherit;font-weight:700;cursor:pointer}
button[hidden]{display:none}
#bt-analytics-status{color:#b9c1ce}
.bt-note{font-size:14px;color:#b9c1ce}
footer{display:flex;justify-content:center;flex-wrap:wrap;gap:0 20px;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #303846}
footer a{display:flex;align-items:center;min-height:44px;font-size:14px}
a:focus-visible,button:focus-visible{outline:2px solid #d4b26a;outline-offset:4px}
