@import url('quiz.css');
.navr{display:flex;gap:8px;flex-wrap:wrap}
.small{font-size:14px}
.steps{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}
.stp{border:1px solid var(--line);border-radius:999px;padding:4px 14px;text-decoration:none;color:var(--text);background:#1b110a;font-size:15px}
.stp b{color:var(--gold);margin-inline-end:4px}
.stp.cur{border-color:var(--gold);background:var(--panel)}
.stp.ok b::after{content:" \2713";color:var(--ok)}
.toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:6px 0 10px}
.toolbar input#pbq{max-width:380px}
.tgl{display:inline-flex;align-items:center;gap:8px;margin:0;font-weight:400;color:var(--text);cursor:pointer}
.tgl input{width:auto}
.dots{display:flex;gap:5px;margin:8px 0}
.dots i{width:12px;height:12px;border-radius:50%;background:#140c07;border:1px solid var(--line);display:block}
.dots i.on{background:var(--ok);border-color:var(--ok)}
.tip{border-color:var(--gold)}
.pbt td{vertical-align:middle}
.pbt td.pl{width:96px;white-space:nowrap}
.pbt .a{font-size:24px}
.pbt .a+.a{margin-top:4px}
.pbh{margin-top:26px}
/* larger, clearer reading text (letters + English) */
.pbt .r,.vp .r{font-size:20px;font-style:normal;color:#ead9bd;line-height:1.5}
.pbt .r.fem,.vp .r.fem{color:#ff9ec4}
.pbt td{font-size:19px}
.pbt .a.fem,.vp .a.fem{color:#ff9ec4}
.pbt .fem,.vp .fem{border-inline-start:3px solid #ff9ec4;padding-inline-start:8px;margin-top:6px}
.vp .en{font-size:19px}
@media(max-width:640px){.pbt .r,.vp .r{font-size:18px}.pbt td{font-size:17px}}
.fem{display:none}
body.showfem .fem{display:block}
.play{background:#3a2616;border:1px solid var(--gold);color:var(--gold);border-radius:50%;width:36px;height:36px;padding:0;font-size:15px;margin-inline-end:4px;line-height:1}
.play.slow{font-size:17px}
.play.on{background:var(--gold);color:#140c07}
.who{color:var(--gold)}
.dtxt{margin-top:10px}
.en{color:var(--text)}
/* flashcards */
.fc{perspective:900px;max-width:520px;margin:12px auto}
.fcin{background:var(--panel);border:1px solid var(--gold);border-radius:16px;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;cursor:pointer}
.fcin .backc{display:none}
.fcin .fen{display:none;margin-top:10px;font-size:22px;color:var(--text)}
body.showen .fcin .fen{display:block}
.fcin .fenb{font-size:24px;margin-top:6px}
.fcin .backc .a.big{display:block;margin-bottom:6px}
.fc.flip .front{display:none}.fc.flip .backc{display:block}
.big{font-size:40px;display:block}
.fcin .r.big{font-size:28px;font-style:normal;color:var(--gold)}
.fcbar{display:flex;gap:10px;align-items:center;justify-content:center;margin:14px 0;flex-wrap:wrap}
.vp .vpl{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}
.vp .a{font-size:28px}
.vpb{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
button.rec.live{background:#a63a3a}
audio.mine{height:36px;max-width:260px}
.dlg h2{margin-bottom:12px}
@media print{
 body.cheat,body.cheat *{color:#000!important;background:#fff!important;border-color:#999!important}
 .np{display:none}
 .pbt .a{font-size:20px}
}
body.cheat{padding:20px}
.cheat th{text-align:start;padding-top:14px;color:var(--gold)}