*{box-sizing:border-box;margin:0;padding:0}:root{--bg-color:#1C1B19;--text-color:#BAA67F;--border-color:#FBB829;--link-color:#FF5F00;--link-hover:#1C1B19;--link-hover-bg:#FF5F00;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:20px;--space-xl:24px;--font-xs:0.625rem;--font-sm:0.75rem;--font-base:1rem;--font-lg:1.25rem;--font-xl:1.5rem}body.white-mode,html.white-mode-preload body{--bg-color:#fbf1c7;--border-color:#d79921;--text-color:#3c3836;--link-color:#af3a03;--link-hover:#fbf1c7;--link-hover-bg:#d65d0e}body{background-color:var(--bg-color);color:var(--text-color);font-family:'Inconsolata',monospace;font-size:var(--font-base);line-height:1.3;padding:20px;max-width:960px;margin:0 auto}.header{width:100%;border:2px solid var(--border-color);border-collapse:collapse;margin-bottom:20px;background-color:var(--bg-color)}.header th,.header td{border:2px solid var(--border-color);padding:12px;text-align:left}.header th{font-weight:900;white-space:nowrap}.header .width-auto{width:auto}.header .width-min{width:1%;white-space:nowrap}.title{font-size:var(--font-xl);font-weight:900;margin-bottom:4px}.subtitle{font-size:var(--font-md);opacity:0.8}a{color:var(--link-color);text-decoration:none;cursor:pointer;transition:all 0.2s ease;display:inline-block}a:hover{background-color:var(--link-hover-bg);color:var(--link-hover);padding:2px 4px;margin:-2px -4px}.header a{text-decoration:underline}.controls-bar{display:flex;gap:10px;margin-bottom:20px;align-items:center}.search-container{flex:1;position:relative}.search-input{width:100%;background-color:var(--bg-color);color:var(--text-color);border:2px solid var(--border-color);padding:10px 12px;font-family:'Inconsolata',monospace;font-size:var(--font-sm);outline:none}.search-input::placeholder{color:var(--text-color);opacity:0.5}.search-input:focus{box-shadow:0 0 0 2px var(--border-color)}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-color);border:2px solid var(--border-color);border-top:none;max-height:400px;overflow-y:auto;z-index:1000;display:none}.autocomplete-dropdown.active{display:block}.autocomplete-dropdown::-webkit-scrollbar{width:8px}.autocomplete-dropdown::-webkit-scrollbar-track{background:var(--bg-color)}.autocomplete-dropdown::-webkit-scrollbar-thumb{background:var(--border-color)}.autocomplete-item{padding:12px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:all 0.2s ease}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item.active{background-color:var(--border-color);color:var(--bg-color)}.autocomplete-item:hover .autocomplete-name,.autocomplete-item.active .autocomplete-name{color:var(--bg-color)}.autocomplete-item:hover .autocomplete-description,.autocomplete-item.active .autocomplete-description{color:var(--bg-color);opacity:0.8}.autocomplete-item:hover .autocomplete-meta,.autocomplete-item.active .autocomplete-meta{color:var(--bg-color);opacity:0.6}.autocomplete-name{font-weight:700;font-size:var(--font-sm);margin-bottom:4px;color:var(--text-color)}.autocomplete-description{font-size:var(--font-sm);opacity:0.8;margin-bottom:4px;line-height:1.3}.autocomplete-meta{font-size:var(--font-xs);opacity:0.6;text-transform:uppercase;letter-spacing:0.5px}.search-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:none;align-items:flex-start;justify-content:center;padding-top:100px}.search-modal.active{display:flex}.search-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.85);cursor:pointer}.search-modal-content{position:relative;width:100%;max-width:600px;background-color:var(--bg-color);border:2px solid var(--border-color);z-index:2001;max-height:80vh;display:flex;flex-direction:column}.search-modal-header{display:flex;align-items:center;border-bottom:2px solid var(--border-color);padding:0}.search-modal-input{flex:1;background-color:var(--bg-color);color:var(--text-color);border:none;padding:16px;font-family:'Inconsolata',monospace;font-size:var(--font-base);outline:none}.search-modal-input::placeholder{color:var(--text-color);opacity:0.5}.search-modal-close{background:none;border:none;color:var(--text-color);font-size:var(--font-xl);cursor:pointer;padding:16px;font-family:'Inconsolata',monospace;line-height:1;transition:all 0.2s ease}.search-modal-close:hover{background-color:var(--border-color);color:var(--bg-color)}.search-modal-results{overflow-y:auto;max-height:calc(80vh - 60px)}.search-modal-results::-webkit-scrollbar{width:10px}.search-modal-results::-webkit-scrollbar-track{background:var(--bg-color);border-left:1px solid var(--border-color)}.search-modal-results::-webkit-scrollbar-thumb{background:var(--border-color)}.modal-empty-state,.modal-no-results{padding:40px;text-align:center;opacity:0.6;font-size:var(--font-sm)}.modal-result-item{padding:16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all 0.2s ease}.modal-result-item:last-child{border-bottom:none}.modal-result-item:hover,.modal-result-item.active{background-color:var(--border-color)}.modal-result-item:hover .modal-result-name,.modal-result-item.active .modal-result-name{color:var(--bg-color)}.modal-result-item:hover .modal-result-url,.modal-result-item.active .modal-result-url{color:var(--bg-color);opacity:0.8}.modal-result-item:hover .modal-result-description,.modal-result-item.active .modal-result-description{color:var(--bg-color);opacity:0.9}.modal-result-item:hover .modal-result-category,.modal-result-item.active .modal-result-category{background-color:var(--bg-color);color:var(--border-color)}.modal-result-item:hover .modal-result-source,.modal-result-item.active .modal-result-source{color:var(--bg-color);opacity:0.7}.modal-result-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.modal-result-name{font-weight:700;font-size:var(--font-base);color:var(--text-color);line-height:1.3;flex:1}.modal-result-category{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:0.5px;padding:2px 8px;border:1px solid var(--border-color);white-space:nowrap;flex-shrink:0}.modal-result-url{font-size:var(--font-xs);opacity:0.6;margin-bottom:8px;word-break:break-all;color:var(--text-color)}.modal-result-description{font-size:var(--font-sm);line-height:1.4;margin-bottom:8px;color:var(--text-color);opacity:0.9}.modal-result-meta{display:flex;gap:8px;align-items:center}.modal-result-source{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:0.5px;opacity:0.5;color:var(--text-color)}.color-toggle{background-color:var(--bg-color);color:var(--text-color);border:2px solid var(--border-color);padding:10px 16px;font-family:'Inconsolata',monospace;font-size:var(--font-sm);cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.color-toggle:hover{background-color:var(--border-color);color:var(--bg-color)}.toc-toggle-btn{display:none;background-color:var(--bg-color);color:var(--text-color);border:2px solid var(--border-color);padding:10px 16px;font-family:'Inconsolata',monospace;font-size:var(--font-sm);cursor:pointer;transition:all 0.2s ease}.toc-toggle-btn:hover{background-color:var(--border-color);color:var(--bg-color)}.content-container{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg);position:relative}.main-content{flex:1;border:2px solid var(--border-color);padding:var(--space-lg);min-height:500px;max-height:70vh;overflow-y:auto;background-color:var(--bg-color)}.main-content::-webkit-scrollbar{width:10px}.main-content::-webkit-scrollbar-track{background:var(--bg-color)}.main-content::-webkit-scrollbar-thumb{background:var(--border-color)}.loading{text-align:center;opacity:0.6;padding:40px}.error{color:#ff0000;border:2px solid #ff0000;padding:20px;margin:20px 0}.highlight{background-color:var(--border-color);color:var(--bg-color);padding:2px}.no-results{text-align:center;opacity:0.6;padding:20px;border:2px solid var(--border-color);margin:20px 0}.main-content h2,.main-content h3,.main-content h4{margin-top:var(--space-xl);margin-bottom:var(--space-sm);font-weight:700;border-bottom:1px solid var(--border-color);padding-bottom:var(--space-sm)}.main-content h2{font-size:var(--font-lg)}.main-content h3{font-size:var(--font-lg)}.main-content h4{font-size:var(--font-sm)}.main-content a{color:var(--link-color);text-decoration:underline;transition:all 0.2s ease}.main-content a:hover{background-color:var(--link-hover-bg);color:var(--link-hover)}.main-content p{margin-bottom:var(--space-md)}.main-content ul{list-style:none;margin-left:0;margin-bottom:var(--space-md);padding-left:0}.main-content li{position:relative;padding-left:calc(var(--space-md) + var(--space-sm));margin-bottom:var(--space-sm)}.main-content li::before{content:'■';position:absolute;left:0;top:0}.scrollspy-sidebar{width:200px;border:2px solid var(--border-color);background-color:var(--bg-color);position:sticky;top:20px;max-height:70vh;overflow-y:auto;transition:all 0.3s ease}.scrollspy-sidebar::-webkit-scrollbar{width:8px}.scrollspy-sidebar::-webkit-scrollbar-track{background:var(--bg-color)}.scrollspy-sidebar::-webkit-scrollbar-thumb{background:var(--border-color)}.scrollspy-nav{padding:20px}.scrollspy-title{font-weight:700;margin-bottom:16px;font-size:var(--font-sm);text-transform:uppercase;letter-spacing:1px}.scrollspy-nav ul{list-style:none}.scrollspy-nav li{margin-bottom:8px}.scrollspy-nav a{display:block;padding:6px 12px;border-left:3px solid transparent;transition:all 0.2s ease;font-size:var(--font-sm)}.scrollspy-nav a:hover{border-left-color:var(--border-color);background-color:transparent;color:var(--link-color);padding-left:16px;margin:0}.scrollspy-nav a.active{border-left-color:var(--border-color);background-color:rgba(0,255,0,0.1);font-weight:700}body.white-mode .scrollspy-nav a.active,html.white-mode-preload body .scrollspy-nav a.active{background-color:rgba(255,255,255,0.1)}.scrollspy-nav .level-2{padding-left:12px}.scrollspy-nav .level-3{padding-left:24px}.scrollspy-nav .level-4{padding-left:36px}.toc-close-btn{display:none}footer,body > p{border:2px solid var(--border-color);padding:16px;text-align:center;background-color:var(--bg-color)}.category-section{margin-bottom:var(--space-xl)}.category-section h3{margin-top:0;margin-bottom:var(--space-md);font-size:var(--font-lg);border-bottom:2px solid var(--border-color);padding-bottom:var(--space-sm)}.items-container{list-style:none;padding-left:0;margin:0}.item-link{position:relative;padding-left:calc(var(--space-md) + var(--space-sm));margin-bottom:var(--space-sm);list-style:none}.item-link::before{content:'■';position:absolute;left:0;top:0;color:var(--border-color)}.item-link a{color:var(--link-color);text-decoration:underline}.item-description{opacity:0.8}.show-more-btn{display:block;width:100%;background-color:transparent;color:var(--border-color);border:2px solid var(--border-color);padding:12px;margin-top:var(--space-md);font-family:'Inconsolata',monospace;font-size:var(--font-sm);cursor:pointer;transition:all 0.2s ease;text-align:center}.show-more-btn:hover{background-color:var(--border-color);color:var(--bg-color)}.scroll-sentinel{height:20px;margin-top:var(--space-lg)}@media (max-width:1024px){.controls-bar{flex-wrap:wrap}.toc-toggle-btn{display:block}.content-container{flex-direction:column}.scrollspy-sidebar{position:fixed;top:0;right:-300px;width:280px;height:100vh;max-height:100vh;z-index:1000;transition:right 0.3s ease}.scrollspy-sidebar.active{right:0}.toc-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:999}.toc-overlay.active{display:block}.toc-close-btn{position:absolute;top:10px;right:10px;background:none;border:2px solid var(--border-color);color:var(--text-color);font-size:var(--font-lg);cursor:pointer;padding:5px 10px;font-family:'Inconsolata',monospace}@media (max-width:640px){body{padding:10px;font-size:var(--font-sm)}.header th,.header td{padding:8px;font-size:var(--font-xs)}.title{font-size:var(--font-lg)}.controls-bar{display:flex;flex-direction:row;gap:8px;align-items:center}.search-container{flex:1}.color-toggle,.toc-toggle-btn{width:40px;height:40px;min-width:40px;min-height:40px;flex-shrink:0;padding:0;font-size:0;position:relative}.color-toggle::before,.toc-toggle-btn::before{font-size:var(--font-lg);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.color-toggle::before{content:'◐'}.toc-toggle-btn::before{content:'☰'}.toc-toggle-btn{font-size:0}.color-toggle span,.toc-toggle-btn span{display:none}}