.toc-desktop{border:1px solid var(--app-border);background:var(--app-surface);max-height:calc(100dvh - 8rem);color:var(--app-text);border-radius:14px;flex-direction:column;display:flex;position:sticky;top:6rem;overflow:hidden}.toc-header{border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:center;gap:12px;padding:16px;font-size:14px;display:flex}.toc-header>span{color:var(--app-muted);font-size:12px}.toc-progress{background:var(--app-surface-muted);height:3px}.toc-progress>span{background:var(--app-accent);height:100%;display:block}.toc-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:8px;position:relative;overflow-y:auto}.toc-items{margin:0;padding:0;list-style:none}.toc-link{min-height:44px;color:var(--app-text);overflow-wrap:anywhere;border-left:3px solid #0000;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 8px;font-size:14px;line-height:1.6;display:flex}.toc-link-sub{color:var(--app-muted);padding-left:38px;font-size:13px}.toc-link:hover{background:var(--app-surface-muted)}.toc-link[aria-current]{color:var(--app-accent);border-left-color:var(--app-accent);background:var(--app-accent-soft)}.toc-number{flex-shrink:0;min-width:20px;padding-top:2px;font-size:11px;font-weight:700}.toc-meta{color:var(--app-muted);margin:0;padding:10px 16px;font-size:11px;line-height:1.6}.toc-header .toc-meta{padding:4px 0 0}.toc-mobile-trigger{display:none}.toc-dialog{width:100%;max-width:640px;max-height:75dvh;padding:0 0 env(safe-area-inset-bottom);border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);border-bottom:0;border-radius:20px 20px 0 0;margin:0 auto;position:fixed;inset:auto 0 0;overflow:hidden}.toc-dialog[open]{flex-direction:column;display:flex}.toc-dialog:not([open]){display:none}.toc-dialog::backdrop{background:#0f172a8c}.toc-close{background:var(--app-surface-muted);min-width:44px;min-height:44px;color:var(--app-text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:flex}.toc-link:focus-visible,.toc-close:focus-visible,.toc-mobile-trigger:focus-visible{outline:3px solid var(--app-accent);outline-offset:2px}@media (max-width:1023px){.toc-desktop{display:none}.toc-mobile-trigger{bottom:calc(84px + env(safe-area-inset-bottom));z-index:40;border:1px solid var(--app-border);background:var(--app-surface);min-height:44px;color:var(--app-text);cursor:pointer;border-radius:24px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:650;display:flex;position:fixed;right:16px;box-shadow:0 3px 16px #0f172a26}}