:root{--nn-hl-yellow:#fde68a;--nn-hl-pink:#fbcfe8;--nn-hl-blue:#bfdbfe;--nn-hl-green:#bbf7d0;--nn-hl-purple:#ddd6fe;--nn-hl-toolbar-bg:#ffffff;--nn-hl-toolbar-border:rgba(15,23,42,0.14);--nn-hl-toolbar-shadow:0 6px 22px rgba(15,23,42,0.16);--nn-hl-toolbar-ink:#0f172a;--nn-hl-toolbar-hover:rgba(15,23,42,0.06);--nn-hl-focus-ring:#1d4ed8}html[data-theme=apex],html[data-theme=dark-academia],html[data-theme=dark-clinical],html[data-theme=dark-mode],html[data-theme=deep-twilight],html[data-theme=evergreen-steel],html[data-theme=midnight-indigo],html[data-theme=midnight-ink],html[data-theme=midnight],html[data-theme=storm-slate]{--nn-hl-yellow:#6b5a10;--nn-hl-pink:#6e2a4b;--nn-hl-blue:#1e3a6b;--nn-hl-green:#14532d;--nn-hl-purple:#3c2f6b;--nn-hl-toolbar-bg:#111c2e;--nn-hl-toolbar-border:rgba(226,232,240,0.18);--nn-hl-toolbar-shadow:0 6px 22px rgba(0,0,0,0.55);--nn-hl-toolbar-ink:#e2e8f0;--nn-hl-toolbar-hover:rgba(226,232,240,0.1);--nn-hl-focus-ring:#93c5fd}::highlight(nn-learner-highlight-yellow){background-color:var(--nn-hl-yellow)}::highlight(nn-learner-highlight-pink){background-color:var(--nn-hl-pink)}::highlight(nn-learner-highlight-blue){background-color:var(--nn-hl-blue)}::highlight(nn-learner-highlight-green){background-color:var(--nn-hl-green)}::highlight(nn-learner-highlight-purple){background-color:var(--nn-hl-purple)}.nn-learner-highlight-toolbar{position:fixed;z-index:130;display:flex;align-items:center;gap:2px;padding:6px;border-radius:999px;background:var(--nn-hl-toolbar-bg);border:1px solid var(--nn-hl-toolbar-border);box-shadow:var(--nn-hl-toolbar-shadow);color:var(--nn-hl-toolbar-ink);max-width:calc(100vw - 16px);contain:layout paint}.nn-learner-highlight-remove,.nn-learner-highlight-swatch{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:999px;background:transparent;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.nn-learner-highlight-remove:hover,.nn-learner-highlight-swatch:hover{background:var(--nn-hl-toolbar-hover)}.nn-learner-highlight-remove:focus-visible,.nn-learner-highlight-swatch:focus-visible{outline:2px solid var(--nn-hl-focus-ring);outline-offset:2px}.nn-learner-highlight-swatch-dot{display:block;width:18px;height:18px;border-radius:999px;border:1px solid var(--nn-hl-toolbar-border)}.nn-learner-highlight-swatch[data-color=yellow] .nn-learner-highlight-swatch-dot{background:var(--nn-hl-yellow)}.nn-learner-highlight-swatch[data-color=pink] .nn-learner-highlight-swatch-dot{background:var(--nn-hl-pink)}.nn-learner-highlight-swatch[data-color=blue] .nn-learner-highlight-swatch-dot{background:var(--nn-hl-blue)}.nn-learner-highlight-swatch[data-color=green] .nn-learner-highlight-swatch-dot{background:var(--nn-hl-green)}.nn-learner-highlight-swatch[data-color=purple] .nn-learner-highlight-swatch-dot{background:var(--nn-hl-purple)}.nn-learner-highlight-swatch[data-active=true] .nn-learner-highlight-swatch-dot{box-shadow:0 0 0 2px var(--nn-hl-toolbar-bg),0 0 0 4px var(--nn-hl-toolbar-ink)}@media (prefers-reduced-motion:no-preference){.nn-learner-highlight-remove,.nn-learner-highlight-swatch{transition:background-color .12s ease-out}}@media (pointer:coarse){.nn-learner-highlight-toolbar{gap:4px;padding:6px}.nn-learner-highlight-remove,.nn-learner-highlight-swatch{width:44px;height:44px}.nn-learner-highlight-swatch-dot{width:22px;height:22px}}.nn-learner-highlight-status{position:fixed;z-index:130;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);display:inline-flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:6px 8px 6px 14px;border-radius:999px;background:var(--nn-hl-toolbar-bg);border:1px solid var(--nn-hl-toolbar-border);box-shadow:var(--nn-hl-toolbar-shadow);color:var(--nn-hl-toolbar-ink);font-size:13px;line-height:1.3}.nn-learner-highlight-status button{min-height:32px;padding:0 12px;border:1px solid var(--nn-hl-toolbar-border);border-radius:999px;background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}.nn-learner-highlight-status button:focus-visible{outline:2px solid var(--nn-hl-focus-ring);outline-offset:2px}@media (pointer:coarse){.nn-learner-highlight-status button{min-height:44px}}