.studyNotesLayer{position:absolute;inset:0 0 auto;height:0;z-index:205;pointer-events:none}
.studyNotesLayer--bounded{inset:0;height:auto;overflow:clip}
.studyNotesLayer--bounded .studyNote{max-width:calc(100% - 16px)}
.studyNote{position:absolute;width:210px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:8px;background:#fff9c9;border:1px solid #e1d79c;border-radius:5px;box-shadow:0 3px 10px #493d1326;pointer-events:auto;color:#292714}
.studyNote.is-editing{border-color:#ba9e3e;box-shadow:0 0 0 2px #d6bd6255,0 3px 10px #493d1326}
.studyNoteHead{display:flex;align-items:center;gap:4px;margin-bottom:5px}
body .studyNote button.studyNoteHandle,body .studyNote button.studyNoteDelete,body .studyNote button.studyNoteHide{min-height:28px;padding:2px 6px;border:0;border-radius:3px;background:transparent;color:#665d32;box-shadow:none;font:inherit;line-height:22px}
body .studyNote button.studyNoteHandle{flex:1;cursor:grab;touch-action:none;text-align:center;letter-spacing:3px}
body .studyNote button.studyNoteHandle:active{cursor:grabbing;background:#e8d67c55}
body .studyNote button.studyNoteDelete{font-size:20px;min-width:28px}
.studyNote.is-collapsed{width:90px;padding:0}
.studyNote.is-collapsed .studyNoteHead{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0}
.studyNote.is-collapsed .studyNoteHide,.studyNote.is-collapsed .studyNoteDelete,.studyNote.is-collapsed textarea,.studyNote.is-collapsed .studyNoteFoot{display:none}
body .studyNote button.studyNoteOpen{background:transparent;color:#514827;border:0;border-left:1px solid #e1d79c;border-radius:0 4px 4px 0;padding:2px 6px;min-height:28px;box-shadow:none;font:inherit;line-height:22px}
body .studyNote.is-collapsed button.studyNoteHandle{border-radius:4px 0 0 4px;letter-spacing:0}
.studyNoteDeleteDialog{width:min(340px,calc(100vw - 40px));box-sizing:border-box;padding:24px;border:1px solid #ccc;border-radius:12px;background:white;color:#111}
.studyNoteDeleteDialog::backdrop{background:#0005}
.studyNoteDeleteDialog h2{font-size:20px;margin:0 0 24px}
.studyNoteDeleteDialog>div{display:flex;justify-content:flex-end;gap:8px}
.studyNote textarea{display:block;width:100%;height:80px;min-height:80px;box-sizing:border-box;resize:none;border:0;outline:0;background:transparent;color:#292714;-webkit-text-fill-color:#292714;font:15px/1.5 sans-serif;padding:3px;overflow-wrap:anywhere}
.studyNote textarea[readonly]{cursor:text}
.studyNoteFoot{display:flex;gap:6px;justify-content:space-between;align-items:center;font-size:11px;color:#766e43;min-height:18px}
.studyNoteStatus{overflow-wrap:anywhere}
.studyNote.has-error .studyNoteStatus{color:#a02a18}
body .studyNote button.studyNoteRetry{font-size:12px;padding:3px;min-height:0}
.studyNote [hidden]{display:none!important}
#studyNoteNotice{position:fixed;bottom:16px;left:16px;z-index:260;max-width:calc(100vw - 50px);padding:10px 14px;border:1px solid #e1d79c;background:#fff9c9;color:#292714;border-radius:6px;font-size:14px}
#studyNoteNotice[hidden]{display:none}
@media(pointer:coarse){body .studyNote button.studyNoteHandle,body .studyNote button.studyNoteDelete,body .studyNote button.studyNoteHide,body .studyNote button.studyNoteOpen{min-height:44px}}
@media print{.studyNotesLayer,#studyNoteNotice,.studyNoteDeleteDialog{display:none!important}}