:root[data-theme] .lesson-notebook{margin:24px 0 32px;padding:24px;background:var(--ui-surface);border:1px solid var(--ui-border);border-top:3px solid #2563eb;border-radius:16px;color:var(--ui-text)}
:root[data-theme] .lesson-notebook>header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
:root[data-theme] .lesson-notebook .eyebrow{font-size:.75rem;color:var(--ui-blue);margin-bottom:8px}
:root[data-theme] .lesson-notebook h2{font-size:1.3rem;letter-spacing:-.03em;font-weight:550}
:root[data-theme] .lesson-notebook>header>a{display:flex;align-items:center;gap:8px;color:var(--ui-blue);font-size:.875rem;flex:none}
:root[data-theme] .lesson-notebook>header>a svg{width:17px;height:17px}
:root[data-theme] #note-form fieldset{border:0;padding:0;min-width:0}
:root[data-theme] #note-form fieldset>label{font-size:.875rem;font-weight:550;display:block;margin-bottom:10px}
:root[data-theme] #note-text{display:block;width:100%;min-height:110px;resize:vertical;border-radius:10px;border:1px solid var(--ui-border);background:var(--ui-subtle);color:var(--ui-text);padding:14px;font:inherit;font-size:1rem;line-height:1.6}
:root[data-theme] .note-editor-tools,:root[data-theme] .note-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:14px}
:root[data-theme] .note-editor-tools>div,:root[data-theme] .note-editor-footer>div{display:flex;gap:8px;align-items:center}
:root[data-theme] .note-editor-tools button{border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-muted);border-radius:8px;min-height:40px;padding:7px 10px;font:inherit;font-size:.875rem;display:inline-flex;align-items:center;gap:7px}
:root[data-theme] .note-capture svg{width:16px;height:16px}
:root[data-theme] .note-check{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--ui-muted)}
:root[data-theme] .note-check input{width:18px;height:18px;accent-color:#2563eb}
:root[data-theme] #note-save-status{font-size:.875rem;color:var(--ui-muted);line-height:1.6;flex:1;min-width:140px}
:root[data-theme] #note-save-status button{display:block;margin-top:8px;padding:8px;background:var(--ui-bluewash);border:1px solid var(--ui-border);border-radius:6px;color:var(--ui-blue)}
:root[data-theme] .notes-status{font-size:.875rem;color:var(--ui-muted);line-height:1.7;padding:18px 0}
:root[data-theme] #lesson-saved-notes{margin-top:20px}
:root[data-theme] .personal-note{padding:20px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;min-width:0;transition:border-color 160ms,box-shadow 160ms}
:root[data-theme] .personal-note+.personal-note{margin-top:12px}
:root[data-theme] .personal-note.needs-review{border-left:3px solid #2563eb}
:root[data-theme] .personal-note-top{display:flex;justify-content:space-between;align-items:start;gap:14px}
:root[data-theme] .personal-note-top>a{font-size:.875rem;font-weight:550;color:var(--ui-blue);line-height:1.5}
:root[data-theme] .note-timestamp{display:inline-flex;align-items:center;gap:6px;flex:none;white-space:nowrap;background:var(--ui-bluewash);border:1px solid var(--ui-border);border-radius:7px;color:var(--ui-blue);padding:7px 9px;font-size:.875rem;font-variant-numeric:tabular-nums;min-height:36px}
:root[data-theme] .note-timestamp svg{width:15px;height:15px}
:root[data-theme] .personal-note>p{font-size:1rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ui-text);margin:16px 0}
:root[data-theme] .personal-note-bottom{display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid var(--ui-border);padding-top:12px;flex-wrap:wrap}
:root[data-theme] .personal-note-bottom button{font:inherit;font-size:.875rem;padding:7px 0;min-height:36px;background:none;border:0;color:var(--ui-muted)}
:root[data-theme] .personal-note-bottom button:hover{color:var(--ui-blue)}
:root[data-theme] .personal-note-bottom>span{display:flex;gap:18px}
:root[data-theme] .note-review{display:inline-flex;align-items:center;gap:7px}
:root[data-theme] .note-review[aria-pressed=true]{color:var(--ui-blue)}
:root[data-theme] .note-review svg{width:15px;height:15px}
:root[data-theme] .notes-private{display:inline-flex;gap:8px;align-items:center;font-size:.875rem;color:var(--ui-muted)}
:root[data-theme] .notes-private svg{width:17px;height:17px}
:root[data-theme] .notebook-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}
:root[data-theme] .notebook-controls .search{flex:1;min-width:200px;max-width:560px}
:root[data-theme] .notebook-controls .filters{margin:0}
:root[data-theme] .notes-count{font-size:.875rem;color:var(--ui-muted);margin-bottom:18px}
:root[data-theme] .notebook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
:root[data-theme] .notebook-grid .personal-note{margin:0}
:root[data-theme] .notebook-empty{padding:50px 24px;text-align:center;border:1px dashed var(--ui-border);border-radius:16px;background:var(--ui-surface)}
:root[data-theme] .notebook-empty>svg{width:34px;height:34px;color:var(--ui-blue);margin-bottom:20px}
:root[data-theme] .notebook-empty h2{font-size:1.5rem;letter-spacing:-.03em;margin-bottom:10px}
:root[data-theme] .notebook-empty p{font-size:1rem;line-height:1.7;color:var(--ui-muted);max-width:460px;margin:0 auto 24px}
@media(max-width:1000px){:root[data-theme] .notebook-grid{grid-template-columns:1fr}}
@media(max-width:600px){:root[data-theme] .lesson-notebook{padding:18px}:root[data-theme] .lesson-notebook>header{align-items:start;flex-direction:column;gap:12px}:root[data-theme] .note-editor-footer>div{width:100%;justify-content:end}:root[data-theme] .personal-note{padding:16px}}