:root{--bg:#fff;--fg:#1a1a1a;--card:#f3f4f6;--ok:#16a34a;--ng:#dc2626;--ac:#2563eb;box-sizing:border-box;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#111;--fg:#eee;--card:#222}}
body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif;line-height:1.6}
#app{max-width:560px;margin:0 auto;padding:16px}
.q{font-size:18px;font-weight:600;margin:12px 0}
button{display:block;width:100%;text-align:left;margin:8px 0;padding:14px;border:2px solid transparent;border-radius:12px;background:var(--card);color:var(--fg);font-size:16px}
button.main{background:var(--ac);color:#fff;text-align:center;font-weight:600}
.mark{font-size:64px;text-align:center;font-weight:700}
.ok{color:var(--ok)}.ng{color:var(--ng)}
.good{border-color:var(--ok)}.bad{border-color:var(--ng)}
.sm{opacity:.7;font-size:14px;white-space:pre-line}
img{max-width:100%;border-radius:8px;margin:6px 0;background:#fff}