/* DOMANDO Language Studio — learning and pronunciation enhancements */
.kana-small,.kana-detail,.kana{color:var(--accent2);font-size:12px;font-weight:600;letter-spacing:.04em}
.kana-small{display:block;margin:3px 0}
.kana-detail{font-size:20px;margin:2px 0 12px}
.kana-detail small{font-size:11px;color:var(--muted);font-weight:400}
.kana-panel{border-top:1px solid rgba(128,220,211,.18);background:rgba(93,208,205,.075);padding:12px 16px;overflow-wrap:anywhere}
.kana-panel b{display:block;font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.04em}
.kana-panel span{display:block;color:var(--accent2);font-weight:650;font-size:15px}
.kana-panel small,.muted{color:var(--muted);font-size:12px;line-height:1.7}
.learn-overview{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px;background:linear-gradient(125deg,rgba(92,119,238,.2),rgba(86,193,170,.11));border:1px solid var(--edge);border-radius:18px;margin:20px 0 28px}
.learn-overview strong{font-size:22px;display:block;margin:4px 0}.learn-overview .percent{font-size:32px;font-weight:800}
.learn-meter{background:#303e58;height:9px;border-radius:9px;margin-top:12px;overflow:hidden}
.learn-meter i{display:block;width:0;height:100%;border-radius:9px;background:linear-gradient(90deg,#7986f5,#71ddc8);transition:width .2s}
.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0 0 25px}
.lesson-tile{display:flex;flex-direction:column;gap:5px;min-height:137px;background:var(--panel);color:var(--text);border:1px solid var(--edge);border-radius:15px;text-align:left;padding:16px}
.lesson-tile.selected{border-color:var(--accent);background:var(--soft)}.lesson-tile.passed{border-color:#5abf9d}
.lesson-tile b{font-size:16px}.lesson-tile p{margin:0;color:var(--muted);font-size:12px}
.lesson-tile .status{color:var(--accent2);font-size:12px;margin-top:auto}
.lesson-detail{border:1px solid var(--edge);border-radius:18px;background:var(--panel);padding:27px;scroll-margin-top:80px}
.lesson-detail h2{font-size:23px;margin:5px 0 12px}.lesson-detail .explanation{color:var(--muted);line-height:1.9;font-size:14px}
.lesson-detail hr{border:0;border-top:1px solid var(--edge);margin:26px 0}
.lesson-example{padding:17px;border-radius:12px;background:var(--soft);margin:20px 0}
.lesson-example strong{font-size:18px;display:block;overflow-wrap:anywhere}
.lesson-example p{font-size:13px;margin:9px 0 0}
.lesson-example .kana{display:block;margin-top:4px;font-size:13px}
.label{color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.07em}
.study-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:13px 0}
.study-btn{background:var(--soft);color:var(--text);border:1px solid var(--edge);border-radius:10px;padding:10px 16px;font-weight:650;font-size:13px;min-height:40px}
.study-btn.primary{background:#8895ff;color:#091228;border-color:#8895ff}
.study-btn:hover:not(:disabled),.lesson-tile:hover,.answer:hover:not(:disabled){border-color:var(--accent)}
.study-card{width:100%;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px;border:1px solid rgba(146,161,237,.38);border-radius:16px;background:linear-gradient(145deg,rgba(108,123,242,.15),rgba(79,205,188,.08));color:var(--text)}
.study-card strong{font-size:29px;overflow-wrap:anywhere}.study-card span:not(.label){font-size:16px;color:var(--accent2)}.study-card small{font-size:12px;color:var(--muted)}
.question{font-size:19px;margin:14px 0}.answer{display:block;width:100%;text-align:left;border:1px solid var(--edge);border-radius:11px;background:var(--panel2);color:var(--text);padding:13px 15px;margin:8px 0;min-height:46px}
.answer.correct{border-color:#55c9a4;background:rgba(72,173,129,.13)}.answer.incorrect{border-color:#e5aaaa;background:rgba(203,93,110,.12)}
.quiz-feedback{padding:14px;background:var(--soft);border-radius:11px;font-size:13px;line-height:1.8;margin-top:16px}.quiz-done{text-align:center;padding:20px}.quiz-done h3{font-size:36px;margin:8px 0}.quiz-done .study-actions{justify-content:center}
body.light .lesson-tile,body.light .lesson-detail{background:#fff}body.light .answer{background:#f4f7ff}
@media(max-width:730px){.mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}.mobile-nav a{font-size:18px!important}.mobile-nav a span{font-size:9px!important}.content{padding-bottom:110px!important}.learn-overview{padding:17px}.learn-overview strong{font-size:17px}.learn-overview .percent{font-size:26px}.lesson-grid{gap:8px}.lesson-tile{padding:12px}.lesson-tile b{font-size:13px}.lesson-detail{padding:17px}}