.notes-panel{grid-column:1/-1;display:grid;gap:18px;min-width:0}
.notes-panel h3,.notes-panel h4,.notes-panel p{margin:0}
.notes-panel label{display:grid;gap:8px;font-weight:600}
.notes-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.notes-toolbar h3{margin-inline-end:auto}
.notes-panel input:not([type=color]):not([type=range]),.notes-panel select,.notes-panel textarea{min-width:0;max-width:100%;font:inherit;color:inherit;background:#ffffff0b;border:1px solid #9daec05c;padding:12px;border-radius:10px}
.notes-panel textarea{resize:vertical;line-height:1.8;width:100%}
.notes-panel option{background:#14243a;color:#eef3fb}
.notes-panel input[type=color]{width:52px;height:40px;border:0;background:none}
.notes-import input{max-width:230px!important;font-size:.85rem!important}
.notes-hint{font-size:.9rem;line-height:1.8;color:#adc1d7}
.notes-status{min-height:1.8em;color:#e9c486;font-size:.9rem}
.notes-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}
.note-card{display:grid;align-content:start;gap:14px;padding:20px;background:#ffffff07;border:1px solid #aabbd433;border-radius:14px;overflow-wrap:anywhere}
.note-card>button:first-child{background:none;color:inherit;border:0;text-align:start;padding:0;font-size:1.15rem}
.note-card p{white-space:pre-wrap;color:#b2c7dc}.note-card small{color:#cfb17e}
.notes-drawing{display:grid;gap:14px;min-width:0;padding-top:12px}
.notes-drawing:fullscreen{padding:20px;background:#111f33;overflow:auto;align-content:start}
.notes-canvas{display:block;width:100%;height:auto;aspect-ratio:8/5;touch-action:none;background-color:#fff;background-image:linear-gradient(#dde6f080 1px,transparent 1px);background-size:100% 30px;border:1px solid #b8c8db;border-radius:12px}
.notes-toolbar [aria-pressed=true]{background:#81c8b7;border-color:#81c8b7}
.notes-subject-picker{display:flex;flex-wrap:wrap;gap:12px;padding:16px;border:1px solid #aabbd444;border-radius:12px}
.notes-subject-picker[hidden]{display:none}.notes-subject-picker p{flex-basis:100%}
.teacher-entry{display:inline-block;margin-inline:18px;color:#d9b56e;text-decoration:underline;text-underline-offset:5px}
.install-panel{padding-top:12px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.install-panel p{margin:0;font-size:.88rem;line-height:1.8}
.quiz-entry textarea{width:100%;font:inherit;padding:12px;background:transparent;color:inherit;border:1px solid #b1c2d355;border-radius:10px;resize:vertical}
.quiz-toolbar{grid-column:1/-1}.quiz-toolbar label{display:flex;gap:8px;align-items:center}
html[data-theme=light] .notes-panel input,html[data-theme=light] .notes-panel select,html[data-theme=light] .notes-panel textarea{background:#fff;color:#173351}
html[data-theme=light] .notes-panel option{background:#fff;color:#173351}
html[data-theme=light] .notes-hint,html[data-theme=light] .note-card p{color:#425e79}
html[data-theme=light] .notes-status,html[data-theme=light] .note-card small{color:#77591f}
@media(max-width:600px){.notes-toolbar{gap:10px}.notes-toolbar>.live-action{min-height:44px}.notes-toolbar input[type=search]{width:100%}.notes-drawing:fullscreen{padding:10px}}