:root{--bg: #0d0f14;--panel: #171a22;--line: #262b36;--fg: #e8eaf0;--dim: #8d94a5;--accent: #6ee7b7;--bad: #f87171;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.7}.app{max-width:640px;margin:0 auto;padding:24px 20px 64px}.brand{font-weight:700;letter-spacing:.04em;padding-bottom:20px;border-bottom:1px solid var(--line)}.brand span{color:var(--dim);font-weight:400;font-size:.75rem;margin-left:.5em}.screen{padding-top:28px}.screen.center{text-align:center}.step{color:var(--dim);font-size:.75rem;letter-spacing:.12em;margin:0 0 4px}h1{font-size:1.5rem;line-height:1.5;margin:0 0 12px}.lead{color:var(--dim);margin:0 0 24px}.lead strong{color:var(--fg)}.lead.error{color:var(--bad);word-break:break-all;font-size:.85rem}.hint{color:var(--dim);font-size:.75rem;min-height:1.2em;margin:6px 0 16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px 18px;margin:0 0 12px}.card legend{color:var(--dim);font-size:.8rem;padding:0 4px}.choices{display:flex;gap:8px}.choice{flex:1;padding:12px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--fg);font-size:.95rem;cursor:pointer}.choice.on{border-color:var(--accent);color:var(--accent);background:#6ee7b71a}.answer{width:100%;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--fg);font:inherit;resize:vertical}.answer:focus{outline:none;border-color:var(--accent)}.row{display:flex;gap:10px}button.primary,button.ghost{flex:1;margin-top:20px;padding:15px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;border:1px solid var(--line)}button.primary{background:var(--accent);color:#07110c;border-color:transparent;width:100%}button.primary:disabled{background:var(--line);color:var(--dim);cursor:not-allowed}button.ghost{background:transparent;color:var(--dim);flex:0 0 96px}.pulse{width:72px;height:72px;margin:24px auto;border-radius:50%;background:var(--accent);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.7);opacity:.35}50%{transform:scale(1);opacity:.9}}.meter{height:8px;border-radius:4px;background:var(--line);overflow:hidden;margin-bottom:28px}.meter span{display:block;height:100%;background:var(--bad);transition:width .8s ease}.results{list-style:none;padding:0;margin:0;display:grid;gap:10px}.results li{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.results li.miss{border-color:#6ee7b755}.rtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rlabel{font-weight:700}.rbadge{font-size:.7rem;letter-spacing:.08em;color:var(--bad)}.miss .rbadge{color:var(--accent)}.rrow{display:flex;justify-content:space-between;font-size:.9rem;color:var(--dim)}.rrow strong{color:var(--fg);font-weight:600}.rrow em{font-style:normal;color:var(--dim);font-size:.8rem}.reason{margin:8px 0 0;font-size:.8rem;color:var(--dim)}