:root{--bg: #f6f7f9;--card: #ffffff;--text: #16181d;--muted: #6b7280;--accent: #3f6fd8;--ok: #1f8a5b;--border: #e3e6eb;color-scheme:light dark;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;font-size:18px;line-height:1.6}@media(prefers-color-scheme:dark){:root{--bg: #121417;--card: #1c1f24;--text: #eceef2;--muted: #9aa1ac;--accent: #7ea2f0;--ok: #4cc38a;--border: #2a2e35}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{min-height:100dvh;display:flex;flex-direction:column;gap:16px;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));max-width:560px;margin:0 auto}h1{font-size:1.6rem;margin:8px 0 0}h2{font-size:1.05rem;margin:0 0 8px}.sub{color:var(--muted);margin:0}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}.checks{list-style:none;padding:0;margin:0}.checks li{padding:6px 0}.checks li:before{margin-right:8px}.checks li.ok:before{content:"●";color:var(--ok)}.checks li.todo:before{content:"○";color:var(--muted)}.bottom{margin-top:auto}.primary{width:100%;min-height:64px;border:none;border-radius:32px;background:var(--accent);color:#fff;font-size:1.1rem;font-weight:600}.primary:disabled{opacity:.45}