.lesson-card{gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--surface-2);border:1px solid var(--stroke);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;-webkit-tap-highlight-color:#0000;transition:background .2s ease,border-color .2s ease,transform .2s var(--ease-fast);flex-direction:column;display:flex;position:relative}@media (hover:hover){.lesson-card:hover{background:var(--surface-3)}}.lesson-card:active{transform:scale(.98)}.lesson-card.current{background:var(--surface-3);border-color:var(--overlay-20)}.lesson-card.completed{opacity:.55}.lesson-card__header{align-items:center;gap:var(--space-3);min-height:28px;display:flex}.lesson-card__num{border-radius:var(--radius-full);background:var(--overlay-10);width:28px;height:28px;color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lesson-card__time{min-width:0;color:var(--text-primary);font-size:var(--text-base);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap;flex:1}.lesson-card__type{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;flex-shrink:0}.lesson-card__badge{border-radius:var(--radius-full);background:var(--text-primary);color:var(--bg);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;flex-shrink:0;padding:3px 10px}.lesson-card__action{border-radius:var(--radius-full);background:var(--text-primary);width:30px;height:30px;color:var(--bg);cursor:pointer;-webkit-tap-highlight-color:#0000;transition:transform .2s var(--ease-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lesson-card__action:active{transform:scale(.9)}.lesson-card__subject{color:var(--text-primary);font-size:var(--text-md);font-weight:var(--weight-semibold);overflow-wrap:anywhere;line-height:1.3}.lesson-card__meta{align-items:center;gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}.lesson-card__meta-item{min-width:0;color:var(--text-secondary);font-size:var(--text-xs);align-items:center;gap:6px;display:flex}.lesson-card__meta-item svg{color:var(--text-tertiary);flex-shrink:0}.lesson-card__meta-item>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-card__meta-item--accent{color:var(--text-primary);font-weight:var(--weight-semibold)}.lesson-card__meta-item--accent svg{color:var(--text-primary)}.lesson-card__progress{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--overlay-10)}.lesson-card__progress-info{margin-bottom:var(--space-2);font-size:var(--text-xs);justify-content:space-between;align-items:center;display:flex}.lesson-card__progress-info span:first-child{color:var(--text-secondary);font-weight:var(--weight-medium)}.lesson-card__progress-info span:last-child{color:var(--text-primary);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.lesson-card__progress-bar{background:var(--overlay-10);border-radius:var(--radius-full);width:100%;height:4px;overflow:hidden}.lesson-card__progress-bar>div{background:var(--text-primary);border-radius:var(--radius-full);height:100%;transition:width .3s}.lesson-break{align-items:center;gap:var(--space-3);padding:0 var(--space-2);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-medium);display:flex}.lesson-break__line{background:var(--stroke);flex:1;height:1px}.lesson-break__label{align-items:center;gap:var(--space-2);white-space:nowrap;display:flex}.lesson-break__label svg{flex-shrink:0}.lesson-break__progress{border-radius:var(--radius-full);background:var(--overlay-10);width:72px;height:3px;overflow:hidden}.lesson-break__progress>span{background:var(--text-primary);border-radius:var(--radius-full);height:100%;display:block}.lesson-break.current{color:var(--text-primary)}.lesson-break.completed{opacity:.55}