.jtc-root{--card:#fff;--ink:#222;--mute:#666;--line:#e3dccf;--accent:#c0392b;--ok:#2e7d32;--bad:#c62828;--soft:#f4ece0;
 max-width:760px;margin:0 auto;padding:12px;background:var(--bg);color:var(--ink);border-radius:14px;box-sizing:border-box;
 font:16px/1.6 "Hiragino Sans","Yu Gothic","Noto Sans JP",system-ui,sans-serif}
@media (prefers-color-scheme:dark){.jtc-root{--bg:#17161a;--card:#222126;--ink:#eee;--mute:#aaa;--line:#38363d;--accent:#ff7a6b;--ok:#6fcf74;--bad:#ff8a80;--soft:#2c2a31}}
.jtc-root *{box-sizing:border-box}
.jtc-root h3,.jtc-root h4{color:var(--ink);margin:1.4em 0 .5em;line-height:1.3}
.jtc-root h3.jtc-title{font-size:1.7rem;margin-top:.2em}
.jtc-root h4{font-size:1.25rem;border-bottom:2px solid var(--accent);padding-bottom:4px}
.jtc-subtitle{color:var(--mute);margin-top:0}
.jtc-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin:12px 0}
.jtc-hero{display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:center}
.jtc-hero svg{width:230px;max-width:100%;color:var(--ink)}
.jtc-read{flex:1;min-width:220px}
.jtc-kanji{font-size:2rem;font-weight:700;color:var(--accent)}
.jtc-kana{font-size:1.3rem}
.jtc-rom{color:var(--mute);font-style:italic}
.jtc-digital{font:600 1.2rem ui-monospace,monospace;color:var(--mute)}
.jtc-root label{display:block;font-size:.9rem;color:var(--mute);margin-top:8px}
.jtc-root input[type=range]{width:100%}
.jtc-root button{font:inherit;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:8px 14px;cursor:pointer;margin:4px 4px 0 0;box-shadow:none;text-transform:none}
.jtc-root button.jtc-alt{background:var(--soft);color:var(--ink);border:1px solid var(--line)}
.jtc-wrap{overflow-x:auto}
.jtc-root table{border-collapse:collapse;width:100%;font-size:.95rem;margin:0}
.jtc-root th,.jtc-root td{border:1px solid var(--line);padding:6px 8px;text-align:center;color:var(--ink)}
.jtc-root th{background:var(--soft)}
.jtc-root td.jtc-irr{background:rgba(192,57,43,.15);font-weight:700}
.jtc-opts{display:grid;gap:8px;margin-top:10px}
.jtc-root button.jtc-opt{background:var(--card);color:var(--ink);border:1px solid var(--line);text-align:left;padding:10px 12px;margin:0;font-size:1.05rem}
.jtc-root button.jtc-opt.jtc-ok{background:var(--ok);color:#fff}
.jtc-root button.jtc-opt.jtc-bad{background:var(--bad);color:#fff}
.jtc-fb{margin-top:10px;padding:10px;border-radius:8px;background:var(--soft)}
.jtc-q svg{width:170px;display:block;margin:6px auto;color:var(--ink)}
.jtc-prog{color:var(--mute);font-size:.9rem;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.jtc-big{font-size:2.4rem;font-weight:700;text-align:center}
.jtc-center{text-align:center}
.jtc-agebig{font-size:3rem;font-weight:700;line-height:1.1}
.jtc-agesent{margin:.6em 0 0}