.kanji-app-wrap { --fg:#111;--bg:#f0f8ff;--panel:#fff;--muted:#6b7280;--line:#e5e7eb;--primary:#3b82f6;--success:#10b981;--warning:#f59e0b; }
.kanji-app-wrap body{margin:0;background:var(--bg);color:var(--fg);}
.kanji-app-wrap h1{text-align:center;color:var(--primary);margin-bottom:20px;}
.kanji-app-wrap .grid{display:grid;gap:20px;grid-template-columns:1fr;}
@media(min-width:900px){.kanji-app-wrap .grid{grid-template-columns:2fr 1fr}}
.kanji-app-wrap .card{background:var(--panel);border:2px solid var(--line);border-radius:20px;padding:20px;}
.kanji-app-wrap select,.kanji-app-wrap button{font-size:18px;font-weight:600;}
.kanji-app-wrap select{padding:12px;border:2px solid var(--line);border-radius:12px;background:#fff;min-width:120px;}
.kanji-app-wrap .btn{padding:14px 20px;border-radius:16px;border:2px solid var(--line);background:#fff;cursor:pointer;width:100%;margin-bottom:12px;}
.kanji-app-wrap .btn.primary{background:var(--primary);color:#fff;border-color:var(--primary);}
.kanji-app-wrap .btn.ok{background:var(--success);color:#fff;border-color:var(--success);}
.kanji-app-wrap .btn[disabled]{opacity:.6;cursor:not-allowed;}
.kanji-app-wrap .level-section{margin:20px 0;}
.kanji-app-wrap .badges{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.kanji-app-wrap .badge{padding:16px;border:3px solid var(--line);border-radius:16px;text-align:center;cursor:pointer;}
.kanji-app-wrap .badge.active{background:var(--primary);color:#fff;}
.kanji-app-wrap .canvasWrap{display:flex;justify-content:center;align-items:center;min-height:400px;background:#e6f3ff;border-radius:20px;margin:20px 0;padding:20px;}
.kanji-app-wrap canvas{background:#fff;border:3px solid var(--primary);border-radius:20px;max-width:100%;height:auto;}
.kanji-app-wrap .progress-section{background:#e2e8f0;border-radius:16px;padding:16px;margin:16px 0;}
#resetBtn {
  background: #ef4444;   /* 赤 */
  color: #fff;           /* 白文字 */
  border-color: #dc2626; /* 濃い赤で枠 */
}
#resetBtn:hover {
  background: #dc2626;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
}