.language-bar{max-width:1250px;margin:16px auto 0;padding:0 40px}.language-controls{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.language-controls label{margin:0;min-width:170px;font-size:12px;letter-spacing:.2px}.language-controls select{display:block;width:100%;margin-top:5px;min-height:44px;background:var(--paper,#fff);font-size:14px}.language-controls button{height:44px;min-width:44px;padding:8px 12px}.ml-course-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 28px;border-bottom:1px solid var(--line);background:var(--paper)}.ml-course-header .brand{max-width:340px;font-size:13px}.ml-course-header .brand img{width:56px;height:56px;object-fit:contain}.ml-course-header .brand small{font-size:9px;line-height:1.5}.ml-course-header .language-controls label{min-width:140px}.ml-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}.ml-nav button{border:1px solid var(--line);background:transparent;color:var(--ink);font-size:13px;padding:10px 14px}.ml-nav button.active{background:var(--ink);color:var(--paper)}.ml-content{max-width:1220px;padding:30px;margin:0 auto;min-height:60vh}.ml-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ml-grid .panel,.ml-grid .card{margin:0}.ml-word{display:flex;flex-direction:column;gap:9px;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--white,#fff)}.ml-word h3{font-size:21px;margin:0;overflow-wrap:anywhere}.ml-word .emoji{font-size:34px}.ml-word .row{margin-top:auto}.ml-word .translation{font-size:15px;color:var(--muted)}.ml-phrase{padding:18px;border-bottom:1px solid var(--line)}.ml-phrase strong{display:block;font-size:21px;line-height:1.6;overflow-wrap:anywhere}.ml-phrase button{float:right}.ml-quiz{max-width:800px;margin:auto}.ml-quiz .options{display:grid;gap:12px;margin:25px 0}.ml-quiz .option{background:var(--white,#fff);color:var(--ink);border:1px solid var(--line);text-align:left;justify-content:flex-start;min-height:54px;white-space:normal;overflow-wrap:anywhere}.ml-quiz .option.correct{background:#dff0dc;border-color:#397d35;color:#193e18}.ml-quiz .option.wrong{background:#fbe0df;border-color:#aa3434;color:#662323}.ml-result{padding:20px;margin:20px 0;border-radius:12px;background:#edf2e5}.ml-result.error{background:#fbe0df}.ml-progress{height:8px;border-radius:10px;overflow:hidden;background:var(--line);margin:12px 0}.ml-progress span{display:block;height:100%;background:#5c8458}.ml-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.ml-tabs button{font-size:13px}.ml-note{font-size:13px;line-height:1.8;color:var(--muted)}.ml-card-button{width:100%;display:block;background:var(--white,#fff);color:var(--ink);text-align:left;padding:24px;border:1px solid var(--line);border-radius:15px;min-height:180px}.ml-card-button:hover{border-color:var(--ink)}.ml-card-button .emoji{font-size:32px}.ml-card-button h3{margin:13px 0 5px;font-size:21px}.ml-hero{padding:35px;border-radius:22px;background:var(--ink);color:var(--paper);margin-bottom:25px}.ml-hero h1{font-size:clamp(33px,5vw,58px);margin-bottom:18px}.ml-hero p{max-width:700px}.ml-hero .button,.ml-hero button{background:#eee9cd;color:#193e35}.ml-memory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ml-memory button{min-height:100px;overflow-wrap:anywhere}.ml-memory button.found{opacity:.35}.ml-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:24px}.ml-toolbar input{max-width:430px}.ml-status{font-size:12px;color:var(--muted);margin-top:10px}.ml-content textarea{min-height:140px}.ml-token-list{display:flex;gap:8px;flex-wrap:wrap;min-height:65px;margin:18px 0;padding:15px;border:1px dashed var(--line)}.ml-token-list button{font-size:15px}.ml-footer{padding:30px;border-top:1px solid var(--line);font-size:12px;line-height:1.8}.ml-footer img{width:64px;height:64px;object-fit:contain}.ml-certificate{text-align:center;padding:50px;border:4px double var(--ink);background:var(--white,#fff)}@media(max-width:900px){.ml-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ml-course-header{flex-wrap:wrap}.ml-course-header .language-controls{width:100%}.ml-course-header .language-controls label{flex:1}}@media(max-width:600px){.language-bar{padding:0 18px}.language-controls{gap:8px;flex-wrap:nowrap}.language-controls label{min-width:0;flex:1;font-size:10px}.language-controls select{font-size:13px;max-width:100%;padding:10px 6px}.ml-content{padding:22px 16px}.ml-course-header{padding:14px 16px}.ml-grid{grid-template-columns:1fr}.ml-nav{gap:6px}.ml-nav button{font-size:12px;padding:9px 11px}.ml-hero{padding:25px}.ml-memory{grid-template-columns:repeat(2,minmax(0,1fr))}.ml-phrase strong{font-size:18px}.ml-footer{padding:22px 16px}}@media print{.ml-course-header,.ml-nav,.ml-toolbar,.ml-footer,#toast{display:none!important}.ml-certificate{break-inside:avoid}.ml-content{padding:0}}
#ml-course .ml-content button,#ml-course .ml-course-header button{cursor:pointer;border:1px solid transparent;border-radius:10px;background:var(--ink);color:var(--paper);padding:12px 18px;font:600 14px/1.4 system-ui,sans-serif;min-height:44px}#ml-course .ml-content button.outline,#ml-course .ml-content .ml-nav button,#ml-course .ml-content .ml-tabs button.outline{background:transparent;color:var(--ink);border-color:var(--line)}#ml-course .ml-content .ml-card-button{background:var(--white,#fff);color:var(--ink);text-align:left;padding:24px;border-color:var(--line)}#ml-course .ml-content .ml-nav button.active{background:var(--ink);color:var(--paper)}#ml-course .ml-content .card{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--white,#fff);margin:20px 0}#ml-course .ml-content .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#ml-course .ml-course-header .brand small{display:block;margin-top:4px}#ml-course .ml-content button:focus-visible,#ml-course select:focus-visible{outline:3px solid #c79b4e;outline-offset:3px}#ml-course .ml-quiz button.option{background:white;color:var(--ink);border-color:var(--line);text-align:left}#ml-course .ml-quiz button.option.correct{background:#dff0dc;border-color:#397d35;color:#193e18}#ml-course .ml-quiz button.option.wrong{background:#fbe0df;border-color:#aa3434;color:#662323}@media(max-width:600px){#ml-course .ml-content .grid{grid-template-columns:1fr}#ml-course .ml-content button{padding:10px 13px}#ml-course .ml-content .ml-nav button{font-size:12px}}
