.lesson-plan{margin-top:18px}.lesson-plan-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.lesson-plan-head h3{margin:5px 0 4px;font-size:22px}.lesson-plan-head p{margin:0;color:var(--muted)}.lesson-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:10px}.lesson-item{appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:15px;padding:14px;display:grid;grid-template-columns:42px 1fr 58px 16px;gap:10px;align-items:center;text-align:left;cursor:pointer;transition:.18s ease;min-width:0}.lesson-item:hover{transform:translateY(-1px);border-color:rgba(124,92,255,.6);background:var(--panel-2)}.lesson-item.current,.lesson-item.selected{border-color:#7c5cff;box-shadow:0 0 0 2px rgba(124,92,255,.15)}.lesson-item.done{border-color:rgba(46,204,150,.35)}.lesson-index{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(124,92,255,.12);color:#9c88ff;font-weight:800}.lesson-item.done .lesson-index{background:rgba(46,204,150,.12);color:#5de0b0}.lesson-info{min-width:0}.lesson-info b{display:block;font-size:15px;margin-bottom:4px}.lesson-info small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-progress{display:flex;flex-direction:column;gap:5px}.lesson-progress:before{content:"";height:5px;border-radius:99px;background:rgba(255,255,255,.08)}.lesson-progress i{height:5px;border-radius:99px;background:#7c5cff;margin-top:-10px;display:block;max-width:100%}.lesson-progress small{text-align:right;color:var(--muted);font-size:10px}.lesson-chevron{font-size:25px;color:var(--muted)}.lesson-detail{margin-top:16px}.lesson-detail:empty{display:none}.lesson-detail-loading,.lesson-detail-error{border:1px dashed var(--border);border-radius:15px;padding:22px;color:var(--muted);text-align:center}.lesson-detail-error{color:#ff8585}.lesson-detail-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;border:1px solid var(--border);border-bottom:0;border-radius:18px 18px 0 0;background:var(--panel)}.lesson-detail-head h3{font-size:22px;margin:5px 0}.lesson-detail-head p{color:var(--muted);margin:0}.lesson-word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:0 0 18px 18px;overflow:hidden}.lesson-word{position:relative;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:start;background:var(--panel);padding:14px 15px;min-height:96px}.lesson-word:hover{background:var(--panel-2)}.lesson-word-no{width:28px;height:28px;border-radius:9px;background:rgba(124,92,255,.12);display:grid;place-items:center;font-size:11px;font-weight:800;color:#a794ff}.lesson-word-term{display:flex;align-items:center;gap:7px}.lesson-word-term b{font-size:17px}.lesson-word-main small{color:var(--muted)}.lesson-word-main p{margin:5px 0 2px;line-height:1.35}.lesson-word-main em{display:block;color:var(--muted);font-size:12px;font-style:normal;margin-top:5px}.lesson-speak{border:0;background:transparent;cursor:pointer;padding:2px 4px;opacity:.75}.lesson-speak:hover{opacity:1}.lesson-word-state{font-size:10px;font-weight:800;border-radius:99px;padding:5px 7px;white-space:nowrap}.lesson-word-state.fresh{color:#a994ff;background:rgba(124,92,255,.12)}.lesson-word-state.done{color:#5de0b0;background:rgba(46,204,150,.12)}@media(max-width:900px){.lesson-word-grid{grid-template-columns:1fr}.lesson-plan-head,.lesson-detail-head{align-items:stretch;flex-direction:column}.lesson-detail-head .btn{width:100%}}@media(max-width:620px){.lesson-list{grid-template-columns:1fr}.lesson-item{grid-template-columns:38px 1fr 52px 12px;padding:12px}.lesson-word{grid-template-columns:30px 1fr}.lesson-word-state{grid-column:2;margin-top:3px;width:max-content}}