.cx-code{font-family:var(--f-mono);background:var(--sunk);overflow-wrap:anywhere;border-radius:4px;padding:1px 5px;font-size:.92em}.cx-list{flex-direction:column;gap:14px;display:flex}.cx-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.cx-lessons{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.cx-lesson{color:var(--ink);grid-template-columns:44px minmax(0,1fr);gap:14px;height:100%;padding:16px;text-decoration:none;transition:transform .14s;display:grid}.cx-lesson:hover{transform:translateY(-2px)}.cx-lesson h3{font-family:var(--f-display);font-size:19px;font-weight:400;line-height:1.15}.cx-lesson p{font-size:13px}.cx-num{border:2px solid var(--ink);border-radius:var(--radius);place-items:center;width:44px;height:44px;font-size:18px;font-weight:600;display:grid}.cx-tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}@media (prefers-reduced-motion:reduce){.cx-lesson{transition:none}.cx-lesson:hover{transform:none}}.cx-read{flex-direction:column;gap:12px;min-width:0;max-width:68ch;font-size:16px;line-height:1.55;display:flex}.cx-block{border:1.5px solid var(--line);border-radius:var(--radius);min-width:0;margin:0;overflow:hidden}.cx-pre,.cx-out pre{font-family:var(--f-mono);white-space:pre;tab-size:4;margin:0;font-size:14px;line-height:1.5;overflow-x:auto}.cx-pre{background:var(--sunk);padding:12px 14px}.cx-out{border-top:1.5px solid var(--line);background:var(--surface);flex-direction:column;gap:4px;padding:10px 14px;display:flex}.cx-pager{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.cx-practice{flex-direction:column;gap:14px;min-width:0;max-width:760px;padding:18px;display:flex}.cx-ptop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.cx-dots{flex-wrap:wrap;gap:6px;display:flex}.cx-dot{border:2px solid var(--line);background:var(--surface);width:32px;height:32px;color:var(--muted);font:600 13px var(--f-mono);cursor:pointer;border-radius:50%;padding:0}.cx-dot.done{border-color:var(--good);background:var(--good-tint);color:var(--good)}.cx-dot.now{border-color:var(--accent);color:var(--ink)}.cx-q{flex-direction:column;gap:12px;min-width:0;display:flex}.cx-prompt{font-size:16px;font-weight:600}.cx-options{flex-direction:column;gap:8px;display:flex}.cx-option{text-align:left;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;font-size:15px;display:grid}.cx-option:hover:not(:disabled){border-color:var(--ink)}.cx-option:disabled{cursor:default}.cx-option.ok{border-color:var(--good);background:var(--good-tint)}.cx-option.bad{border-color:var(--bad);background:var(--bad-tint);color:var(--muted)}.cx-letter{border:1.5px solid var(--line);border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:grid}.cx-answer{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.cx-input{font-family:var(--f-mono);width:100%;min-width:0;font-size:16px}textarea.cx-input{resize:vertical;line-height:1.4}.cx-placed,.cx-bank{border-radius:var(--radius);flex-direction:column;gap:6px;min-width:0;margin:0;padding:10px;list-style:none;display:flex}.cx-placed{border:2px dashed var(--line);min-height:52px}.cx-placed.ok{border-style:solid;border-color:var(--good);background:var(--good-tint)}.cx-placed.bad{border-color:var(--bad)}.cx-bank{background:var(--sunk)}.cx-empty{padding:6px 4px;font-size:14px}.cx-chip{text-align:left;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--ink);font:inherit;cursor:pointer;padding:8px 12px;font-size:15px;overflow-x:auto}.cx-chip:hover:not(:disabled){border-color:var(--ink)}.cx-chip:disabled{cursor:default}.cx-line{font-family:var(--f-mono);white-space:pre;font-size:14px}.cx-say{flex-direction:column;gap:8px;min-height:1.4em;display:flex}.cx-say .good,.cx-say.good{color:var(--good)}.cx-say .bad,.cx-say.bad{color:var(--bad)}.cx-say .good .cx-code{color:var(--ink)}.cx-hint{border-left:3px solid var(--accent);padding-left:8px;font-size:14px}.cx-finished{border-top:1.5px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.cx-ref{border-collapse:collapse;width:100%;font-size:14px}.cx-ref th,.cx-ref td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:6px 8px}.cx-ref th{white-space:normal;overflow-wrap:anywhere;width:40%;font-weight:600}