.wrongbook-page{display:grid;gap:18px}.wrongbook-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:8px 0 20px;border-bottom:1px solid var(--line)}.wrongbook-hero h1{margin:4px 0 8px}.wrongbook-hero .lead{max-width:760px}.wrongbook-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.wrongbook-metrics>a,.wrongbook-metrics>div{display:grid;gap:3px;padding:13px 14px;border:1px solid var(--line);border-top:3px solid #177d75;background:#fff}.wrongbook-metrics>a:nth-child(2){border-top-color:#d94f38}.wrongbook-metrics>a:nth-child(3){border-top-color:#c58b19}.wrongbook-metrics>a:nth-child(4){border-top-color:#32815f}.wrongbook-metrics b{font-size:1.25rem}.wrongbook-metrics span{color:var(--muted);font-size:.7rem}.wrongbook-insight{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border-left:4px solid #d94f38;background:#fff5f1}.wrongbook-insight h2{margin:2px 0 5px;font-size:1.05rem}.wrongbook-insight p{margin:0;line-height:1.6}.insight-icon{display:grid;place-items:center;width:42px;height:42px;background:#173f4b;color:#fff}.wrongbook-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.wrongbook-category{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;padding:11px;border:1px solid var(--line);border-left:3px solid #177d75;background:#fff}.wrongbook-category.active,.wrongbook-category:hover{background:#edf7f4;border-color:#177d75}.wrongbook-category svg{color:#177d75}.wrongbook-category b,.wrongbook-category small{display:block}.wrongbook-category b{font-size:.78rem}.wrongbook-category small{margin-top:3px;color:var(--muted);font-size:.65rem}.wrongbook-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.wrongbook-status-tabs{overflow-x:auto}.wrongbook-status-tabs a{white-space:nowrap;padding:8px 11px;font-size:.72rem}.wrongbook-search{display:flex;gap:7px;min-width:min(430px,100%)}.wrongbook-search .form-input{min-width:0}.wrongbook-type-filter{display:flex;gap:6px;overflow-x:auto;padding-bottom:5px}.wrongbook-type-filter a{white-space:nowrap;padding:6px 9px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:.68rem;font-weight:700}.wrongbook-type-filter a.active{border-color:#173f4b;background:#173f4b;color:#fff}.wrongbook-type-filter span{margin-left:3px}.wrongbook-list{display:grid;gap:12px}.wrongbook-card{border:1px solid var(--line);border-left:4px solid #d94f38;background:#fff}.wrongbook-card.status-reviewing{border-left-color:#c58b19}.wrongbook-card.status-mastered{border-left-color:#32815f}.wrongbook-card>header{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:13px;align-items:start;padding:15px 17px;border-bottom:1px solid var(--line);background:#fafcfc}.wrongbook-card-index{display:grid;justify-items:center;gap:5px;color:#657574}.wrongbook-card-index span{font-size:.65rem;font-weight:800}.wrongbook-card h2{margin:7px 0 0;font-size:.94rem;line-height:1.65;letter-spacing:0}.wrongbook-badges{display:flex;flex-wrap:wrap;gap:5px}.wrongbook-badges span,.wrongbook-status{padding:3px 6px;background:#edf3f2;color:#36504e;font-size:.63rem;font-weight:800}.wrongbook-status.status-new{background:#fdecea;color:#9c2413}.wrongbook-status.status-reviewing{background:#fff3d7;color:#7a5708}.wrongbook-status.status-mastered{background:#e6f6f0;color:#176749}.wrongbook-body{display:grid;gap:13px;padding:17px}.redo-instruction{display:grid;gap:3px;margin:0 0 11px}.redo-instruction span{color:var(--muted);font-size:.72rem}.wrongbook-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:11px}.wrongbook-options label{cursor:pointer}.wrongbook-options input{position:absolute;opacity:0}.wrongbook-options span{display:grid;grid-template-columns:24px 1fr;gap:7px;min-height:45px;padding:10px;border:1px solid var(--line);font-size:.77rem}.wrongbook-options input:checked+span{border-color:#177d75;background:#edf7f4;box-shadow:inset 0 0 0 1px #177d75}.wrongbook-feedback{padding:11px 13px;border-left:3px solid #c58b19;background:#fff8e8;font-size:.78rem;line-height:1.65}.wrongbook-feedback.loading{color:var(--muted)}.wrongbook-feedback.correct{border-left-color:#32815f;background:#edf8f3}.wrongbook-feedback.error{border-left-color:#bd3e2e;background:#fff0ed}.wrongbook-feedback details{margin-top:7px}.wrongbook-analysis{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.wrongbook-analysis summary{cursor:pointer;padding:10px 0;color:#176b62;font-size:.74rem;font-weight:800}.wrongbook-analysis>div{padding:0 0 12px;font-size:.76rem;line-height:1.75}.wrongbook-note{display:grid;gap:9px}.wrongbook-note label{display:grid;gap:5px}.wrongbook-note label>span{font-size:.7rem;font-weight:800;color:var(--muted)}.wrongbook-note>div,.self-review-actions{display:flex;flex-wrap:wrap;gap:7px}.self-review-actions[hidden]{display:none}.mastered-summary{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:9px;align-items:center;padding:12px;background:#edf8f3;color:#225c48;font-size:.76rem}.wrongbook-empty{display:grid;justify-items:center;gap:9px;padding:42px 20px;border:1px dashed #9fb0ab;background:#fafcfb;text-align:center}.wrongbook-empty svg{width:42px;height:42px;color:#32815f}.wrongbook-empty h2,.wrongbook-empty p{margin:0}.wrongbook-history{padding-top:20px;border-top:1px solid var(--line)}.wrongbook-history .section-head>span{color:var(--muted);font-size:.72rem}.history-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.history-list>div{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);background:#fff}.history-list b,.history-list small{display:block}.history-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.history-list small{margin-top:3px;color:var(--muted);font-size:.63rem}.history-list em{font-size:.65rem;font-style:normal;font-weight:800}.history-list em.correct{color:#176749}.history-list em.review{color:#a64a25}
@media(max-width:980px){.wrongbook-metrics{grid-template-columns:repeat(3,1fr)}.wrongbook-category-grid{grid-template-columns:repeat(2,1fr)}.wrongbook-controls{align-items:stretch;flex-direction:column}.wrongbook-search{width:100%}}
@media(max-width:700px){.wrongbook-hero{align-items:flex-start;flex-direction:column}.wrongbook-insight{grid-template-columns:38px 1fr}.wrongbook-insight .btn{grid-column:1/-1;justify-self:start}.wrongbook-metrics{grid-template-columns:1fr 1fr}.wrongbook-category-grid,.wrongbook-options,.history-list{grid-template-columns:1fr}.wrongbook-card>header{grid-template-columns:38px minmax(0,1fr)}.wrongbook-status{grid-column:2;justify-self:start}.mastered-summary{grid-template-columns:22px 1fr}.mastered-summary .btn{grid-column:1/-1;justify-self:start}.wrongbook-search .btn span{display:none}}
@media(prefers-reduced-motion:reduce){.wrongbook-page *{scroll-behavior:auto!important;transition:none!important}}
