.kanji-panel{position:fixed;inset:0;z-index:960;background:var(--bg,#f4f7fb);overflow:auto;display:none;color:var(--text,#172033)}
.kanji-panel.open{display:block}.kanji-shell{width:min(1120px,100%);margin:auto;padding:16px 14px 48px}.kanji-header{display:flex;justify-content:space-between;gap:12px;align-items:center;position:sticky;top:0;z-index:5;background:var(--bg,#f4f7fb);padding:10px 0}.kanji-header h1{margin:0;font-size:clamp(22px,4vw,34px)}
.kanji-tools{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;margin:10px 0}.kanji-tools input,.kanji-tools select{min-height:44px;border:1px solid #cbd5e1;border-radius:12px;padding:0 12px;background:white;font-size:16px}.kanji-summary{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 14px;font-size:14px}.kanji-summary strong{font-size:16px}
.kanji-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(315px,1fr));gap:12px}.kanji-card{background:white;border:1px solid #dbe3ee;border-radius:18px;padding:16px;box-shadow:0 5px 18px rgba(15,23,42,.06)}.kanji-top{display:grid;grid-template-columns:92px 1fr auto;gap:12px;align-items:start}.kanji-char{font-size:72px;line-height:1;text-align:center;background:#f4f7fb;border-radius:14px;padding:8px}.kanji-readings b{display:inline-block;min-width:40px}.kanji-readings p{margin:4px 0;font-size:14px}.kanji-meaning{font-weight:800;margin-top:7px}.kanji-fav{border:0;background:transparent;font-size:27px;cursor:pointer}.kanji-stroke-slot{margin:12px 0;padding:10px;border:1px dashed #aebbd0;border-radius:12px;text-align:center;color:#64748b;font-size:12px}.kanji-applications-title{margin:14px 0 5px;font-weight:800;font-size:14px}.kanji-words{display:grid;gap:6px}.kanji-word{display:grid;grid-template-columns:minmax(80px,.8fr) minmax(100px,1fr) minmax(110px,1.2fr) 40px;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid #edf1f6;font-size:13px}.kanji-word-audio{width:38px;height:38px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;cursor:pointer;font-size:17px;line-height:1}.kanji-word-audio:active{transform:scale(.96)}.kanji-word .jp{font-size:18px}.kanji-sentence{margin-top:12px;background:#f7fafc;border-radius:12px;padding:11px}.kanji-sentence .jp{font-size:20px;font-weight:700}.kanji-sentence p{margin:4px 0}.kanji-actions{display:flex;gap:8px;margin-top:10px}.kanji-actions button{flex:1;min-height:42px;border:1px solid #cbd5e1;border-radius:11px;background:white;font-weight:700}.kanji-actions .studied{background:#dcfce7;border-color:#86efac}.kanji-quiz{display:none;background:white;border-radius:18px;padding:18px;max-width:720px;margin:20px auto}.kanji-quiz.open{display:block}.kanji-question{font-size:64px;text-align:center;margin:20px}.kanji-options{display:grid;gap:9px}.kanji-options button{min-height:48px;border:1px solid #cbd5e1;border-radius:12px;background:white;font-size:16px}.kanji-options button.correct{background:#dcfce7}.kanji-options button.wrong{background:#fee2e2}.kanji-empty{text-align:center;padding:40px}.kanji-family-tag{font-size:12px;color:#64748b;margin-top:8px}
@media(max-width:650px){.kanji-tools{grid-template-columns:1fr 1fr}.kanji-tools input{grid-column:1/-1}.kanji-grid{grid-template-columns:1fr}.kanji-shell{padding:8px 10px 36px}.kanji-header{align-items:flex-start}.kanji-top{grid-template-columns:78px 1fr auto}.kanji-char{font-size:58px}.kanji-word{grid-template-columns:1fr 42px}.kanji-word span{display:block}.kanji-word .jp,.kanji-word span:nth-child(2),.kanji-word span:nth-child(3){grid-column:1}.kanji-word-audio{grid-column:2;grid-row:1/4;align-self:center}.kanji-word .jp{font-size:19px}}
@media(prefers-color-scheme:dark){.kanji-panel{background:#0f172a;color:#e5e7eb}.kanji-header{background:#0f172a}.kanji-card,.kanji-quiz,.kanji-tools input,.kanji-tools select,.kanji-actions button,.kanji-options button,.kanji-word-audio{background:#172033;color:#e5e7eb;border-color:#334155}.kanji-char,.kanji-sentence{background:#111827}.kanji-word{border-color:#334155}}

/* v4.2.5l: motor único e banco vetorial local para 50 kanji */
.kanji-stroke-demo{margin:10px 0;padding:8px 10px;border:1px solid #d8e1ed;border-radius:14px;background:#fbfdff;text-align:center}
.kanji-stroke-demo svg{display:block;width:min(104px,36vw);height:auto;aspect-ratio:1/1;margin:0 auto 7px;background:#fff;border:1px solid #e4eaf2;border-radius:10px}
.kanji-stroke-demo path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.kanji-stroke-demo .stroke-guide path{stroke:#d7dee8;stroke-width:6}
.kanji-stroke-demo .stroke-live path{stroke:#172033;stroke-width:6}
.kanji-stroke-demo .stroke-numbers text{font:800 12.5px system-ui,-apple-system,sans-serif;fill:#c2410c;paint-order:stroke;stroke:#fff;stroke-width:2.4px;stroke-linejoin:round}
.kanji-stroke-demo button{min-width:145px;min-height:40px;border:1px solid #cbd5e1;border-radius:11px;background:#fff;font-weight:800;cursor:pointer}
@media(prefers-color-scheme:dark){.kanji-stroke-demo{background:#111827;border-color:#334155}.kanji-stroke-demo svg{background:#f8fafc}.kanji-stroke-demo button{background:#172033;color:#e5e7eb;border-color:#475569}}

/* v4.2.5p: tabela offline dos 214 radicais tradicionais */
.kanji-radicals{display:none}.kanji-radicals.open{display:block}
.radicals-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 14px;padding:14px 16px;border:1px solid #d8e1ed;border-radius:14px;background:#fff}.radicals-head strong{font-size:22px}.radicals-head div div{margin-top:3px;color:#64748b;font-size:13px}
.radicals-tools{display:grid;grid-template-columns:minmax(220px,1fr) 190px;gap:10px;margin-bottom:10px}.radicals-tools input,.radicals-tools select{min-height:44px;border:1px solid #cbd5e1;border-radius:11px;background:#fff;padding:0 12px;font-size:15px}
.radicals-count{margin:8px 2px 10px;color:#64748b;font-size:13px;font-weight:700}.radicals-table-wrap{overflow:auto;border:1px solid #d8e1ed;border-radius:14px;background:#fff;-webkit-overflow-scrolling:touch}.radicals-table{width:100%;border-collapse:collapse;min-width:720px}.radicals-table th,.radicals-table td{padding:10px 12px;border-bottom:1px solid #e7edf4;text-align:left;vertical-align:middle}.radicals-table th{position:sticky;top:0;z-index:1;background:#eef4fa;font-size:13px;white-space:nowrap}.radicals-table tbody tr:last-child td{border-bottom:0}.radicals-table tbody tr:hover{background:#f8fafc}.radical-glyph{font-size:31px;line-height:1;text-align:center;font-family:"Noto Sans CJK JP","Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif}.radical-num,.radical-strokes{white-space:nowrap;color:#64748b}.radical-kana{font-size:17px}.radical-romaji{font-style:italic}.radical-meaning{font-weight:650}
@media(max-width:650px){.radicals-head{align-items:flex-start}.radicals-tools{grid-template-columns:1fr}.radicals-table-wrap{border-radius:12px}.radicals-table{min-width:0}.radicals-table thead{display:none}.radicals-table,.radicals-table tbody,.radicals-table tr,.radicals-table td{display:block;width:100%}.radicals-table tr{display:grid;grid-template-columns:48px 62px 1fr;gap:4px 8px;padding:10px 12px;border-bottom:1px solid #e7edf4}.radicals-table td{padding:2px 0;border:0}.radicals-table .radical-num{grid-column:1;grid-row:1}.radicals-table .radical-glyph{grid-column:2;grid-row:1/4;align-self:center}.radicals-table .radical-strokes{grid-column:1;grid-row:2;font-size:12px}.radicals-table .radical-kana{grid-column:3;grid-row:1}.radicals-table .radical-romaji{grid-column:3;grid-row:2}.radicals-table .radical-meaning{grid-column:3;grid-row:3}.radicals-table tbody tr:hover{background:transparent}}
@media(prefers-color-scheme:dark){.radicals-head,.radicals-table-wrap,.radicals-tools input,.radicals-tools select{background:#172033;color:#e5e7eb;border-color:#334155}.radicals-table th{background:#111827}.radicals-table th,.radicals-table td,.radicals-table tr{border-color:#334155}.radicals-table tbody tr:hover{background:#111827}.radicals-head div div,.radicals-count,.radical-num,.radical-strokes{color:#94a3b8}}

.study-tip{margin:10px 0;padding:10px;background:#f5f9ff;border-left:4px solid #4a90e2;border-radius:6px;font-size:.95em;}
/* v4.3.8: dicas pedagógicas manuais dos kanji */
.kanji-study-tip{margin:12px 0 10px;padding:12px 14px;border-left:4px solid #d6a632;border-radius:10px;background:#fff8df;color:#3f351c;font-size:14px;line-height:1.55;white-space:pre-line}
@media(max-width:650px){.kanji-study-tip{padding:11px 12px;font-size:13.5px;line-height:1.5}}
@media(prefers-color-scheme:dark){.kanji-study-tip{background:#332d1c;color:#f4e7bd;border-left-color:#e5bd52}}