:root{--highlight-amber:#f59e0b;--highlight-amber-rgb:245,158,11;--highlight-emerald:#10b981;--highlight-emerald-rgb:16,185,129;--highlight-azure:#3b82f6;--highlight-azure-rgb:59,130,246;--highlight-rose:#f43f5e;--highlight-rose-rgb:244,63,94;--highlight-violet:#8b5cf6;--highlight-violet-rgb:139,92,246;--highlight-coral:#fb7185;--highlight-coral-rgb:251,113,133;--opacity-whisper:.15;--opacity-soft:.25;--opacity-medium:.4;--opacity-strong:.6;--opacity-intense:.8}.highlight-container{isolation:isolate;contain:layout style paint;position:relative}mark[data-highlight-id]{background-color:rgba(var(--highlight-color-rgb),var(--highlight-opacity,.3));mix-blend-mode:normal;cursor:pointer;will-change:transform,opacity,filter;backface-visibility:hidden;border-radius:2px;margin:0 -2px;padding:0 2px;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative;transform:translateZ(0)}mark[data-overlap-count="1"]{--highlight-opacity:.15}mark[data-overlap-count="2"]{--highlight-opacity:.2;filter:saturate(1.1)}mark[data-overlap-count="3"]{--highlight-opacity:.25;filter:saturate(1.2);box-shadow:0 0 0 .5px #0000000d}mark[data-overlap-count="4"]{--highlight-opacity:.3;filter:saturate(1.3);box-shadow:0 0 0 1px #00000014}mark[data-overlap-count="5"]{--highlight-opacity:.35;filter:saturate(1.4);box-shadow:0 0 0 1.5px #0000001a}mark[data-highlight-id]:hover{filter:brightness(1.15)saturate(1.3);box-shadow:0 3px 10px rgba(var(--highlight-color-rgb),.4),0 0 0 2px rgba(var(--highlight-color-rgb),.15);z-index:10;transform:scale(1.03)translateZ(0)}mark[data-highlight-id]:active{transition:all 50ms cubic-bezier(.4,0,.2,1);transform:scale(1.01)translateZ(0)}mark[data-highlight-id]:after{content:attr(data-user-name);-webkit-backdrop-filter:blur(12px);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#111827f2;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1) .1s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 6px -1px #0000001a}mark[data-highlight-id]:hover:after{opacity:1;transition-delay:0s;transform:translate(-50%)translateY(0)}@keyframes highlight-paint{0%{opacity:0;background-size:0% 100%;transform:scaleX(.95)}50%{opacity:1}to{background-size:100% 100%;transform:scaleX(1)}}.highlight-animated{background-color:rgba(var(--highlight-color-rgb),var(--highlight-opacity,.3));background-repeat:no-repeat;background-size:100% 100%;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards highlight-paint}.highlight-popover{-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #00000014;animation:.2s cubic-bezier(.4,0,.2,1) popover-enter;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d}@keyframes popover-enter{0%{opacity:0;transform:translate(-50%)scale(.95)translateY(4px)}to{opacity:1;transform:translate(-50%)scale(1)translateY(0)}}.color-picker-container{background:linear-gradient(90deg,#f9fafbcc,#ffffffe6);border-radius:12px;gap:12px;padding:8px;display:flex;position:relative}.color-picker-button{cursor:pointer;border:2px solid #0000;border-radius:10px;width:40px;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 4px #0000001a}.color-picker-button:hover{transform:translateY(-4px)scale(1.1);box-shadow:0 8px 16px #00000026}.color-picker-button:active{transform:translateY(-2px)scale(1.05)}.color-picker-button.selected{border-color:#111827cc;box-shadow:0 0 0 3px #fff,0 0 0 5px #11182733}.color-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#111827f2;border-radius:8px;padding:8px 12px;font-size:12px;transition:all .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.color-picker-button:hover .color-tooltip{opacity:1;transform:translate(-50%)translateY(-4px)}.color-tooltip-arrow{background:#111827f2;width:8px;height:8px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.highlight-text-preview{color:#374151e6;background:linear-gradient(135deg,#f9fafbcc,#f3f4f699);border:1px solid #e5e7eb80;border-radius:10px;max-height:96px;margin-bottom:16px;padding:12px;font-family:Georgia,serif;font-size:14px;font-style:italic;line-height:1.6;overflow-y:auto}.highlight-text-preview::-webkit-scrollbar{width:6px}.highlight-text-preview::-webkit-scrollbar-track{background:#e5e7eb4d;border-radius:3px}.highlight-text-preview::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:3px}.highlight-text-preview::-webkit-scrollbar-thumb:hover{background:#6b728099}.highlight-action-button{border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.highlight-action-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.highlight-action-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.privacy-toggle{background:#f9fafbcc;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.privacy-toggle:hover{background:#f3f4f6e6}@media (max-width:640px){.highlight-popover{min-width:260px;padding:12px}.color-picker-button{width:36px;height:36px}.color-picker-container{gap:8px}}