mark.hl{background:#fff0a0;color:inherit;border-radius:2px;padding:0 1px;cursor:pointer}
mark.hl.has-note{background:#ffe57a;box-shadow:inset 0 -2px #d9a900}
mark.hl.flash{animation:hlflash 1.4s ease}
@keyframes hlflash{0%,40%{background:#ffc800}100%{background:#ffe57a}}

.hl-toolbar{position:absolute;z-index:50;display:flex;gap:2px;padding:4px;background:#1d2630;border-radius:9px;box-shadow:0 6px 20px #10182833}
.hl-toolbar button{border:0;background:none;color:#fff;font-family:inherit;font-size:13px;font-weight:600;padding:7px 12px;border-radius:6px;cursor:pointer}
.hl-toolbar button:hover{background:#ffffff1f}

.hl-pop{position:absolute;z-index:51;width:300px;max-width:calc(100vw - 16px);background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 12px 32px #16203924;padding:14px;font-size:13px;color:#17191d}
.hl-pop textarea,.hl-pop input{width:100%;font-family:inherit;font-size:13px;line-height:1.6;border:1px solid #d8dce2;border-radius:8px;padding:8px 10px;margin-top:8px;color:#17191d;background:#fff}
.hl-pop textarea{min-height:84px;resize:vertical}
.hl-pop textarea:focus,.hl-pop input:focus{outline:2px solid #1d2630;outline-offset:-1px}

.hl-quote{font-size:12px;color:#5d6570;background:#fff7cc;border-left:3px solid #d9a900;padding:6px 9px;border-radius:4px;line-height:1.6;word-break:break-all}
.hl-note{margin-top:8px;white-space:pre-wrap;line-height:1.65;word-break:break-word}
.hl-note.empty{color:#9aa1aa}
.hl-meta{margin-top:6px;font-size:11px;color:#8b9199}
.hl-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}
.hl-actions button{border:1px solid #d8dce2;background:#fff;border-radius:7px;padding:6px 11px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;color:#40464d}
.hl-actions button.primary{background:#1d2630;border-color:#1d2630;color:#fff}
.hl-actions button.danger{color:#c0392b}
.hl-actions button:disabled{opacity:.5}

.hl-fab{position:fixed;right:20px;bottom:20px;z-index:40;border:0;background:#1d2630;color:#fff;font-family:inherit;font-size:13px;font-weight:700;padding:12px 18px;border-radius:24px;cursor:pointer;box-shadow:0 8px 24px #10182840}
.hl-panel{position:fixed;top:0;right:0;bottom:0;z-index:45;width:360px;max-width:100vw;background:#fff;border-left:1px solid #e1e5e9;box-shadow:-10px 0 30px #16203914;display:flex;flex-direction:column}
.hl-panel[hidden]{display:none}
.hl-panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 6px;font-size:16px}
.hl-x{border:0;background:none;font-size:24px;line-height:1;color:#737983;cursor:pointer}
.hl-hint{margin:0;padding:4px 20px 12px;font-size:12px;color:#8b9199;line-height:1.7}
.hl-list{overflow-y:auto;padding:0 14px 90px}
.hl-list .hl-card{border:1px solid #eceef0;border-radius:10px;padding:12px;margin-bottom:10px;cursor:pointer;font-size:13px}
.hl-list .hl-card:hover{border-color:#c9ced5}
.hl-card.lost{opacity:.6}

@media print{.hl-toolbar,.hl-pop,.hl-fab,.hl-panel{display:none!important}}