.lesson-rounds-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-size:16px}.round-dot{width:24px;height:24px;border-radius:999px;background:var(--blue);color:#fff;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.strip-step{display:inline-flex;align-items:center;gap:6px}.two-col{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.two-col>.main{flex:999 1 600px;min-width:0;display:flex;flex-direction:column;gap:14px}.two-col>.side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:14px}.lp-cols{align-items:stretch}.lp-cols>.main{align-self:flex-start}.lp-side-ad{margin-top:10px}.course-card{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;border:1px solid var(--line);border-radius:16px;padding:18px 20px}.course-tile{flex:0 0 72px;width:72px;height:72px;border-radius:16px;font-size:38px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.course-body{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:4px}.course-meta{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:14px;color:var(--ink-2)}.course-meta .bar{flex:1 1 auto;height:8px}.course-cta{flex:0 0 140px}.tint-blue{background:var(--blue-tint);color:var(--blue-ink)}.tint-red{background:var(--red-tint);color:var(--red-ink)}.tint-gold{background:var(--gold-tint);color:#6b4600}.tint-green{background:var(--green-tint);color:var(--green-ink)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:15px;padding:4px 12px;border-radius:999px;background:var(--surface-2);color:var(--ink-2)}.lang-jump .chip{color:var(--ink);text-decoration:none}.lang-jump .chip:hover{background:var(--blue-tint, #e7f0ff)}.lang-group{display:flex;flex-direction:column;gap:12px;scroll-margin-top:80px}.lang-head{font-size:18px;color:var(--ink-2);margin-top:6px}.goal-row{display:flex;align-items:center;gap:14px}.week{display:flex;gap:6px}.week span{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:var(--muted)}.week i{width:30px;height:30px;border-radius:999px;border:2px solid var(--line);display:block}.week i.on{background:var(--orange);border-color:var(--orange)}.upnext{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:16px 20px;border-radius:14px;background:var(--blue-tint)}.upnext-num{width:44px;height:44px;border-radius:999px;background:var(--blue);color:#fff;font-size:18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.upnext-text{flex:1 1 300px;display:flex;flex-direction:column;color:var(--blue-ink)}.upnext-text strong{color:#063a8a;font-size:18px}.unit{display:flex;flex-direction:column;gap:12px}.unit-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.lesson-tiles{display:flex;flex-wrap:wrap;gap:12px}.lesson-tile{flex:1 1 210px;max-width:290px;border:1px solid var(--line);border-radius:14px;padding:14px 16px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:8px;background:#fff}.lesson-tile:hover{border-color:var(--line-strong);color:var(--ink)}.lesson-tile.current{border:2px solid var(--blue);background:#f5f9ff}.tile-top{display:flex;align-items:center;gap:10px}.tile-num{flex:0 0 34px;width:34px;height:34px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);font-size:15px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.lesson-tile.done .tile-num{background:var(--green);color:#fff}.lesson-tile.current .tile-num{background:var(--blue);color:#fff}.tile-keys{font-size:22px;font-weight:600;min-height:28px;letter-spacing:3px}.tile-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:700;color:var(--ink-2)}.lesson-tile.current .tile-foot .cta{color:var(--blue)}.lp-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.lp-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.lp-title .keys{font-size:24px}.round-bars{display:flex;gap:8px}.round-bars>div{flex:1 1 0;display:flex;flex-direction:column;gap:4px}.round-bars .bar{height:8px}.round-bars span.lbl{font-size:13px;font-weight:700;color:var(--muted)}.round-bars .done .bar>span{width:100%!important}.round-bars .done span.lbl{color:var(--green-ink)}.round-bars .now span.lbl{color:var(--blue-ink)}.round-bars .now .bar>span{background:var(--blue)}.type-card{position:relative;border:1px solid var(--line);border-radius:16px;padding:22px 24px;background:#fbfcfd;cursor:text;min-height:140px}.type-card.focused{border-color:var(--blue);box-shadow:0 0 0 3px #d6e6ff}.target{display:flex;flex-wrap:wrap;align-items:flex-start;row-gap:14px;font-size:40px;line-height:1.25;font-weight:600;max-height:330px;overflow-y:auto}.target.latin{font-family:var(--mono);font-size:32px;font-weight:500}.target .w{display:inline-flex;flex-direction:column;align-items:center}.target .w .chars{display:inline-flex}.target .c{border-radius:4px;padding:0 1px;border-bottom:3px solid transparent;color:var(--ink-2)}.target .c.done{color:var(--green)}.target .c.cur{color:var(--ink);background:#dbeafe;border-bottom-color:var(--blue)}.target .c.err{color:#fff;background:var(--brand-ink)}.target .sp{display:inline-block;width:.55em;border-bottom:3px solid transparent;align-self:flex-start;height:1.25em;border-radius:4px}.target .sp.cur{background:#dbeafe;border-bottom-color:var(--blue)}.target .sp.err{background:var(--brand-ink)}.target .hint{font-family:var(--mono);font-size:14px;color:var(--muted);font-weight:500;letter-spacing:0;white-space:pre}.type-card.no-hints .hint{display:none}.capture{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;border:0;padding:0;resize:none;overflow:hidden}.focus-note{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffd1;border-radius:16px;font-size:18px;font-weight:700;color:var(--blue-ink)}.type-card.focused .focus-note{display:none}.lp-info{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.next-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:var(--blue-tint);color:var(--blue-ink);font-size:16px;font-weight:700}.next-key{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:6px;background:var(--blue);color:#fff;font-family:var(--mono)}.next-key .g{font-size:20px;line-height:1}.lp-stats{display:flex;gap:6px;margin-left:auto}.lp-stats>div{display:flex;flex-direction:column;align-items:center;min-width:74px}.lp-stats strong{font-size:22px}.lp-stats span{font-size:13px;color:var(--muted)}.kbd-wrap{display:flex;flex-direction:column;gap:10px}.kbd{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--surface);display:flex;flex-direction:column;gap:6px;overflow-x:auto}.kbd-row{display:flex;gap:6px}.kbd-row.space-row{justify-content:center}.key{flex:0 0 auto;height:54px;border-radius:9px;border:1px solid var(--line-strong);box-shadow:0 2px #c4c9cf;padding:3px 7px;display:flex;flex-direction:column;justify-content:space-between;position:relative;background:#fff}.key .lbl{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--ink-2)}.key .g{font-size:21px;font-weight:700;align-self:flex-end;line-height:1;color:var(--ink)}.key .gs{position:absolute;top:3px;right:6px;font-size:13px;color:var(--muted);line-height:1}.key.f-lp,.key.f-rp{background:#fdecef}.key.f-lr,.key.f-rr{background:#fff4dc}.key.f-lm,.key.f-rm{background:#e6f4ea}.key.f-li{background:#e7f0ff}.key.f-ri{background:#ede9fe}.key.new{border:2px solid var(--gold)}.key.next{background:var(--blue)!important;border-color:var(--blue-ink);box-shadow:0 2px #063a8a}.key.next .lbl,.key.next .g,.key.next .gs{color:#fff}.key.pressed-wrong{background:var(--brand-ink)!important}.key.pressed-wrong .lbl,.key.pressed-wrong .g{color:#fff}.legend{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:13px;color:var(--ink-2)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:14px;height:14px;border-radius:4px;border:1px solid var(--line-strong);display:inline-block}.newkeys{display:flex;flex-wrap:wrap;gap:10px}.newkey{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;height:64px;padding:0 6px;border-radius:12px;background:var(--gold-tint);border:2px solid var(--gold)}.newkey .lbl{font-size:13px;font-weight:700;font-family:var(--mono);color:#6b4600}.newkey .g{font-size:26px;font-weight:700;line-height:1.1}.toggles{border:1px solid var(--line);border-radius:14px;padding:4px 18px}.toggles label{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f4;font-size:16px;cursor:pointer}.toggles label:last-child{border-bottom:0}.toggles input{width:20px;height:20px;accent-color:var(--blue)}dialog.complete{border:0;border-radius:20px;padding:0;width:min(640px,calc(100vw - 24px));max-height:calc(100vh - 24px);box-shadow:0 20px 50px #1d222840}dialog.complete::backdrop{background:#1d222873}.complete-body{padding:28px 30px;display:flex;flex-direction:column;align-items:center;gap:16px}.big-stars{display:flex;gap:8px;align-items:flex-end}.big-stars svg{width:52px;height:52px}.big-stars svg:nth-child(2){width:64px;height:64px}.complete-body h2{font-size:30px;font-weight:800;text-align:center}.complete-stats{width:100%;display:flex;flex-wrap:wrap;gap:10px}.complete-stats>div{flex:1 1 120px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;align-items:center}.complete-stats strong{font-size:24px}.complete-stats span{font-size:14px;color:var(--muted)}.complete-cols{width:100%;display:flex;flex-wrap:wrap;gap:12px}.xp-card{flex:1 1 260px;background:#fff8e8;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.xp-total{display:flex;align-items:center;gap:8px;font-size:26px;font-weight:800;color:var(--gold-ink)}.xp-line{display:flex;justify-content:space-between;font-size:15px;color:var(--ink-2)}.streak-card{flex:1 1 260px;border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.complete-actions{width:100%;display:flex;flex-wrap:wrap;gap:12px}.complete-actions .btn{flex:1 1 160px;min-height:50px}.complete-actions .btn-primary{flex:2 1 260px}.share-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:15px}.new-badges{width:100%;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}@media(max-width:640px){.kbd-wrap{display:none}.target{font-size:32px;row-gap:10px}.target.latin{font-size:24px}.type-card{padding:14px}.lp-stats{margin-left:0;width:100%;justify-content:space-between}.lp-stats>div{min-width:0;flex:1 1 0}.lp-stats strong{font-size:19px}.complete-body{padding:22px 18px}}