.reader-note-status{color:var(--muted,#777);flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 24px;font:13px/1.6 sans-serif;display:flex}.reader-note-status button{color:inherit;cursor:pointer;background:0 0;border:1px solid #aaa6;border-radius:20px;padding:6px 12px}.reader-note-status [role=alert]{color:#c35a47}.annotated-reader .chapter-body{white-space:pre-wrap;overflow-wrap:anywhere}.reader-mark{cursor:pointer;border-radius:2px}.reader-mark-highlight{background:#eecb5a55}.reader-mark-wave{text-underline-offset:.3em;-webkit-text-decoration:underline wavy #cc824b;text-decoration:underline wavy #cc824b}.reader-mark-underline{text-underline-offset:.3em;-webkit-text-decoration:underline #7198bc;text-decoration:underline #7198bc}.reader-mark-thought{box-shadow:inset 0 -2px #8baabca0}.reader-selection-tools{z-index:90;color:#f8f8f8;background:#303337;border:1px solid #ffffff18;border-radius:12px;width:min(520px,100vw - 24px);padding:10px;font:13px/1.5 sans-serif;position:fixed;box-shadow:0 10px 36px #0004}.reader-note-actions{flex-wrap:wrap;gap:4px;display:flex}.reader-selection-tools button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:6px;padding:7px 9px}.reader-selection-tools button:hover{background:#ffffff18}.reader-selection-tools button:disabled{opacity:.5;cursor:wait}.reader-note-visibility{color:#d2d7de;align-items:center;gap:10px;margin:8px 5px 2px;display:flex}.reader-note-visibility select{color:#fff;width:auto;font:inherit;background:#22262a;border:1px solid #75808a;border-radius:5px;padding:4px 7px}.reader-selection-tools textarea{box-sizing:border-box;color:#fff;resize:vertical;width:100%;font:inherit;background:#22262a;border:1px solid #75808a;border-radius:6px;margin-top:10px;padding:10px;display:block}.reader-selection-tools form>button{background:#4269c1;margin-top:6px}.reader-selection-tools a{color:#a9cbff;margin:8px;display:block}.reader-note-panel{z-index:80;color:#302e2a;background:#fffdf6;border:1px solid #aaa5;border-radius:12px;width:min(360px,100vw - 36px);padding:20px;font:14px/1.7 sans-serif;position:fixed;top:80px;bottom:24px;right:18px;overflow:auto;box-shadow:0 8px 45px #0003}.reader-note-panel>header{background:inherit;z-index:1;justify-content:space-between;align-items:center;padding:10px 0;display:flex;position:sticky;top:-20px}.reader-note-panel button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid #aaa6;border-radius:6px;padding:4px 8px}.reader-note-card{border-bottom:1px solid #aaa4;padding:20px 0}.reader-note-author{align-items:center;gap:8px;font-size:12px;display:flex}.reader-note-author strong{overflow-wrap:anywhere;flex:1;min-width:0}.reader-note-author time{opacity:.65;font-size:10px}.reader-initial-avatar{color:#557ba5;background:#557ba524;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.reader-note-card blockquote{opacity:.75;white-space:pre-wrap;border-left:2px solid #8baabc;max-height:120px;margin:12px 0;padding:4px 10px;font-size:12px;overflow:auto}.reader-note-card p{white-space:pre-wrap;overflow-wrap:anywhere}.reader-note-card footer{color:inherit;justify-content:space-between;align-items:center;gap:8px;display:flex}html[data-reader-theme=dark] .reader-note-panel{color:#e8e3d8;background:#222426}@media (max-width:700px){.reader-note-panel{box-sizing:border-box;width:calc(100vw - 24px);max-height:55svh;top:auto;bottom:12px;right:12px}.reader-selection-tools{font-size:12px}}
