.learn-top{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:22px}.xp-panel h2{margin-bottom:0}.xp-panel strong{font-size:22px}.xp-panel .meter{height:12px}.resume-panel .round-icon{width:42px;height:42px;margin-bottom:12px;color:var(--accent);background:var(--wash)}.resume-panel h2{font-size:20px}.stage-percent{font-size:48px;letter-spacing:-2px;color:var(--accent)}.stage-panel>.meter{height:12px}.learn-topic{border:1px solid var(--line);border-radius:16px;padding:22px;margin-top:18px}.learn-topic .panel-head h2{display:inline;font-size:20px;margin-right:10px}.learn-topic.next-topic{border-color:var(--accent);background:linear-gradient(110deg,var(--wash),var(--paper) 65%)}.learn-topic.completed .topic-state{color:var(--green)}.topic-state{display:inline-block;margin-right:10px;color:var(--accent)}.inline-rule{margin-top:15px}.inline-rule summary{cursor:pointer;color:var(--accent-dark);font-size:14px}.inline-rule .lesson-body{padding:18px 0}.final-gate{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px;background:var(--wash);border-radius:14px;margin-top:22px;font-size:14px}.final-gate.ready{background:var(--mint);color:var(--green)}.word-pierogi{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent!important;cursor:pointer;padding:6px;border-radius:9px;min-width:40px;min-height:40px}.word-pierogi svg{width:27px;height:27px;fill:currentColor;fill-opacity:.16}.word-pierogi.known{color:#14885d}.word-pierogi.learning{color:#df3d51}.word-pierogi.unseen{color:#7d8799}.word-pierogi:hover{outline:1px solid currentColor}.vocabulary-word{display:flex;align-items:center;justify-content:space-between;gap:8px}.vocabulary-row{grid-template-columns:22px minmax(140px,1.2fr) minmax(140px,1.8fr) auto}.pick-word{width:18px!important;min-height:18px;margin:0;accent-color:var(--accent)}.selection-tools{padding:0 0 18px;border-bottom:1px solid var(--line)}#selection-summary .actions{align-items:center}.topic-pct{font-size:28px;color:var(--accent)}.topic-card>.meter{margin:5px 0 16px}.topic-manage{border-top:1px solid var(--line);padding-top:12px}.topic-manage .button{font-size:11px;padding:6px 9px}.dictionary-context{position:fixed;z-index:100;background:var(--paper);color:var(--ink);padding:6px;border-radius:12px;box-shadow:0 6px 30px #0003;border:1px solid var(--line);max-width:280px}.dictionary-context button{border:0;background:transparent;color:inherit;padding:12px;text-align:left;border-radius:8px;font-size:14px}.dictionary-context button:hover{background:var(--wash)}body[data-appearance=dark] .word-pierogi.known{color:#7adab3}body[data-appearance=dark] .word-pierogi.learning{color:#ff90a1}body[data-appearance=dark] .word-pierogi.unseen{color:#a4adbd}.sidebar .nav>span:not(.badge){overflow-wrap:normal;word-break:normal}.sidebar nav{gap:9px}.sidebar .nav{gap:10px;padding-left:12px;padding-right:10px}.balance{max-width:230px;font-size:13px}.balance b{font-weight:600}
@media(max-width:1100px){.vocabulary-row{grid-template-columns:22px minmax(120px,1fr) minmax(130px,1fr)}.vocabulary-actions{grid-column:2/-1}.learn-topic .panel-head{flex-wrap:wrap}.learn-topic .panel-head h2{display:block;margin-top:6px}}@media(max-width:850px){.learn-top{grid-template-columns:1fr}.final-gate{flex-wrap:wrap}}@media(max-width:620px){.vocabulary-row{grid-template-columns:22px minmax(0,1fr)}.vocabulary-meaning{grid-column:2}.vocabulary-actions{grid-column:2}.stage-percent{font-size:38px}.sidebar .nav{padding:8px 4px;font-size:12px}.learn-topic{padding:16px}.balance{font-size:11px;max-width:150px}}