#historyView .history-view-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
#historyView .history-view-heading>div:last-child{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
#historyView .history-class-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);gap:12px;margin:20px 0 16px;padding:14px;border:1px solid color-mix(in srgb,var(--accent,#287456) 22%,transparent);border-radius:18px;background:color-mix(in srgb,var(--accent,#287456) 6%,var(--surface,#fff))}
#historyView .history-class-toolbar label{display:grid;gap:6px;font-size:.78rem;color:var(--muted,#68736e)}
#historyView .history-class-toolbar label span{font-weight:700;letter-spacing:.04em;text-transform:uppercase}
#historyView .history-class-toolbar select,#historyView .history-class-toolbar input{width:100%;min-height:44px;border-radius:12px;background:var(--surface,#fff)}
#historyView .progress-summary{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:stretch}
#historyView .progress-card{min-width:0;text-align:left}
#historyView .progress-card.is-search-hidden{display:none}
#historyView .learning-overview{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface,#fff)}
#historyView .learning-overview>div:first-child{display:grid;gap:3px}#historyView .learning-overview small{font-size:.68rem;letter-spacing:.12em;color:var(--muted);font-weight:750}#historyView .learning-overview strong{font-size:1rem}.learning-legend{display:flex;gap:7px;flex-wrap:wrap}.learning-legend span,.memorization-status{padding:5px 8px;border-radius:999px;font-size:.68rem;font-weight:750;background:#eef1ef;color:#59645f}.learning-legend [data-state="good"],.status-on_target,.review-strong{background:#e6f5eb;color:#17633b}.learning-legend [data-state="stable"],.status-fair{background:#edf4fa;color:#245d83}.learning-legend [data-state="attention"],.status-needs_review,.status-behind,.review-fading,.review-many_errors,.review-repeat{background:#fff0dc;color:#8b5318}
#historyView .progress-card{display:flex;flex-direction:column;gap:11px}#historyView .progress-card footer{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:auto}#historyView .progress-card footer .text-button{margin-left:auto;border:0;background:transparent;color:var(--accent,var(--green));font-weight:750;cursor:pointer}.memorization-lines{display:grid;gap:6px;padding:9px;border-radius:12px;background:color-mix(in srgb,var(--accent,#287456) 5%,var(--surface,#fff))}.memorization-lines p{display:flex;justify-content:space-between;gap:10px;margin:0}.memorization-lines small{color:var(--muted);font-size:.7rem}.memorization-lines strong{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;font-size:.78rem;text-align:right}.memorization-lines .memorization-status{font-style:normal;white-space:nowrap}.memorization-target{grid-column:1/-1}
.memorization-dialog{width:min(680px,calc(100vw - 24px));border:0;border-radius:22px;padding:0;color:var(--ink);background:var(--surface,#fff);box-shadow:0 24px 80px rgba(10,30,22,.3)}.memorization-dialog::backdrop{background:rgba(17,37,29,.58);backdrop-filter:blur(3px)}.memorization-dialog form{padding:24px;display:grid;gap:17px}.memorization-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.memorization-dialog h3{font-family:Georgia,serif;font-size:1.8rem;margin:4px 0}.memorization-dialog header small{color:var(--accent,var(--green));font-weight:800;letter-spacing:.12em}.memorization-dialog .icon-button{border:0;background:transparent;font-size:1.7rem;cursor:pointer}.memorization-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.memorization-dialog label{display:grid;gap:6px;font-size:.78rem;color:var(--muted);font-weight:700}.memorization-dialog input,.memorization-dialog select,.memorization-dialog textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px;background:var(--surface,#fff);color:var(--ink);font:inherit}.memorization-dialog footer{display:flex;justify-content:flex-end;gap:9px}
@media(max-width:700px){#historyView .history-view-heading{align-items:flex-start;flex-direction:column}#historyView .history-view-heading>div:last-child{width:100%;justify-content:flex-start}#historyView .history-class-toolbar{grid-template-columns:1fr;padding:11px;margin:14px 0 12px}#historyView .progress-summary{grid-template-columns:1fr}.history-filter label{width:100%}.history-filter select{width:100%}#historyView .learning-overview{align-items:flex-start;flex-direction:column}.memorization-grid{grid-template-columns:1fr}.memorization-dialog form{padding:18px}.memorization-dialog h3{font-size:1.45rem}}