.direction-selector{max-width:230px;min-width:0;border:1px solid var(--card-border);border-radius:14px;padding:9px;background:var(--card);color:var(--ink);font:inherit;font-size:12px}
.ru-vi-draft{font-size:12px;line-height:1.7;color:var(--ink-light)}
[data-direction="ru-vi"] .settings-panel{margin-block:18px;padding:24px;border:1px solid var(--card-border);border-radius:24px}
[data-direction="ru-vi"] .settings-panel p,[data-direction="ru-vi"] .exercise-stage p{line-height:1.8}
[data-direction="ru-vi"] label{display:block;margin-block:12px}
[data-direction="ru-vi"] .answer-input{max-width:100%;width:100%}
[data-direction="ru-vi"] .settings-panel button{margin:6px}
[data-direction="ru-vi"] [lang="vi"]{font-family:system-ui,sans-serif}
.ru-vi-keyboard{display:flex;flex-wrap:wrap;gap:3px;margin-block:15px}
.ru-vi-keyboard button{padding:7px 11px;min-width:36px}
@media(max-width:700px){.direction-selector{max-width:150px;font-size:10px;padding:7px}header.top{flex-wrap:wrap}[data-direction="ru-vi"] .settings-panel{padding:16px}}

.ru-vi-keys{margin-block:16px}.ru-vi-keys summary{cursor:pointer;padding:10px 0}.ru-vi-keyboard{max-height:220px;overflow:auto}
[data-direction="ru-vi"] #sound-toggle{display:none}
[data-direction="ru-vi"] .lesson-intro{display:flex;justify-content:flex-start;gap:24px}
[data-direction="ru-vi"] .lesson-intro p{flex:1;min-width:0;max-width:58ch}
.direction-welcome{display:flex;align-items:center;gap:22px;margin:24px 0;padding:24px;border:2px solid var(--accent,#31836b);border-radius:24px;background:var(--card);color:var(--ink)}
.direction-welcome-options{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.direction-welcome-options button{padding:16px 24px;text-align:left}.direction-welcome-options span{display:block;font-size:12px;font-weight:400;margin-top:7px}
.ru-vi-section summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;font-size:20px;font-weight:700}.ru-vi-section summary small{white-space:nowrap;font-size:14px}.ru-vi-lesson-card{border-top:1px solid var(--card-border);padding:18px 0}.ru-vi-lesson-card h4{font-size:18px;margin:8px 0}
[data-direction="ru-vi"] progress{width:100%;accent-color:var(--accent,#31836b);height:16px}.ru-vi-options{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.ru-vi-options button{font:inherit;overflow-wrap:anywhere}
[data-direction="ru-vi"] blockquote{border-left:4px solid var(--accent,#31836b);padding:16px;margin:18px 0;background:var(--card);line-height:1.8}
@media(max-width:700px){.direction-welcome{margin:16px 0;padding:16px;gap:12px;align-items:flex-start}.direction-welcome>svg{display:none}.direction-welcome h2{font-size:20px}.direction-welcome-options{flex-direction:column}.ru-vi-section summary{font-size:18px}}