.personal-note-icon{display:inline-flex!important;align-items:center;justify-content:center;width:32px;min-height:32px;padding:3px!important;margin:0 4px!important;border:0!important;border-radius:6px;background:transparent!important;color:#8bd2ff!important;vertical-align:baseline;cursor:pointer;line-height:1}
.personal-note-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;pointer-events:none}
.personal-note-icon:focus-visible{outline:2px solid #8bd2ff!important}
.personal-notes-overlay{position:fixed;inset:0;z-index:2100;background:#0009;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box}
.personal-notes-overlay[hidden]{display:none!important}
.personal-notes-sheet{box-sizing:border-box;width:min(680px,100%);max-height:100%;display:flex;flex-direction:column;background:#151e26;color:#edf3f8;border:1px solid #506174;border-radius:18px;box-shadow:0 10px 50px #0009;overflow:hidden;font:16px/1.5 system-ui,sans-serif}
.personal-notes-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #506174}
.personal-notes-head h2{flex:1;min-width:0;font:600 17px/1.4 system-ui,sans-serif;margin:0;overflow-wrap:anywhere;color:#e8f2fa}
.personal-notes-sheet button{font:600 15px/1.3 system-ui,sans-serif;min-height:44px;border:1px solid #506174;border-radius:8px;padding:7px 12px;color:#edf3f8;background:#263442;cursor:pointer}
.personal-notes-sheet .note-done{background:#8bd2ff;color:#10202b;border-color:#8bd2ff}
.personal-notes-scroll{min-height:0;overflow:auto;padding:12px 16px;overscroll-behavior:contain}
.personal-notes-title{display:block;width:100%;box-sizing:border-box;font:600 18px system-ui,sans-serif;background:#10181f;color:#edf3f8;border:1px solid #506174;border-radius:8px;padding:12px;margin:6px 0 12px}
.personal-notes-editor{min-height:180px;padding:12px;border:1px solid #506174;border-radius:8px;background:#10181f;color:#edf3f8;outline-offset:2px;font:18px/1.6 system-ui,sans-serif;overflow-wrap:anywhere;white-space:pre-wrap}
.personal-notes-editor:empty:before{content:attr(data-placeholder);color:#a9b7c5;pointer-events:none}
.personal-notes-editor h2{font-size:1.35em}.personal-notes-editor h3{font-size:1.15em}.personal-notes-editor blockquote{border-left:3px solid #8bd2ff;margin-left:0;padding-left:14px}
.personal-notes-tools{display:flex;gap:5px;padding:8px 12px;overflow-x:auto;border-top:1px solid #506174;flex-shrink:0}
.personal-notes-tools button{flex-shrink:0;min-width:44px;padding:7px 10px}.personal-notes-tools button:focus-visible{outline:2px solid #8bd2ff}
.personal-notes-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px max(8px,env(safe-area-inset-bottom));font-size:12px;color:#bbc9d6}.personal-notes-footer .note-delete{font-size:12px;background:transparent;color:#ffb3b3}
.personal-notes-related{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.personal-notes-related:empty{display:none}.personal-notes-related button{font-size:13px;max-width:100%;overflow-wrap:anywhere}.personal-notes-reference{font-size:13px;color:#a9c9de;margin:0 0 8px}
@media(max-width:599px){.personal-notes-overlay{padding:6px}.personal-notes-head{padding:8px 10px}.personal-notes-scroll{padding:10px}.personal-notes-editor{min-height:125px}.personal-notes-tools{padding:6px}.personal-notes-sheet button{min-height:44px}}