.learning-home{display:inline-flex;align-items:center;padding:9px 12px;border:1px solid var(--border,var(--line,#d0d5dd));border-radius:9px;background:#fff;color:var(--text,var(--ink,#172033));font-size:14px;text-decoration:none}
.learning-filter{display:inline-flex;gap:6px;align-items:center;color:var(--muted,#667085);font-size:13px}.learning-filter select{min-width:118px}
.learning-sync{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:var(--muted,#667085);font-size:12px}.learning-sync::before{content:"";width:8px;height:8px;border-radius:50%;background:#12b76a}.learning-sync.pending::before{background:#f79009}.learning-sync.error::before{background:#d92d20}
.learning-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:13px;padding-top:13px;border-top:1px dashed var(--border,var(--line,#e4e7ec))}.learning-actions-label{color:var(--muted,#667085);font-size:12px;font-weight:700}
.learning-rating{display:inline-flex;gap:5px;flex-wrap:wrap}.learning-rating button,.learning-edit{padding:7px 10px;border:1px solid var(--border,var(--line,#d0d5dd));border-radius:999px;background:#fff;color:var(--text,var(--ink,#172033));font-size:12px;cursor:pointer}.learning-rating button[aria-pressed="true"]{border-color:var(--accent,#3448a5);background:var(--accent,#3448a5);color:#fff}.learning-rating .incorrect[aria-pressed="true"]{border-color:#b42318;background:#b42318}.learning-rating .unsure[aria-pressed="true"]{border-color:#b54708;background:#b54708}.learning-rating .unrated{color:var(--muted,#667085)}.learning-edit{margin-left:auto;border-radius:8px}
.learning-editor{display:grid;gap:9px;width:100%;margin-top:10px}.learning-editor textarea{width:100%;min-height:104px;padding:10px;border:1px solid var(--accent,#3448a5);border-radius:9px;color:var(--text,var(--ink,#172033));font:inherit;line-height:1.6;resize:vertical}.learning-editor-controls{display:flex;gap:8px}.learning-editor-error{min-height:1.3em;color:#b42318;font-size:12px}
.learning-play-here{display:inline-flex;align-items:center;margin-left:8px;padding:9px 12px;border:1px solid var(--border,var(--line,#d0d5dd));border-radius:9px;background:#fff;color:var(--text,var(--ink,#172033));font-size:14px;cursor:pointer}.card.learning-active{outline:3px solid color-mix(in srgb,var(--accent,#3448a5) 35%,transparent);outline-offset:2px}
.learning-player{position:fixed;left:50%;bottom:12px;z-index:9999;display:none;width:min(720px,calc(100% - 24px));transform:translateX(-50%);align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--border,var(--line,#d0d5dd));border-radius:14px;background:#fffffff7;box-shadow:0 8px 30px #10182833;backdrop-filter:blur(8px)}.learning-player.show{display:flex}.learning-player-status{flex:1;min-width:0;overflow:hidden;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.learning-player button{flex:none}.learning-player .stop{border-color:#b42318;background:#b42318;color:#fff}body.learning-player-open{padding-bottom:88px}
.card[hidden]{display:none!important}.learning-empty{padding:28px 16px;color:var(--muted,#667085);text-align:center}
@media(max-width:640px){.learning-sync{width:100%;margin-left:0}.learning-actions{align-items:stretch}.learning-edit{margin-left:0}.learning-player{bottom:8px}.learning-player-status{font-size:12px}.learning-player button{padding:8px}.learning-play-here{margin-left:5px;padding:9px}.learning-filter{width:100%;justify-content:space-between}}