.language-picker{display:inline-flex;align-items:center;gap:6px;position:static;flex:0 1 auto;min-width:0;margin:0;padding:4px 8px;background:var(--card,#fff);color:var(--ink,#183746);border:1px solid var(--line,#ddd);border-radius:10px;font-size:13px}.language-picker select{width:auto;max-width:158px;min-height:36px;margin:0;padding:5px 7px;border:0;background:transparent}.language-picker:has(select:focus-visible){outline:3px solid #2998c2}.topbar .top-controls,.welcome-header .top-controls,.auth-top .top-controls{margin-inline-end:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:100%;min-width:0}.topbar{height:auto;min-height:86px;gap:14px;flex-wrap:wrap;padding-block:14px}.topbar .crumb{min-width:0}.topbar .top-controls>.badge{white-space:normal}.legal-page>.language-picker{display:flex;width:fit-content;margin-block:0 20px}.greeting{gap:20px;flex-wrap:wrap}.greeting>div{min-width:0;max-width:100%}.greeting h1{overflow-wrap:anywhere;font-size:clamp(25px,3vw,38px);line-height:1.3}.greeting h1 bdi{unicode-bidi:isolate}.big-number{font-size:clamp(26px,3.4vw,45px);overflow-wrap:anywhere}.brand>div{min-width:0;overflow-wrap:anywhere}html[dir=ltr] .sidebar{right:auto;left:0}html[dir=ltr] .nav button,html[dir=ltr] .answer,html[dir=ltr] .lesson-row{text-align:left}html[dir=ltr] .close{float:right}.translation-note{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px}
@media(min-width:761px) and (max-width:1150px){.topbar .crumb{flex-basis:100%}.topbar .top-controls{width:100%;justify-content:flex-start}.topbar .top-controls>.badge{flex-basis:100%;width:fit-content}.dashboard{grid-template-columns:minmax(0,1fr)}.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sidebar .brand{font-size:17px}.sidebar .brand small{letter-spacing:.5px}}
@media(max-width:760px){.language-picker{margin:0;box-shadow:none}.language-picker select{max-width:148px}.topbar{align-items:center;padding-block:14px;gap:12px}.topbar .top-controls{justify-content:flex-start;width:100%}.topbar .mobile-brand{width:100%}.welcome-header,.auth-top{flex-wrap:wrap}.welcome-header .top-controls,.auth-top .top-controls{width:100%;justify-content:flex-start}html[dir=ltr] .sidebar{left:0;right:0}.greeting{margin-top:22px}.greeting h1{font-size:28px}.big-number{font-size:34px}}

.level-summary{width:250px;max-width:100%;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:16px;align-self:center;flex-shrink:0;text-align:start}.level-summary-title{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.4}.level-summary-icon{display:grid;place-items:center;background:var(--soft);color:var(--green);width:34px;height:34px;flex:0 0 34px;border-radius:10px;font-size:22px}.level-summary small{display:block;color:var(--muted);font-size:12px;margin-top:8px}.level-summary .progress{margin-top:12px}@media(max-width:760px){.level-summary{width:100%}}

.language-picker select{color:var(--ink);color-scheme:inherit}.language-picker select option{color:var(--ink,#152e3d);background:var(--card,#fff)}body.dark .language-picker select,body.dark select option{color:#eaf3f5;background:#182e3c;color-scheme:dark}body.dark .level-summary{background:#182e3c;border-color:#405866;color:#eaf3f5}body.dark .level-summary small{color:#c4d2db}body.dark .mission{background:#203f38;color:#eaf3f5}body.dark .mission p,body.dark .mission .eyebrow{color:#c9e6d7!important}

/* Native Windows popups may paint a light surface even in dark mode. */
.language-picker select option,body.dark .language-picker select option{color:#172e3b!important;background-color:#fff!important;color-scheme:light}