.header-notes{min-width:44px;min-height:44px;position:relative}.header-notes[aria-expanded=true]{background:color-mix(in srgb, currentColor 12%, transparent)}.notes-glyph{justify-content:center;align-items:center;display:inline-flex}.header-notes:is(:hover,:focus-visible) .notes-glyph-fold{transform-origin:14px 15px;animation:.5s notebook-corner-fold}@keyframes notebook-corner-fold{45%{transform:translate(-1px,-1px)rotate(-15deg)}}.floating-notebook{z-index:80;background:var(--card);width:min(352px,100vw - 16px);max-height:calc(100dvh - 108px);color:var(--foreground);border:1px solid var(--border);isolation:isolate;border-radius:22px 22px 16px 16px;flex-direction:column;animation:.23s both notebook-unfold;display:flex;position:fixed;box-shadow:0 16px 48px #0002,0 2px 5px #0001}.floating-notebook[hidden]{display:none!important}@media print{.floating-notebook{display:none!important}}.floating-notebook-bar{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:6px;padding:2px 8px 2px 12px;display:flex}.floating-notebook-bar h2{outline:none;flex:1;margin:0;font-size:.95rem}.floating-notebook-bar button{width:44px;height:44px;color:inherit;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;display:grid}.floating-notebook-bar button:is(:hover,:focus-visible){background:var(--muted)}.floating-notebook>.notebook-grip{inset-inline:auto;width:88px;height:22px;color:var(--muted-foreground);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:12px;place-items:start center;padding:5px;display:grid;position:absolute;top:-10px;left:50%;translate:-50%}.notebook-grip>span{border:1px solid var(--card);background:currentColor;border-radius:8px;width:50px;height:4px;transition:width .18s,color .18s}.notebook-grip:is(:hover,:focus-visible){color:var(--primary)}.notebook-grip:is(:hover,:focus-visible)>span{width:64px}.notebook-grip:active{cursor:grabbing}.floating-notebook-body{overscroll-behavior:contain;scrollbar-color:var(--primary) transparent;min-height:0;padding:12px;overflow:auto}.floating-notebook .student-notes{min-width:0}.floating-notebook .student-note-editor input,.floating-notebook .student-note-editor textarea,.floating-notebook .student-note-editor select{max-width:100%}.floating-notebook .note-attachment-fields{grid-template-columns:1fr}.floating-notebook>footer{font-size:max(var(--readable-small,.875rem), .7rem);color:var(--muted-foreground);border-top:1px solid var(--border);flex:none;padding:9px 16px}@keyframes notebook-unfold{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.floating-notebook,.header-notes svg,.notes-glyph-fold{animation:none!important}}.floating-notebook .student-notes{gap:10px}.floating-notebook .student-notes-top{margin:0}.floating-notebook .student-notes-list{gap:8px}.floating-notebook .student-note-row{margin:0}.floating-notebook .student-note-open{padding:10px}.floating-notebook .student-note-open small{font-size:max(var(--readable-small,.875rem), .67rem);overflow-wrap:anywhere}.floating-notebook .student-note-editor{min-width:0}html body .floating-notebook .student-notes.unified-notes .student-note-row{margin:0}html body .floating-notebook .student-notes.unified-notes .student-note-copy{min-height:72px}html body .floating-notebook .student-notes.unified-notes .student-note-row[data-note-type=course] .student-note-copy{min-height:92px}html body .floating-notebook .student-notes.unified-notes :is(.student-note-open,.student-note-text){padding:10px}html body .floating-notebook .student-notes.unified-notes .student-note-copy{padding-inline-end:38px}