: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;--highlight-read-mix-default:18%}.highlight-container{isolation:isolate;contain:layout style paint;position:relative}mark[data-highlight-id]{--highlight-mix:var(--highlight-read-mix-default);background-color:color-mix(in srgb,rgb(var(--highlight-color-rgb))var(--highlight-mix),var(--background));mix-blend-mode:normal;cursor:pointer;backface-visibility:hidden;border-radius:2px;margin:0 -2px;padding:0 2px;transition:background-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);position:relative;transform:translateZ(0)}mark[data-overlap-count="1"]{--highlight-mix:12%}mark[data-overlap-count="2"]{--highlight-mix:15%}mark[data-overlap-count="3"]{--highlight-mix:18%;box-shadow:0 0 0 .5px color-mix(in srgb,var(--border)40%,transparent)}mark[data-overlap-count="4"]{--highlight-mix:21%;box-shadow:0 0 0 1px color-mix(in srgb,var(--border)55%,transparent)}mark[data-overlap-count="5"]{--highlight-mix:24%;box-shadow:0 0 0 1px color-mix(in srgb,var(--border)65%,transparent)}mark[data-highlight-id]:hover{--highlight-mix:calc(var(--highlight-mix) + 4%);box-shadow:0 2px 8px color-mix(in srgb,rgb(var(--highlight-color-rgb))12%,transparent),0 0 0 1px color-mix(in srgb,rgb(var(--highlight-color-rgb))20%,transparent);z-index:10;transform:scale(1.01)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:var(--highlight-user-name,none);-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)}.highlight-attribution-control{clip:rect(0,0,0,0);white-space:nowrap;vertical-align:baseline;cursor:pointer;background:0 0;border:0;width:1px;height:1px;margin:0;padding:0;display:inline-block;overflow:hidden}.highlight-attribution-control:focus{outline:none}.highlight-attribution-control:focus-visible{clip:auto;color:#fff;width:auto;height:auto;box-shadow:0 0 0 2px var(--ring,#3b82f6);background:#111827f2;border-radius:4px;margin-left:2px;padding:2px 6px;font-size:10px;font-weight:600;line-height:1.2;overflow:visible}mark[data-highlight-id]:has(+.highlight-attribution-control:focus-visible){box-shadow:0 0 0 2px color-mix(in srgb,rgb(var(--highlight-color-rgb))28%,transparent),0 3px 10px color-mix(in srgb,rgb(var(--highlight-color-rgb))18%,transparent)}@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:color-mix(in srgb,rgb(var(--highlight-color-rgb))var(--highlight-mix,var(--highlight-read-mix-default)),var(--background));background-repeat:no-repeat;background-size:100% 100%;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards highlight-paint}mark[data-note]:before{content:"💬";background:var(--card);opacity:0;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;transition:opacity .2s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 4px #0000001a}mark[data-note]:hover:before{opacity:1}.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}}.dark mark[data-highlight-id]{--highlight-read-mix-default:14%}.dark mark[data-overlap-count="1"]{--highlight-mix:10%}.dark mark[data-overlap-count="2"]{--highlight-mix:12%}.dark mark[data-overlap-count="3"]{--highlight-mix:14%}.dark mark[data-overlap-count="4"]{--highlight-mix:16%}.dark mark[data-overlap-count="5"]{--highlight-mix:18%}.dark mark[data-highlight-id]:hover{--highlight-mix:calc(var(--highlight-mix) + 3%);box-shadow:0 2px 8px color-mix(in srgb,rgb(var(--highlight-color-rgb))10%,transparent),0 0 0 1px color-mix(in srgb,rgb(var(--highlight-color-rgb))16%,transparent)}.dark .highlight-popover{background:color-mix(in srgb,var(--card)96%,transparent);border-color:var(--border);box-shadow:0 20px 25px -5px #00000073,0 10px 10px -5px #00000040}.dark .color-picker-container{background:linear-gradient(to right,color-mix(in srgb,var(--muted)85%,transparent),color-mix(in srgb,var(--card)90%,transparent))}.dark .highlight-text-preview{background:color-mix(in srgb,var(--muted)70%,transparent);color:var(--foreground);border-color:var(--border)}.dark .highlight-text-preview::-webkit-scrollbar-track{background:color-mix(in srgb,var(--border)40%,transparent)}.dark .highlight-text-preview::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted-foreground)35%,transparent)}.dark .privacy-toggle{background:color-mix(in srgb,var(--muted)80%,transparent)}.dark .privacy-toggle:hover{background:var(--accent)}.dark .color-picker-button.selected{border-color:var(--foreground);box-shadow:0 0 0 3px var(--card),0 0 0 5px color-mix(in srgb,var(--ring)50%,transparent)}