: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}.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)}.highlight-popover,.highlight-details-panel{overscroll-behavior:contain;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);max-height:calc(100dvh - 24px);color:var(--ui-foreground);box-shadow:var(--ui-shadow);font-family:var(--ui-font);overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:var(--ui-input) var(--ui-surface);overflow-y:auto}.highlight-panel-title{font:600 18px/1.35 var(--ui-font);letter-spacing:-.025em}.highlight-field-label{font:600 12px/1.5 var(--ui-font);color:var(--ui-muted-foreground)}.highlight-text-preview{border-left:2px solid var(--ui-primary);background:var(--ui-muted);color:var(--ui-foreground);overflow-wrap:anywhere;max-height:132px;margin-bottom:16px;padding:12px 16px;font-family:Reader Alegreya,Georgia,serif;font-size:18px;line-height:1.5;overflow-y:auto}.color-picker-container{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding-block:4px;display:grid}.color-picker-button{border-radius:var(--ui-radius);color:#210710;border:1px solid #390c184d;justify-content:center;align-items:center;min-width:0;min-height:44px;display:flex}.color-picker-button.selected{outline:2px solid var(--ui-foreground);outline-offset:2px}.highlight-action-button,.privacy-toggle,.highlight-quiet-action{border:1px solid var(--ui-border);border-radius:var(--ui-radius);min-height:44px;color:var(--ui-foreground);font:400 13px/1.5 var(--ui-font);background:0 0;padding:8px 12px}.privacy-toggle{align-items:center;gap:8px;display:flex}.highlight-quiet-action{color:var(--ui-muted-foreground);border-color:#0000}.highlight-action-button:hover,.privacy-toggle:hover,.highlight-quiet-action:hover,.highlight-action-button.is-active{background:var(--ui-accent);color:var(--ui-accent-foreground)}.highlight-note-input{border:1px solid var(--ui-input);border-radius:var(--ui-radius);background:var(--ui-surface);width:100%;color:var(--ui-foreground);font:400 16px/1.5 var(--ui-font);resize:vertical;padding:12px;display:block}.highlight-save-actions{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}:is(.highlight-popover,.highlight-details-panel) :is(button,a,textarea):focus-visible,.highlight-note-item:focus-visible,.highlight-heatmap button:focus-visible{outline:2px solid var(--ui-ring);outline-offset:2px}.highlight-details-panel>div>div{border-color:var(--ui-border)}.highlight-visibility{color:var(--ui-muted-foreground);margin-top:4px;font-size:12px;display:inline-flex}.highlight-notes{min-width:0;color:var(--ui-foreground);font-family:var(--ui-font)}.highlight-note-item{border-bottom:1px solid var(--ui-border);text-align:left;overflow-wrap:anywhere;width:100%;padding:20px 4px;display:block}.highlight-note-item:last-child{border-bottom:0}.highlight-note-item:hover{background:var(--ui-muted)}.highlight-note-item .highlight-text-preview{margin-block:12px;font-size:17px}.highlight-empty{color:var(--ui-muted-foreground);font:400 14px/1.6 var(--ui-font);overflow-wrap:anywhere;padding:24px 0}.highlight-empty>svg{width:24px;height:24px;color:var(--ui-primary);margin-bottom:12px}.highlight-heatmap{min-width:0;color:var(--ui-foreground);font-family:var(--ui-font);overflow-wrap:anywhere}.highlight-heatmap-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.highlight-heatmap-header h3{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.highlight-heatmap-window{border:1px solid var(--ui-border);border-radius:var(--ui-radius);display:flex}.highlight-heatmap-window button{min-width:44px;min-height:44px;color:var(--ui-muted-foreground);padding:8px 12px;font-size:12px}.highlight-heatmap-window button[aria-pressed=true]{background:var(--ui-primary);color:var(--ui-primary-foreground)}.highlight-heatmap-window button:hover:not([aria-pressed=true]){background:var(--ui-accent);color:var(--ui-accent-foreground)}.highlight-heatmap-summary{border-block:1px solid var(--ui-border);grid-template-columns:repeat(auto-fit,minmax(min(100%,110px),1fr));gap:16px;margin-bottom:24px;padding-block:16px;display:grid}.highlight-heatmap-summary strong{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;display:block}.highlight-heatmap-summary span{color:var(--ui-muted-foreground);font-size:12px}.highlight-heatmap-passage{border-bottom:1px solid var(--ui-border);padding:16px 0}.highlight-heatmap-passage blockquote{margin-block:12px;font:400 18px/1.5 Reader Alegreya,Georgia,serif}.highlight-heatmap-rank{border:1px solid var(--ui-border);border-radius:var(--ui-radius);justify-content:center;align-items:center;min-width:24px;height:24px;margin-right:8px;font-size:12px;display:inline-flex}.highlight-heatmap-track{border:1px solid var(--ui-input);background:var(--ui-muted);border-radius:2px;height:8px;overflow:hidden}.highlight-heatmap-legend{border-top:1px solid var(--ui-border);color:var(--ui-muted-foreground);margin-top:24px;padding-top:16px;font-size:12px}