.toc-pill{position:fixed;bottom:24px;right:24px;display:inline-flex;align-items:center;gap:10px;max-width:min(280px,55vw);padding:10px 16px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:999px;color:var(--fg);font:inherit;font-size:.78rem;cursor:pointer;box-shadow:0 4px 24px #00000052;opacity:0;transform:translateY(10px);transition:opacity .28s ease,transform .28s cubic-bezier(.16,1,.3,1),border-color .18s ease,background .18s ease;pointer-events:none;z-index:200}.toc-pill.visible{opacity:1;transform:translateY(0);pointer-events:auto}.toc-pill:hover{border-color:var(--accent);background:color-mix(in srgb,var(--bg) 92%,transparent)}.toc-pill:active{transform:translateY(0) scale(.97)}.toc-pill-icon{color:var(--accent);font-size:.95rem;line-height:1;flex-shrink:0;transition:transform .2s ease}.toc-pill:hover .toc-pill-icon{transform:rotate(90deg)}.toc-pill-label{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:opacity .14s ease,color .18s ease}.toc-pill-label.fade{opacity:0}.toc-pill:hover .toc-pill-label{color:var(--fg)}.toc-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--bg) 55%,transparent);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);display:flex;align-items:flex-start;justify-content:center;padding:80px 24px 40px;z-index:9990;opacity:0;pointer-events:none;transition:opacity .24s ease,backdrop-filter .28s ease,-webkit-backdrop-filter .28s ease}.toc-overlay.open{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.toc-overlay-panel{width:100%;max-width:560px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:24px 28px 20px;box-shadow:0 20px 60px #00000080;transform:translateY(-14px) scale(.98);opacity:0;transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .22s ease;font-family:JetBrains Mono,monospace;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin}.toc-overlay.open .toc-overlay-panel{transform:translateY(0) scale(1);opacity:1}.toc-overlay-title{font-size:1.05rem;font-weight:700;color:var(--accent);letter-spacing:.02em;margin-bottom:18px;user-select:none}.toc-overlay-list{list-style:none;padding:0;margin:0;counter-reset:toc-ovl}.toc-overlay-item{margin:0;padding:0;counter-increment:toc-ovl;display:flex;align-items:baseline;gap:4px}.toc-overlay-item:before{content:counter(toc-ovl,decimal-leading-zero) ".";color:var(--muted);opacity:.5;display:inline-block;width:2.2em;margin-right:2px;padding-left:4px;font-variant-numeric:tabular-nums;font-size:.85rem;flex-shrink:0}.toc-overlay-item.is-comments:before{content:"\2192";opacity:.6}.toc-overlay-link{flex:1;text-align:left;background:none;border:none;padding:6px 8px;color:var(--fg);font:inherit;font-size:.9rem;cursor:pointer;border-radius:3px;transition:color .15s ease,background .15s ease}.toc-overlay-link:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.toc-overlay-link.active{color:var(--accent)}.toc-overlay-item.is-comments .toc-overlay-link{color:var(--accent);opacity:.85}.toc-overlay-item.is-comments .toc-overlay-link:hover{opacity:1}@media (max-width: 700px){.toc-pill{bottom:16px;right:16px;padding:9px 14px;font-size:.72rem}.toc-overlay{padding:40px 16px 20px}.toc-overlay-panel{padding:20px 20px 16px;max-height:calc(100vh - 80px)}.toc-overlay-title{font-size:.95rem}}