body {
                margin: 0;
                background: #0a0a0a;
                color: white;
                font-family: system-ui;
            }
            #searchModal {
                position: fixed;
                inset: 0;
                display: flex;
                align-items: flex-start;
                justify-content: center;
                background: rgba(0, 0, 0, 0.7);
                opacity: 0;
                pointer-events: none;
                transition: opacity 0.2s ease;
                z-index: 100;
                padding: 6vh 1rem 0;
            }
            #searchModal.active {
                opacity: 1;
                pointer-events: auto;
            }
            #searchPanel {
                width: 100%;
                max-width: 680px;
                background: #171717;
                border: 1px solid #262626;
                border-radius: 16px;
                display: flex;
                flex-direction: column;
                max-height: min(80vh, 600px);
                box-shadow: 0 25px 80px rgba(0,0,0,0.6);
                transform: translateY(-8px) scale(0.98);
                transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease;
                opacity: 0;
            }
            #searchModal.active #searchPanel {
                transform: translateY(0) scale(1);
                opacity: 1;
            }
            #searchHeader {
                display: flex;
                align-items: center;
                gap: 0.5rem;
                padding: 0.75rem 1rem;
                border-bottom: 1px solid #262626;
                position: relative;
            }
            #searchHeader input {
                flex: 1;
                background: transparent;
                border: none;
                outline: none;
                color: white;
                font-size: 1rem;
                padding: 0.25rem 0 0.25rem 2.25rem;
            }
            #searchHeader input::placeholder {
                color: #525252;
            }
            #searchBody {
                flex: 1;
                overflow-y: auto;
                min-height: 80px;
                scrollbar-width: thin;
                scrollbar-color: #262626 transparent;
            }
            #searchBody::-webkit-scrollbar {
                width: 4px;
            }
            #searchBody::-webkit-scrollbar-thumb {
                background: #262626;
                border-radius: 2px;
            }
            #searchBody::-webkit-scrollbar-track {
                background: transparent;
            }
            #searchFooter {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 1rem;
                padding: 0.6rem 1rem;
                border-top: 1px solid #262626;
                font-size: 0.75rem;
                color: #525252;
            }
            #searchFooter kbd {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 20px;
                height: 20px;
                padding: 0 4px;
                background: #262626;
                border: 1px solid #333;
                border-radius: 4px;
                font-size: 0.7rem;
                color: #a3a3a3;
                font-family: inherit;
            }
            @media (max-width: 640px) {
                #searchModal {
                    padding: 0;
                    align-items: stretch;
                }
                #searchPanel {
                    max-width: 100%;
                    max-height: 100vh;
                    border-radius: 0;
                    border: none;
                    box-shadow: none;
                    transform: translateY(0) scale(1);
                    opacity: 1;
                }
                #searchModal.active #searchPanel {
                    transform: translateY(0) scale(1);
                }
                #searchBody {
                    min-height: calc(100vh - 120px);
                }
            }
            img {
                max-width: 100%;
                height: auto;
            }
            pre {
                overflow-x: auto;
            }
            .sidebar-link.active {
                color: white;
                font-weight: 600;
                background: rgba(255, 255, 255, 0.08);
                border-left: 2px solid #ffffff;
            }
            .sidebar-link.active .page-dot {
                background: #ffffff;
                box-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
            }
            kbd {
                font-size: 12px;
            }
            a:focus {
                outline: none;
            }
            main {
                scroll-behavior: smooth;
            }
            #content h1,
            #content h2,
            #content h3 {
                scroll-margin-top: 1rem;
            }
            .heading-anchor {
                opacity: 0;
                margin-left: 0.4rem;
                color: #ffffff;
                text-decoration: none;
                font-weight: 600;
                transition: opacity 0.15s ease;
            }
            #content h1:hover .heading-anchor,
            #content h2:hover .heading-anchor,
            #content h3:hover .heading-anchor,
            .heading-anchor:focus {
                opacity: 1;
            }
            .cat-header {
                cursor: pointer;
                user-select: none;
                -webkit-user-select: none;
                border-left: 2px solid transparent;
            }
            .cat-header:hover {
                color: white;
                background: rgba(255, 255, 255, 0.04);
            }
            .cat-header.open {
                border-left-color: #ffffff;
                background: rgba(255, 255, 255, 0.08);
                color: white;
            }
            .cat-header svg {
                transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
            }
            .cat-header.open svg {
                transform: rotate(90deg);
            }
            .cat-body {
                overflow: hidden;
                transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;
                max-height: 0;
                opacity: 0;
            }
            .cat-body.open {
                max-height: 2000px;
                opacity: 1;
            }
            .sidebar-link {
                position: relative;
                border-left: 2px solid transparent;
            }
            .sidebar-link:hover {
                background: rgba(255, 255, 255, 0.04);
                color: #d4d4d4;
            }
            .sidebar-link .page-dot {
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background: #525252;
                flex-shrink: 0;
                transition: background 0.2s, box-shadow 0.2s;
            }
            .sidebar-link:hover .page-dot {
                background: #a3a3a3;
            }
            #sidebar {
                scrollbar-width: thin;
                scrollbar-color: #262626 transparent;
            }
            #sidebar::-webkit-scrollbar {
                width: 4px;
            }
            #sidebar::-webkit-scrollbar-thumb {
                background: #262626;
                border-radius: 2px;
            }
            #sidebar::-webkit-scrollbar-track {
                background: transparent;
            }
            @media (min-width: 1024px) {
                .docs-layout {
                    display: grid;
                    grid-template-columns: 1fr 200px;
                    gap: 2rem;
                }
            }
            #onThisPage {
                position: sticky;
                top: 2rem;
                max-height: calc(100vh - 6rem);
                overflow-y: auto;
                scrollbar-width: thin;
                scrollbar-color: #262626 transparent;
            }
            #onThisPage::-webkit-scrollbar {
                width: 4px;
            }
            #onThisPage::-webkit-scrollbar-thumb {
                background: #262626;
                border-radius: 2px;
            }
            #onThisPage a.active {
                color: #ffffff;
                font-weight: 600;
            }
            .toc-link {
                display: block;
                font-size: 0.8125rem;
                padding: 0.3rem 0;
                color: #737373;
                text-decoration: none;
                border-left: 2px solid transparent;
                padding-left: 0.75rem;
                transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
                border-radius: 0 4px 4px 0;
            }
            .toc-link:hover {
                color: #d4d4d4;
                background: rgba(255, 255, 255, 0.03);
            }
            .toc-link.active {
                color: #ffffff;
                border-left-color: #ffffff;
                background: rgba(255, 255, 255, 0.08);
            }
            .toc-link.h3 {
                padding-left: 1.5rem;
            }
            .search-cat-badge {
                font-size: 0.6rem;
                padding: 0.1rem 0.45rem;
                border-radius: 0.25rem;
                background: #262626;
                color: #a3a3a3;
                margin-left: auto;
                font-weight: 500;
                letter-spacing: 0.02em;
                white-space: nowrap;
            }
            .search-result {
                display: block;
                padding: 0.6rem 0.75rem;
                border-radius: 10px;
                text-decoration: none;
                transition: background 0.15s ease;
                cursor: pointer;
            }
            .search-result:hover,
            .search-result.highlighted {
                background: rgba(255, 255, 255, 0.04);
            }
            .search-result .result-title {
                color: #e5e5e5;
                font-weight: 500;
                font-size: 0.875rem;
                display: flex;
                align-items: center;
                gap: 0.5rem;
            }
            .search-result .result-snippet {
                color: #737373;
                font-size: 0.8rem;
                margin-top: 0.15rem;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }
            .search-result .result-snippet mark {
                background: rgba(255, 255, 255, 0.2);
                color: #ffffff;
                border-radius: 2px;
                padding: 0 1px;
            }
            .quick-link-group {
                margin-bottom: 1.25rem;
            }
            .quick-link-group:last-child {
                margin-bottom: 0;
            }
            .quick-link-group .group-label {
                font-size: 0.65rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.08em;
                color: #525252;
                margin-bottom: 0.5rem;
                padding: 0 0.25rem;
            }
            .quick-link-item {
                display: flex;
                align-items: center;
                gap: 0.5rem;
                padding: 0.45rem 0.6rem;
                border-radius: 8px;
                text-decoration: none;
                color: #a3a3a3;
                font-size: 0.8rem;
                transition: background 0.15s, color 0.15s;
                cursor: pointer;
            }
            .quick-link-item:hover {
                background: rgba(255, 255, 255, 0.04);
                color: #e5e5e5;
            }
            .quick-link-item .ql-dot {
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background: #404040;
                flex-shrink: 0;
            }
            .quick-link-item:hover .ql-dot {
                background: #ffffff;
            }