/* Lumi OS skin for Lumi Lingo (Baxter D1-D4). Only active when html.los is set (homebase preview + localhost). Restyle only: every screen, button and flow is Lingo's own. */
html.los body{background:radial-gradient(720px 480px at 8% -6%,rgba(139,124,246,.14),transparent 62%),radial-gradient(820px 560px at 104% 110%,rgba(242,193,78,.08),transparent 62%),linear-gradient(135deg,#0D1330 0%,#0B1026 46%,#080C1E 100%) fixed;font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#F5F7FF}
html.los .lfx-vig,html.los .lfx-star{display:none!important}
html.los h1,html.los h2,html.los .lc-name,html.los .lgp-go,html.los .go,html.los .milestone-overlay .num,html.los .milestone-overlay .cap{font-family:Poppins,"Segoe UI",sans-serif!important;font-weight:600!important;text-shadow:none!important}
html.los h1{font-size:clamp(26px,5vw,32px);letter-spacing:.2px}
html.los h1 span{color:#B7A8FF!important}
html.los .sub{color:#9AA5C7;font-size:14px}
/* top strip: wordmark + room chip */
html.los .stats,html.los .bar{background:rgba(11,16,38,.86);border-bottom:1px solid rgba(255,255,255,.07)}
.los-wm{display:none}
html.los .los-wm{display:inline-flex;align-items:center;gap:10px;margin-right:6px;font:600 15px Poppins,"Segoe UI",sans-serif;letter-spacing:6px;color:#F5F7FF;white-space:nowrap}
html.los .los-wm i{font-style:normal;color:#F2C14E;margin-left:-6px}
html.los .los-wm b{font:700 11px Inter,system-ui,sans-serif;letter-spacing:.5px;padding:4px 10px;border-radius:999px;background:rgba(139,124,246,.16);border:1px solid rgba(139,124,246,.5);color:#B7A8FF}
@media (max-width:420px){html.los .los-wm{letter-spacing:4px;font-size:14px}html.los .los-wm i{margin-left:-4px}}
html.los .stats .who{border-color:rgba(255,255,255,.12);color:#C6CDE6;font-family:Inter,system-ui,sans-serif;font-weight:600}
html.los .los-sub{display:block;color:#9AA5C7;font-size:14px;margin:-2px 0 14px}
/* D1: language cards as calm OS cards in a grid */
@media (min-width:900px){html.los #s-lang .wrap,html.los #s-topics .wrap{max-width:1180px}html.los #s-topics #topic-list,html.los #s-topics .goal,html.los #s-topics .level-picker,html.los #s-topics #back-lang{max-width:760px;margin-left:auto;margin-right:auto}html.los #s-topics h1,html.los #s-topics #topic-sub{max-width:760px;margin-left:auto;margin-right:auto}}
html.los #lang-list{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:600px){html.los #lang-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){html.los #lang-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
html.los .lang-card{margin:0;min-height:0;flex-wrap:wrap;align-items:center;padding:18px 20px;border-radius:22px;background:linear-gradient(180deg,#182046,#121833)!important;border:1px solid rgba(255,255,255,.09);box-shadow:none!important;color:#F5F7FF}
html.los .lang-card::before,html.los .lang-card::after{display:none!important}
html.los .lang-card:not(:disabled):hover{transform:none!important;border-color:rgba(139,124,246,.5)}
html.los .lang-card .lc-flag{width:44px;height:44px;font-size:18px;font-weight:700;font-family:Poppins,"Segoe UI",sans-serif;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 0 0 1px rgba(255,255,255,.14)!important;color:#fff}
html.los .lang-card .lc-name{font-size:20px}
html.los .lang-card .lc-meta{font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:13px;color:#9AA5C7;opacity:1}
html.los .lang-card .lc-bar{background:rgba(255,255,255,.09)}
html.los .lang-card .lc-bar i{background:#8B7CF6!important;box-shadow:none!important}
html.los .lang-card .lc-deco{display:none}
html.los .lang-card .lc-go{font:600 13px Inter,system-ui,sans-serif;opacity:1;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#F5F7FF;white-space:nowrap}
html.los .quest-card,html.los .goal,html.los .tile,html.los .stories-tile,html.los .convos-tile,html.los .story-tile,html.los .review-tile,html.los .prog-stat,html.los .auth-box,html.los .gate{background:linear-gradient(180deg,#182046,#121833)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:22px!important;box-shadow:none!important;color:#F5F7FF}
html.los .stories-tile,html.los .convos-tile{border-color:rgba(139,124,246,.35)!important}
html.los .lg-bubble{background:rgba(11,16,38,.86)!important;color:#F5F7FF!important;border:1px solid rgba(255,255,255,.16);box-shadow:none!important}
html.los .lg-bubble::before{display:none!important}
html.los .guide-chip{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;color:#C6CDE6!important}
html.los .lvl{background:rgba(139,124,246,.16);border:1px solid rgba(139,124,246,.5);color:#B7A8FF;box-shadow:none}
html.los .level-btn{border-radius:999px}
/* D2: lesson */
html.los .fill{background:#8B7CF6}
html.los .track{background:rgba(255,255,255,.09);height:8px}
html.los .qkind{color:#9AA5C7!important;letter-spacing:1px}
html.los .word{font-family:Poppins,"Segoe UI",sans-serif!important;font-weight:600!important;color:#F5F7FF!important;text-shadow:none!important}
html.los .rom{color:#B7A8FF!important}
html.los .choice,html.los .sign-choice,html.los .convo-choice,html.los .story-choice,html.los .match,html.los .slot{background:linear-gradient(180deg,#182046,#121833)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;box-shadow:none!important;color:#F5F7FF!important;font-family:Inter,system-ui,sans-serif!important}
html.los .choice.sel,html.los .choice.on,html.los .choice[aria-pressed="true"],html.los .convo-choice:hover,html.los .choice:hover{border-color:rgba(139,124,246,.7)!important;box-shadow:0 0 0 1px rgba(139,124,246,.45),0 0 26px rgba(139,124,246,.16)!important}
html.los .go,html.los .lgp-go{background:linear-gradient(180deg,#FFD97A,#F2C14E)!important;color:#231a02!important;border-radius:999px!important;box-shadow:0 6px 24px rgba(242,193,78,.28)!important}
html.los .go:disabled{opacity:.45}
html.los .foot,html.los .foot-static{background:rgba(11,16,38,.94)!important;border-top:1px solid rgba(255,255,255,.08)!important}
html.los .speak-btn{background:rgba(139,124,246,.14)!important;border:1px solid rgba(139,124,246,.5)!important;color:#B7A8FF!important;border-radius:999px!important}
/* D3/D4: stories and conversations */
html.los .story-line,html.los .convo-scene{background:linear-gradient(180deg,#182046,#121833)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important;box-shadow:none!important}
html.los .convo-scene-label{color:#C6CDE6!important}
html.los .convo-hint{color:#B7A8FF!important}
html.los .story-toggle,html.los .story-nav button:not(.go):not(.cta){background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;color:#C6CDE6!important;border-radius:999px!important}
html.los .lgp-card{background:linear-gradient(180deg,#182046,#121833)!important;border-color:rgba(255,255,255,.1)!important;font-family:Poppins,"Segoe UI",sans-serif!important}
html.los .lgp-card.on{border-color:#F2C14E!important;box-shadow:0 0 0 1px rgba(242,193,78,.5),0 0 22px rgba(242,193,78,.2)!important}
html.los .story-nav .cta,html.los .story-nav .go{background:linear-gradient(180deg,#FFD97A,#F2C14E)!important;color:#231a02!important;border-radius:999px!important;box-shadow:0 6px 24px rgba(242,193,78,.28)!important;font-family:Poppins,"Segoe UI",sans-serif!important}
/* fit-sweep 2026-11-07 */
html.los .stats .stat{min-height:44px;min-width:44px;margin:0;padding:0 6px;justify-content:center;box-sizing:border-box}
html.los .stats .who{min-height:44px;min-width:44px;max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto}
html.los .story-toggle,html.los .placement-link,html.los #change-guide{min-height:44px}
@media (max-width:400px){html.los .stats{gap:4px;padding-left:10px;padding-right:10px}html.los .los-wm{letter-spacing:2px;font-size:13px;gap:6px;margin-right:2px}html.los .los-wm i{margin-left:-2px}html.los .los-wm b{padding:3px 7px;font-size:10px}html.los .stats .stat{font-size:15px;padding:0 3px}}
html.los .stats .who{flex:0 0 auto}@media (max-width:420px){html.los .los-wm b{display:none}}