.notebook-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.notebook-stats .panel{margin:0;display:flex;flex-direction:column;gap:4px}.notebook-stats strong{font-size:32px;color:var(--green)}.notebook-stats span{color:var(--muted);font-size:12px}.focus-overview{margin-bottom:22px}.focus-area-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.focus-area{text-align:left;background:#f3f7ef;border:1px solid var(--line);border-radius:10px;padding:15px}.focus-area strong,.focus-area span{display:block}.focus-area strong{font-size:12px}.focus-area span{color:var(--muted);font-size:11px;margin-top:6px}.learning-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:24px 0}.learning-filters label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}.learning-filters select,.learning-filters input:not([type=checkbox]){border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:white;max-width:100%;color:var(--ink)}.learning-filters .due-toggle{display:flex;flex-direction:row;align-items:center;gap:7px;padding-bottom:10px}.learning-filters input[type=checkbox],.focus-options input{accent-color:var(--green)}.notebook-card{border:1px solid var(--line);border-radius:13px;padding:23px;margin:16px 0;background:#fff}.learning-card-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.learning-card-heading h3{margin-top:6px}.focus-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.focus-chips .soft-tag{white-space:normal}.learning-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:22px 0 10px}.teacher-snippet,.personal-note{margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere}.teacher-snippet{border-left:3px solid #b8d699;padding-left:12px}.personal-note{font-style:italic}.teacher-feedback{background:#f3f7eb;border:1px solid #dce7ce;border-radius:12px;padding:23px;margin:24px 0}.teacher-feedback h4{margin:18px 0 5px}.teacher-feedback p{white-space:pre-wrap;overflow-wrap:anywhere;color:#4e6659}.teacher-feedback .small-note{margin-top:16px}.review-counts{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0;color:var(--muted);font-size:12px}.review-request{display:flex;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid var(--line);padding:23px 0}.review-request p{margin:7px 0;overflow-wrap:anywhere}.review-request small{color:var(--muted)}.teacher-review h2{margin:12px 0}.teacher-review .original-task{margin:25px 0}.original-task>summary{color:var(--green);font-weight:600;cursor:pointer;margin:15px 0}.original-task>fieldset{border:0;padding:0;min-width:0}.teacher-review audio,.learning-note-detail audio{width:100%;margin:14px 0}.teacher-review .saved-response,.learning-note-detail .saved-response{max-height:400px;overflow:auto;margin:14px 0}.teacher-review form{margin-top:30px}.teacher-review form>label,.learning-note-detail form>label{display:flex;flex-direction:column;gap:9px;margin:20px 0;font-size:12px;color:var(--ink)}.teacher-review textarea,.learning-note-detail textarea{padding:13px;border:1px solid var(--line);border-radius:9px;width:100%;resize:vertical;line-height:1.65}.focus-options{border:1px solid var(--line);border-radius:10px;padding:16px;margin:20px 0;display:flex;flex-wrap:wrap;gap:9px 18px}.focus-options legend{font-size:12px;color:var(--muted)}.focus-options label{display:flex;align-items:center;font-size:12px;gap:5px}.review-schedule{border-top:1px solid var(--line);margin:24px 0;padding-top:20px}.review-schedule p{margin:9px 0 14px}.review-schedule button{margin:4px}.modal:has(.learning-note-detail){max-width:780px}.learning-note-detail .original-task .passage{font-size:14px}.learning-note-detail>p{margin:15px 0}.teacher-review form .small-note{margin-top:18px}.teacher-feedback h3{margin-top:8px}.learning-note-detail .teacher-feedback h4{font-size:14px}
@media(max-width:800px){.focus-area-grid{grid-template-columns:1fr}.learning-card-heading{flex-wrap:wrap}.learning-filters label{flex:1;min-width:130px}.learning-filters label:has(input:not([type=checkbox])){flex:2}.review-request{align-items:start;flex-wrap:wrap}.teacher-queue,.teacher-review{padding:22px}.notebook-card{padding:18px}.notebook-stats{gap:10px}.notebook-stats .panel{padding:16px}.notebook-stats strong{font-size:27px}}
@media(max-width:500px){.notebook-stats span{font-size:10px}.notebook-stats .panel{padding:12px}.notebook-stats strong{font-size:25px}.learning-actions{gap:12px}.learning-actions .button{font-size:11px}.teacher-review .learning-actions .button{width:100%}.focus-options{gap:10px}.teacher-feedback{padding:17px}.learning-filters label{font-size:11px}.notebook-card h3{font-size:16px}.notebook-card .overline{font-size:9px}.focus-area strong{font-size:11px}.teacher-review,.teacher-queue{padding:18px}.teacher-review h2{font-size:19px}}
.ai-preferences{display:flex;align-items:center;gap:24px;justify-content:space-between;margin-bottom:24px}.ai-preferences h2{margin:8px 0}.ai-feedback{background:#f1f7f5;border:1px solid #d6e5e0;border-radius:18px;padding:26px;margin:24px 0}.ai-feedback h3{font-size:21px;line-height:1.5;margin:10px 0 22px}.ai-feedback h4{margin:20px 0 8px}.ai-improvement{padding:12px 0;border-bottom:1px solid #d6e5e0}.ai-improvement blockquote{margin:10px 0;padding-left:16px;border-left:3px solid #628b7d;color:#48625a}.ai-next{background:#fff;border-radius:12px;padding:1px 18px 10px;margin-top:20px}.ai-consent{display:flex;align-items:flex-start;gap:12px;margin:24px 0;line-height:1.6}.ai-consent input{width:auto;flex-shrink:0;margin-top:5px}.ai-usage-list article{display:grid;gap:6px;padding:16px 0;border-bottom:1px solid var(--line)}.ai-usage-list span{font-size:14px;color:var(--muted)}@media(max-width:700px){.ai-preferences{align-items:flex-start;flex-direction:column}.ai-feedback{padding:18px}}
.learning-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.learning-summary .panel{margin:0;display:flex;flex-direction:column;gap:8px;padding:20px}.learning-summary strong{font-size:25px;color:var(--green)}.learning-summary span{font-size:12px;line-height:1.5;color:var(--muted)}.practice-history{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:26px 0;padding:22px 0}.practice-history>p{margin:12px 0}.practice-history-entry{border:1px solid var(--line);border-radius:10px;margin:14px 0;overflow:hidden}.practice-history-entry>summary{cursor:pointer;background:#f2f6ef;padding:15px;font-size:12px;line-height:1.6;font-weight:600}.practice-history-entry>div{padding:18px}.practice-history-entry .saved-response{white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0}.practice-history-entry .teacher-feedback{margin:18px 0}.practice-history-entry .button{margin-top:12px}@media(max-width:700px){.learning-summary{grid-template-columns:1fr;gap:10px}.learning-summary .panel{padding:18px}.practice-history-entry>div{padding:12px}}
