:root{--focus-dim-opacity: .25;--focus-transition-duration: .3s}[data-focus-mode]>p,[data-focus-mode]>h1,[data-focus-mode]>h2,[data-focus-mode]>h3,[data-focus-mode]>h4,[data-focus-mode]>h5,[data-focus-mode]>h6,[data-focus-mode]>blockquote,[data-focus-mode]>pre,[data-focus-mode]>figure,[data-focus-mode]>table,[data-focus-mode]>hr,[data-focus-mode]>.markdown-alert,[data-focus-mode]>ul>li,[data-focus-mode]>ol>li{transition:opacity var(--focus-transition-duration) ease,filter var(--focus-transition-duration) ease}[data-focus-mode=active]>p,[data-focus-mode=active]>h1,[data-focus-mode=active]>h2,[data-focus-mode=active]>h3,[data-focus-mode=active]>h4,[data-focus-mode=active]>h5,[data-focus-mode=active]>h6,[data-focus-mode=active]>blockquote,[data-focus-mode=active]>pre,[data-focus-mode=active]>figure,[data-focus-mode=active]>table,[data-focus-mode=active]>hr,[data-focus-mode=active]>.markdown-alert,[data-focus-mode=active]>ul>li,[data-focus-mode=active]>ol>li{opacity:var(--focus-dim-opacity);filter:saturate(.5)}[data-focus-mode=active]>.focus-active,[data-focus-mode=active]>ul>li.focus-active,[data-focus-mode=active]>ol>li.focus-active{opacity:1;filter:none}[data-focus-mode=active]>ul.focus-active>li,[data-focus-mode=active]>ol.focus-active>li{opacity:1;filter:none}[data-focus-mode=active]>.focus-locked{opacity:1;filter:none;outline:1px dashed var(--color-border, #ddd);outline-offset:12px}[data-focus-mode=active]>ul>li.focus-locked,[data-focus-mode=active]>ol>li.focus-locked{opacity:1;filter:none;outline:1px dashed var(--color-border, #ddd);outline-offset:4px}@keyframes toc-highlight-blink{0%,to{outline-color:transparent}50%{outline-color:var(--color-border, #ddd)}}.toc-jump-highlight{outline:1px dashed transparent;outline-offset:16px;animation:toc-highlight-blink .6s ease-in-out 3}@media(prefers-reduced-motion:reduce){.toc-jump-highlight{animation:none;outline-color:var(--color-border, #ddd)}}.focus-mode-zone{position:fixed;top:calc(18px + env(safe-area-inset-top));right:calc(18px + env(safe-area-inset-right));width:180px;height:70px;z-index:100}.focus-mode-btn{position:absolute;top:0;right:0;height:32px;padding:0 12px;gap:6px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:999px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000014;color:var(--color-text-subtle);font-family:inherit;font-size:12px;font-weight:500;letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s,opacity .4s}.focus-mode-btn svg{width:14px;height:14px;stroke:currentColor}.focus-mode-zone:hover .focus-mode-btn,.focus-mode-btn:focus-visible,.focus-mode-zone.is-revealed .focus-mode-btn{opacity:1;pointer-events:auto}.focus-mode-btn:hover{background-color:var(--color-code-bg);border-color:var(--color-text-subtle)}.focus-mode-btn.is-active{background-color:var(--color-code-bg);border-color:var(--color-text-subtle);color:var(--color-text-strong)}.focus-mode-btn.is-active:hover{background-color:#ededed;border-color:var(--color-text-subtle)}.focus-mode-label{line-height:1}@media(prefers-reduced-motion:reduce){[data-focus-mode]>p,[data-focus-mode]>h1,[data-focus-mode]>h2,[data-focus-mode]>h3,[data-focus-mode]>h4,[data-focus-mode]>h5,[data-focus-mode]>h6,[data-focus-mode]>blockquote,[data-focus-mode]>pre,[data-focus-mode]>figure,[data-focus-mode]>table,[data-focus-mode]>hr,[data-focus-mode]>.markdown-alert,[data-focus-mode]>ul>li,[data-focus-mode]>ol>li{transition:none}}@media(max-width:600px){.focus-mode-zone{top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));width:160px;height:60px}.focus-mode-btn{height:30px;padding:0 10px;font-size:10px}}