/* Diekstrak dari blok <style> inline duplikat (lihat docs/ROADMAP-KONSOLIDASI.md, item "CSS inline terduplikasi"). Konten tidak diubah saat ekstraksi. */
.kanji-stroke-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:.35rem;cursor:pointer}
.kanji-stroke-wrap:hover .stroke-hint{opacity:1}
.stroke-svg{width:80px;height:80px;border:1.5px solid var(--border,#e0e0e0);border-radius:8px;background:#fdfcf8}
.stroke-hint{opacity:0;font-size:10px;color:var(--ink-soft,#888);transition:opacity .2s;text-align:center;max-width:80px;line-height:1.4}
.stroke-anim-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:400;align-items:center;justify-content:center;padding:1rem}
.stroke-anim-modal.open{display:flex}
.stroke-anim-card{background:white;border-radius:16px;padding:2rem;max-width:360px;width:100%;text-align:center;position:relative}
.stroke-anim-char{font-family:"Noto Serif JP",serif;font-size:96px;color:#15161a;line-height:1;margin-bottom:.5rem}
.stroke-anim-svg{width:200px;height:200px;border:2px solid #e0e0e0;border-radius:12px;background:#fdfcf8;margin:0 auto .75rem}
.stroke-number{display:inline-flex;width:24px;height:24px;border-radius:50%;background:var(--red,#be3428);color:#fff;font-size:11px;font-weight:700;align-items:center;justify-content:center;margin:0 2px}
.stroke-progress{display:flex;gap:.3rem;justify-content:center;flex-wrap:wrap;margin-bottom:.75rem}
.stroke-controls{display:flex;gap:.5rem;justify-content:center}
.stroke-btn{height:36px;padding:0 14px;border-radius:8px;border:1.5px solid #e0e0e0;background:white;cursor:pointer;font-family:sans-serif;font-size:13px;font-weight:600;transition:all .15s}
.stroke-btn:hover{border-color:var(--red,#be3428);color:var(--red,#be3428)}
.stroke-btn.primary{background:var(--red,#be3428);border-color:var(--red,#be3428);color:white}
.stroke-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;border:none;background:#f5f5f5;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}

@keyframes drawLine{from{stroke-dashoffset:200}to{stroke-dashoffset:0}}