.header{background-color:#001529;border-bottom:1px solid #374151;position:sticky;top:0;z-index:30;transition:background-color .3s}.header.dark{background-color:#111827;border-bottom-color:#1f2937}.header-content{padding:0 1rem}@media (min-width: 640px){.header-content{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.header-content{padding-left:2rem;padding-right:2rem}}.header-inner{display:flex;align-items:center;justify-content:space-between;height:4rem}.header-left{display:flex;align-items:center;gap:1rem}.header-menu-btn{padding:.5rem;border-radius:.375rem;color:#fff;background:transparent;border:none;cursor:pointer;transition:background-color .3s}.header-menu-btn:hover{background-color:#374151}.header-logo-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;cursor:pointer;transition:opacity .3s}.header-logo-btn:hover{opacity:.8}.header-logo-img{width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.header-logo-img img{margin:0 auto}.header-title{font-size:1.25rem;font-weight:700;color:#fff}.header-right{display:flex;align-items:center;gap:.5rem}.header-icon-btn{padding:.5rem;border-radius:.375rem;background:transparent;border:none;cursor:pointer;transition:background-color .3s,color .3s;display:flex;align-items:center;justify-content:center}.header-icon-btn:hover{background-color:#374151}.header-icon-btn.dark:hover{background-color:#1f2937}.header-icon-btn.github-link,.header-icon-btn.auth-btn{color:#fff}.header-icon-btn.auth-btn.authenticated{color:#4ade80}.header-icon-btn.theme-btn{color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal{background-color:#fff;border-radius:.5rem;width:100%;max-width:28rem;transition:background-color .3s}.modal.dark{background-color:#1f2937}.modal.large{max-width:56rem;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 2rem;border-bottom:1px solid #e5e7eb}.modal.dark .modal-header{border-bottom-color:#374151}.modal-title{font-size:1.25rem;font-weight:600;color:#111827}.modal.dark .modal-title{color:#f9fafb}.modal-close-btn{padding:.5rem;border-radius:9999px;background:transparent;border:none;cursor:pointer;transition:background-color .3s,color .3s;color:#4b5563}.modal.dark .modal-close-btn{color:#9ca3af}.modal-close-btn:hover{background-color:#f3f4f6}.modal.dark .modal-close-btn:hover{background-color:#374151}.modal-body{padding:1.5rem}.modal-form{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.modal-form-group{display:flex;flex-direction:column}.modal-form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.modal.dark .modal-form-label{color:#d1d5db}.modal-form-input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#111827;transition:border-color .3s,box-shadow .3s,background-color .3s,color .3s}.modal.dark .modal-form-input{border-color:#4b5563;background-color:#374151;color:#f9fafb}.modal-form-input:focus{outline:none;border-color:#6b7280;box-shadow:0 0 0 2px #6b728080}.modal.dark .modal-form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f680}.modal-form-input::placeholder{color:#9ca3af}.modal.dark .modal-form-input::placeholder{color:#6b7280}.modal-form-textarea{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#111827;font-family:monospace;font-size:.875rem;transition:border-color .3s,box-shadow .3s,background-color .3s,color .3s;resize:vertical;min-height:12rem}.modal.dark .modal-form-textarea{border-color:#4b5563;background-color:#374151;color:#f9fafb}.modal-form-textarea:focus{outline:none;border-color:#6b7280;box-shadow:0 0 0 2px #6b728080}.modal.dark .modal-form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f680}.modal-form-error{margin-top:.5rem;font-size:.875rem;color:#dc2626}.modal.dark .modal-form-error{color:#f87171}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e5e7eb}.modal.dark .modal-footer{border-top-color:#374151}.modal-btn{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:background-color .3s,opacity .3s,color .3s,border-color .3s}.modal-btn-secondary{color:#374151;border:1px solid #d1d5db;background:transparent}.modal.dark .modal-btn-secondary{color:#d1d5db;border-color:#4b5563}.modal-btn-secondary:hover{background-color:#f9fafb}.modal.dark .modal-btn-secondary:hover{background-color:#374151}.modal-btn-primary{background-color:#111827;color:#fff;border:1px solid transparent}.modal.dark .modal-btn-primary{background-color:#2563eb}.modal-btn-primary:hover{background-color:#1f2937}.modal.dark .modal-btn-primary:hover{background-color:#1d4ed8}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-btn-content{display:flex;align-items:center;gap:.5rem}.modal-divider{padding:1rem 1.5rem;border-top:1px solid #e5e7eb}.modal.dark .modal-divider{border-top-color:#374151}.modal-header-with-icon{display:flex;align-items:center;gap:.5rem}.modal-header-icon{padding:.5rem;border-radius:9999px;background-color:#f3f4f6}.modal.dark .modal-header-icon{background-color:#374151}.modal-header-icon.danger{color:#dc2626}.modal-header-icon.warning{color:#d97706}.modal-header-icon.info{color:#2563eb}.modal-message{color:#4b5563;margin-bottom:1.5rem}.modal.dark .modal-message{color:#9ca3af}.modal-btn-danger{background-color:#dc2626;color:#fff;border:1px solid transparent}.modal-btn-danger:hover{background-color:#b91c1c}.modal-btn-warning{background-color:#d97706;color:#fff;border:1px solid transparent}.modal-btn-warning:hover{background-color:#b45309}.modal-btn-info{background-color:#2563eb;color:#fff;border:1px solid transparent}.modal-btn-info:hover{background-color:#1d4ed8}.skeleton{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.directory-skeleton{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.directory-skeleton-group{display:flex;flex-direction:column;gap:.5rem}.directory-skeleton-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0}.directory-skeleton-icon{width:1rem;height:1rem;background-color:#d1d5db;border-radius:.25rem}.directory-skeleton.dark .directory-skeleton-icon{background-color:#4b5563}.directory-skeleton-text{height:1.25rem;background-color:#e5e7eb;border-radius:.25rem}.directory-skeleton.dark .directory-skeleton-text{background-color:#374151}.directory-skeleton-text.w-28{width:7rem}.directory-skeleton-text.w-30{width:7.5rem}.directory-skeleton-text.w-32{width:8rem}.directory-skeleton-text.w-36{width:9rem}.directory-skeleton-text.w-40{width:10rem}.directory-skeleton-text.w-44{width:11rem}.directory-skeleton-sub{margin-left:1.5rem}.article-skeleton{max-width:56rem;margin:0 auto;animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.article-skeleton-header{margin-bottom:2rem}.article-skeleton-title{height:2.5rem;background-color:#e5e7eb;border-radius:.25rem;width:75%;margin-bottom:1rem}.article-skeleton.dark .article-skeleton-title{background-color:#374151}.article-skeleton-subtitle{height:1.5rem;background-color:#e5e7eb;border-radius:.25rem;width:50%;margin-bottom:1.5rem}.article-skeleton.dark .article-skeleton-subtitle{background-color:#374151}.article-skeleton-meta{display:flex;gap:1rem}.article-skeleton-meta-item{height:1rem;background-color:#e5e7eb;border-radius:.25rem}.article-skeleton.dark .article-skeleton-meta-item{background-color:#374151}.article-skeleton-meta-item.w-32{width:8rem}.article-skeleton-meta-item.w-24{width:6rem}.article-skeleton-content{display:flex;flex-direction:column;gap:1rem}.article-skeleton-paragraph{display:flex;flex-direction:column;gap:.5rem}.article-skeleton-line{height:1rem;background-color:#e5e7eb;border-radius:.25rem}.article-skeleton.dark .article-skeleton-line{background-color:#374151}.article-skeleton-heading{height:2rem;background-color:#e5e7eb;border-radius:.25rem;width:66.666667%;margin-top:2rem}.article-skeleton.dark .article-skeleton-heading{background-color:#374151}.article-skeleton-heading.w-2\/3{width:66.666667%}.article-skeleton-heading.w-1\/2{width:50%}.article-skeleton-code{height:8rem;background-color:#e5e7eb;border-radius:.25rem;margin-top:1.5rem}.article-skeleton.dark .article-skeleton-code{background-color:#374151}.article-skeleton-line.w-5\/6{width:83.333333%}.article-skeleton-line.w-4\/5{width:80%}.article-skeleton-line.w-3\/4{width:75%}.article-skeleton-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.article-skeleton-list-item.w-11\/12{width:91.666667%}.article-skeleton-list-item.w-10\/12{width:83.333333%}.article-nav{border-right:1px solid #e5e7eb;background-color:#fff;position:fixed;left:0;top:4rem;z-index:20;width:18rem;display:flex;flex-direction:column;height:calc(100vh - 4rem)}.article-nav.dark{border-right-color:#374151;background-color:#1f2937}.article-nav.collapsed{width:3rem}.article-nav-header{padding:.5rem 1rem 0;flex-shrink:0}.article-nav.collapsed .article-nav-header{padding:0;padding-top:.5rem;padding-bottom:.5rem;display:flex;justify-content:center;align-items:center}.article-nav-header-content{display:flex;align-items:center;justify-content:space-between}.article-nav-title{font-size:1.125rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-nav.dark .article-nav-title{color:#f9fafb}.article-nav-header-actions{display:flex;align-items:center;gap:.25rem}.article-nav-action-btn{padding:.25rem;border-radius:.25rem;background:transparent;border:none;cursor:pointer;transition:background-color .3s,color .3s;color:#111827;display:flex;align-items:center;justify-content:center}.article-nav.dark .article-nav-action-btn{color:#f9fafb}.article-nav-action-btn:hover{background-color:#9ca3af}.article-nav-content{flex:1;overflow-y:auto;padding:1rem;padding-left:0;padding-bottom:1rem}.article-nav-directory-item{display:flex;align-items:center;padding:.5rem .75rem;transition:background-color .3s}.article-nav-directory-item:hover{background-color:#f9fafb}.article-nav.dark .article-nav-directory-item:hover{background-color:#374151}.article-nav-directory-content{display:flex;align-items:center;flex:1;cursor:pointer}.article-nav-directory-icon{color:#9ca3af;margin-right:.25rem}.article-nav-directory-name{font-size:.875rem;font-weight:500;color:#374151;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-nav.dark .article-nav-directory-name{color:#d1d5db}.article-nav-article-item{display:flex;align-items:center;padding:.5rem .75rem;margin-left:.5rem;transition:background-color .3s}.article-nav-article-item:hover{background-color:#f9fafb}.article-nav.dark .article-nav-article-item:hover{background-color:#374151}.article-nav-article-item.active{background-color:#eff6ff;border-left:2px solid #2563eb}.article-nav.dark .article-nav-article-item.active{background-color:#1e3a8a4d;border-left-color:#2563eb}.article-nav-article-btn{flex:1;display:flex;align-items:center;text-align:left;min-width:0;background:transparent;border:none;cursor:pointer;padding:0;transition:color .3s;color:#374151}.article-nav.dark .article-nav-article-btn{color:#d1d5db}.article-nav-article-btn.active{color:#2563eb;font-weight:500}.article-nav.dark .article-nav-article-btn.active{color:#60a5fa}.article-nav-article-btn:not(.active):hover{color:#111827}.article-nav.dark .article-nav-article-btn:not(.active):hover{color:#e5e7eb}.article-nav-article-icon{margin-right:.5rem;flex-shrink:0;color:#9ca3af}.article-nav.dark .article-nav-article-icon{color:#6b7280}.article-nav-article-btn.active .article-nav-article-icon{color:#2563eb}.article-nav.dark .article-nav-article-btn.active .article-nav-article-icon{color:#60a5fa}.article-nav-article-title{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-nav-article-actions{opacity:0;display:flex;align-items:center;gap:.25rem;margin-left:.5rem;flex-shrink:0}.article-nav-article-item:hover .article-nav-article-actions,.article-nav-directory-item:hover .article-nav-article-actions{opacity:1}.article-nav-action-icon-btn{padding:.25rem;border-radius:.25rem;background:transparent;border:none;cursor:pointer;transition:background-color .3s,color .3s;color:#374151;display:flex;align-items:center;justify-content:center}.article-nav.dark .article-nav-action-icon-btn{color:#f9fafb}.article-nav-action-icon-btn:hover{background-color:#d1d5db}.article-nav.dark .article-nav-action-icon-btn:hover{background-color:#6b7280}.article-nav-action-icon-btn.delete:hover,.article-nav.dark .article-nav-action-icon-btn.delete:hover{color:#ef4444}.article-nav-empty{text-align:center;padding:2rem 0;color:#6b7280}.article-nav-empty-btn{margin-top:.5rem;color:#2563eb;background:transparent;border:none;cursor:pointer;font-size:.875rem}.article-nav-empty-btn:hover{color:#1d4ed8}.article-nav-collapsed-btn{padding:.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:#111827;background:transparent;border:none;border-radius:.25rem;cursor:pointer}.article-nav.dark .article-nav-collapsed-btn{color:#f9fafb}.article-nav-collapsed-btn:hover{background-color:#9ca3af}.article-nav-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:50}.article-nav-loading-content{background-color:#fff;border-radius:.5rem;padding:1.5rem}.article-nav.dark .article-nav-loading-content{background-color:#1f2937}.article-nav-loading-inner{display:flex;align-items:center;gap:.75rem}.article-nav-loading-spinner{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid #e5e7eb;border-top-color:#111827;animation:spin 1s linear infinite}.article-nav.dark .article-nav-loading-spinner{border-top-color:#f9fafb}.article-nav-loading-text{color:#374151;font-size:.875rem}.article-nav.dark .article-nav-loading-text{color:#d1d5db}@keyframes spin{to{transform:rotate(360deg)}}.mobile-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:40}.mobile-sidebar{position:fixed;left:0;top:0;height:100%;width:18.05rem;background-color:#fff;box-shadow:0 10px 15px -3px,0 4px 6px -2px;z-index:50;transform:translate(0);transition:transform .3s}.mobile-sidebar.dark{background-color:#1f2937}.mobile-sidebar.closed{transform:translate(-100%)}.mobile-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;height:2rem;border-bottom:1px solid #e5e7eb}.mobile-sidebar.dark .mobile-sidebar-header{background-color:#111827;border-bottom-color:#374151}.mobile-sidebar-title{font-size:1.125rem;font-weight:600;color:#111827}.mobile-sidebar.dark .mobile-sidebar-title{color:#f9fafb}.mobile-sidebar-close-btn{padding:.25rem;border-radius:.25rem;background:transparent;border:none;cursor:pointer;transition:background-color .3s}.mobile-sidebar-close-btn:hover{background-color:#f3f4f6}.mobile-sidebar.dark .mobile-sidebar-close-btn{color:#f9fafb}.heading-nav{position:fixed;right:0;top:4rem;z-index:20;width:18rem;border-left:1px solid #e5e7eb;background-color:#fff;display:flex;flex-direction:column;height:calc(100vh - 4rem)}.heading-nav.dark{border-left-color:#374151;background-color:#1f2937}.heading-nav.collapsed{width:3rem}.heading-nav-header{padding:.5rem 1rem 0;flex-shrink:0}.heading-nav-header-content{display:flex;align-items:center;justify-content:space-between}.heading-nav-title{font-size:1.125rem;font-weight:600;color:#111827}.heading-nav.dark .heading-nav-title{color:#f9fafb}.heading-nav-toggle-btn{padding:.25rem;border-radius:.25rem;background:transparent;border:none;cursor:pointer;transition:background-color .3s;color:#4b5563;display:flex;align-items:center;justify-content:center}.heading-nav.dark .heading-nav-toggle-btn{color:#f9fafb}.heading-nav-toggle-btn:hover{background-color:#9ca3af}.heading-nav-content{flex:1;overflow-y:auto;padding:1rem}.heading-nav-item{width:100%;text-align:left;padding:.5rem .75rem;font-size:.875rem;transition:background-color .3s,color .3s;background:transparent;border:none;cursor:pointer;color:#4b5563}.heading-nav.dark .heading-nav-item{color:#d1d5db}.heading-nav-item:hover{background-color:#f9fafb;color:#111827}.heading-nav.dark .heading-nav-item:hover{background-color:#374151;color:#f9fafb}.heading-nav-item.active{color:#2563eb;background-color:#eff6ff;border-right:2px solid #2563eb}.heading-nav.dark .heading-nav-item.active{color:#60a5fa;background-color:#1e3a8a4d;border-right-color:#2563eb}.heading-nav-item-text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heading-nav-empty{text-align:center;padding:2rem 0;color:#6b7280;font-size:.875rem}.heading-nav.dark .heading-nav-empty{color:#9ca3af}.heading-nav-collapsed-btn{padding:.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:#111827;background:transparent;border:none;border-radius:.25rem;cursor:pointer}.heading-nav.dark .heading-nav-collapsed-btn{color:#f9fafb}.heading-nav-collapsed-btn:hover{background-color:#9ca3af}.heading-nav-p-2{padding:.5rem}.heading-nav-space-y-1>*+*{margin-top:.25rem}.animate-spin-slow{animation:spin-slow 20s linear infinite}.main-container{display:flex;width:100%;height:calc(100vh - 4rem);position:relative}.main-content{flex:1;min-width:0;padding:0 1rem;overflow:auto;height:100%}.welcome-page{min-height:calc(100vh - 8rem);overflow:hidden;display:flex;align-items:center;justify-content:center}.welcome-page-content{margin:0}.welcome-hero{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-bottom:4rem;transition:all 1s}.icon{width:1.25rem;height:1.25rem}@media (min-width: 1024px){.welcome-hero{flex-direction:row}}.welcome-hero.visible{opacity:1;transform:translateY(0)}.welcome-hero.hidden{opacity:0;transform:translateY(2.5rem)}.welcome-hero-left{flex:1;text-align:center}@media (min-width: 1024px){.welcome-hero-left{text-align:left}}.welcome-title{color:#111827;font-size:2.25rem;font-weight:700;margin-bottom:1.5rem}@media (min-width: 768px){.welcome-title{font-size:3rem}}.welcome-page.dark .welcome-title{color:#fff}.welcome-subtitle{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}@media (min-width: 768px){.welcome-subtitle{font-size:1.5rem}}.welcome-page.dark .welcome-subtitle{color:#e5e7eb}.welcome-description{color:#4b5563;font-size:1.125rem;margin-bottom:2rem}.welcome-page.dark .welcome-description{color:#9ca3af}.welcome-buttons{display:flex;flex-direction:column;gap:1rem;font-size:1rem;justify-content:center}@media (min-width: 640px){.welcome-buttons{flex-direction:row}}@media (min-width: 1024px){.welcome-buttons{justify-content:flex-start}}.welcome-btn{padding:.75rem 2rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;box-shadow:0 1px 2px #0000000d}.welcome-btn:hover{box-shadow:0 4px 6px -1px,0 2px 4px -1px}.welcome-btn-primary{background-color:#001529;border:2px solid #d1d5db;color:#fff}.welcome-page.dark .welcome-btn-primary{background-color:#1f2937;border-color:#4b5563;color:#d1d5db}.welcome-btn-primary:hover{border-color:#1e3a8a}.welcome-page.dark .welcome-btn-primary:hover{border-color:#3b82f6;color:#60a5fa}.welcome-btn-secondary{background-color:#fff;border:2px solid #d1d5db;color:#374151}.welcome-page.dark .welcome-btn-secondary{background-color:#1f2937;border-color:#4b5563;color:#d1d5db}.welcome-btn-secondary:hover{border-color:#56a9f7;color:#46b2fa}.welcome-page.dark .welcome-btn-secondary:hover{border-color:#3b82f6;color:#60a5fa}.welcome-logo{flex-shrink:0}a{color:inherit;text-decoration:none}.welcome-logo-container{width:16rem;height:16rem;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.welcome-logo-container{width:15rem;height:15rem}}.welcome-logo-img{width:100%;height:100%;opacity:.9;animation:spin-slow 20s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome-features{display:grid;gap:1.5rem}@media (min-width: 768px){.welcome-features{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.welcome-features{grid-template-columns:repeat(3,1fr)}}.welcome-feature{background-color:#fff;border-radius:.5rem;padding:1rem;border:1px solid #e5e7eb;transition:all .2s}.welcome-page.dark .welcome-feature{background-color:#1f2937;border-color:#374151}.welcome-page.dark .welcome-feature:hover{border-color:#4b5563}.welcome-feature.visible{opacity:1;transform:translateY(0)}.welcome-feature.hidden{opacity:0;transform:translateY(2.5rem)}.welcome-feature-header{display:flex;align-items:center;gap:.5rem}.welcome-feature-header h3{padding:.2rem;line-height:1;margin:0}.welcome-feature-dot{width:.5rem;height:.5rem;border-radius:9999px}.welcome-feature-dot.blue{background-color:#3b82f6}.welcome-feature-dot.purple{background-color:#a855f7}.welcome-feature-dot.green{background-color:#22c55e}.welcome-feature-dot.orange{background-color:#f97316}.welcome-feature-dot.cyan{background-color:#06b6d4}.welcome-feature-dot.pink{background-color:#ec4899}.welcome-feature-title{color:#111827;font-size:1.1rem;font-weight:600}.welcome-page.dark .welcome-feature-title{color:#fff}.welcome-feature-description{color:#4b5563;font-size:.875rem;line-height:1.625}.welcome-page.dark .welcome-feature-description{color:#9ca3af}.markdown-renderer{max-width:none}.markdown-renderer.dark h1{color:#f9fafb;border-bottom-color:#374151}.markdown-renderer{scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.markdown-renderer::-webkit-scrollbar{width:8px;height:8px}.markdown-renderer::-webkit-scrollbar-track{background-color:#f3f4f6;border-radius:4px}.markdown-renderer::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}.markdown-renderer::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.markdown-renderer.dark::-webkit-scrollbar-track{background-color:#374151}.markdown-renderer.dark::-webkit-scrollbar-thumb{background-color:#6b7280}.markdown-renderer.dark::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.markdown-h1{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:1.5rem;margin-top:2rem;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem;scroll-margin-top:5rem}.markdown-renderer.dark .markdown-h1{color:#f9fafb;border-bottom-color:#374151}.markdown-h2{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:1rem;margin-top:1.5rem;scroll-margin-top:5rem}.markdown-renderer.dark .markdown-h2{color:#f9fafb}.markdown-h3{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.75rem;margin-top:1.25rem;scroll-margin-top:5rem}.markdown-renderer.dark .markdown-h3{color:#f9fafb}.markdown-p{color:#374151;line-height:1.75;margin-bottom:1rem}.markdown-renderer.dark .markdown-p{color:#d1d5db}.markdown-ul{list-style-type:disc;list-style-position:outside;margin-left:1.5rem;margin-bottom:1rem;color:#374151;padding:.25rem 0}.markdown-renderer.dark .markdown-ul{color:#d1d5db}.markdown-ol{list-style-type:decimal;list-style-position:outside;margin-left:1.5rem;color:#374151;padding:.25rem 0}.markdown-renderer.dark .markdown-ol{color:#d1d5db}.markdown-li{color:#374151;line-height:1.75;padding:.25rem 0}.markdown-renderer.dark .markdown-li{color:#d1d5db}.markdown-blockquote{position:relative;border-left:8px solid #78acff;padding:1rem 1rem 1rem 1.5rem;margin-top:1rem;margin-bottom:1rem;border-radius:.5rem;background-color:#3b82f61a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.markdown-renderer.dark .markdown-blockquote{border-left-color:#60a5fa;background-color:#1e3a8a33}.markdown-blockquote-content{color:#374151;line-height:1.625}.markdown-renderer.dark .markdown-blockquote-content{color:#d1d5db}.markdown-table-container{overflow-x:auto;margin-bottom:1rem}.markdown-table{width:100%;border-collapse:collapse;border:1px solid #d1d5db}.markdown-renderer.dark .markdown-table{border-color:#4b5563}.markdown-th{border:1px solid #d1d5db;padding:.5rem 1rem;text-align:left;background-color:#f9fafb;font-weight:600;color:#111827}.markdown-renderer.dark .markdown-th{border-color:#4b5563;background-color:#1f2937;color:#e5e7eb}.markdown-td{border:1px solid #d1d5db;padding:.5rem 1rem;color:#374151;line-height:1.75}.markdown-renderer.dark .markdown-td{border-color:#4b5563;color:#d1d5db}.markdown-a{color:#2563eb;text-decoration:underline;transition:color .3s}.markdown-renderer.dark .markdown-a{color:#60a5fa}.markdown-a:hover{color:#1d4ed8}.markdown-renderer.dark .markdown-a:hover{color:#93c5fd}.markdown-inline-code{background-color:#f3f4f6;color:#ec4899;padding:.2rem .5rem;border-radius:.25rem;font-size:.875rem;border:1px solid #e5e7eb;font-weight:600}.markdown-renderer.dark .markdown-inline-code{background-color:#1f2937cc;color:#10b981;border-color:#4b5563}.markdown-code-pre{background-color:#f9fafb;border-radius:.5rem;overflow-x:auto;margin-top:0;border-top-left-radius:0;border-top-right-radius:0;font-size:.825rem;font-weight:500;line-height:1.5;padding:1rem}.markdown-code-pre .hljs{background-color:transparent}.markdown-renderer.dark .markdown-code-pre{background-color:#111827}.markdown-code-block{position:relative;margin-bottom:1rem;margin-top:1rem}.markdown-code-header{display:flex;align-items:center;justify-content:space-between;background-color:#f3f4f6;color:#374151;padding:.5rem 1rem;font-size:.875rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;border-bottom:1px solid #d1d5db}.markdown-renderer.dark .markdown-code-header{background-color:#1f2937;color:#e5e7eb;border-bottom-color:#374151}.markdown-code-language{font-family:monospace}.markdown-code-copy-btn{display:flex;align-items:center;gap:.25rem;background:transparent;border:none;border-radius:.25rem;padding:.25rem .5rem;cursor:pointer;transition:background-color .3s,color .3s;font-size:.875rem;color:#374151}.markdown-code-copy-btn:hover{background-color:#e5e7eb}.markdown-renderer.dark .markdown-code-copy-btn{color:#e5e7eb}.markdown-renderer.dark .markdown-code-copy-btn:hover{background-color:#374151}.article-view{max-width:56rem;margin:0 auto;min-height:100%}.article-view-header{margin-bottom:2rem}.article-view-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:1rem}@media (min-width: 768px){.article-view-title{font-size:2.25rem}}.article-view.dark .article-view-title{color:#f9fafb}.article-view-description{font-size:1.25rem;color:#4b5563;margin-bottom:1.5rem}.article-view.dark .article-view-description{color:#9ca3af}.article-view-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.875rem;color:#6b7280}.article-view.dark .article-view-meta{color:#9ca3af}.article-view-meta-item{display:flex;align-items:center}.article-view-meta-icon{margin-right:.25rem}.article-view-content{padding-bottom:2rem}.article-view-footer{margin-top:2rem;padding-top:2rem;padding-bottom:2.5rem;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.article-view.dark .article-view-footer{border-top-color:#374151}.article-view-footer-item{display:flex;align-items:center;font-size:.875rem;color:#6b7280}.article-view.dark .article-view-footer-item{color:#9ca3af}.article-view-footer-icon{margin-right:.5rem}.article-view-empty{text-align:center;padding:3rem 0}.article-view-empty-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1rem}.article-view.dark .article-view-empty-title{color:#f9fafb}.article-view-empty-text{color:#4b5563}.article-view.dark .article-view-empty-text{color:#9ca3af}.hljs{display:block;overflow-x:auto;padding:1rem;background:#fff;color:#24292f;border:1px solid #d0d7de;border-radius:6px}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section,.hljs-doctag,.hljs-name{color:#cf222e;font-weight:600}.hljs-string,.hljs-title,.hljs-built_in,.hljs-type,.hljs-symbol,.hljs-bullet,.hljs-addition,.hljs-variable,.hljs-template-tag,.hljs-template-variable{color:#0a3069}.hljs-comment,.hljs-quote,.hljs-deletion,.hljs-meta{color:#6e7781;font-style:italic}.hljs-number,.hljs-regexp{color:#0550ae}.hljs-function,.hljs-title.function_,.hljs-class .hljs-title{color:#8250df}.hljs-attribute,.hljs-property{color:#0550ae}.hljs-selector-attr,.hljs-selector-pseudo,.hljs-selector-id,.hljs-selector-class{color:#953800}.hljs-tag{color:#22863a}.hljs-title.class_,.hljs-class .hljs-title{color:#116329}.hljs-link{color:#0969da;text-decoration:underline}.hljs-strong{font-weight:700;color:#24292f}.hljs-emphasis{font-style:italic}.hljs-formula{background-color:#f6f8fa}.hljs-constant{color:#0550ae}.hljs-namespace{color:#953800}.dark .hljs{background:#0d1117;color:#c9d1d9;border-color:#30363d}.dark .hljs-keyword,.dark .hljs-selector-tag,.dark .hljs-literal,.dark .hljs-section,.dark .hljs-doctag,.dark .hljs-name{color:#ff7b72;font-weight:600}.dark .hljs-string,.dark .hljs-title,.dark .hljs-built_in,.dark .hljs-type,.dark .hljs-symbol,.dark .hljs-bullet,.dark .hljs-addition,.dark .hljs-variable,.dark .hljs-template-tag,.dark .hljs-template-variable{color:#a5d6ff}.dark .hljs-comment,.dark .hljs-quote,.dark .hljs-deletion,.dark .hljs-meta{color:#8b949e;font-style:italic}.dark .hljs-number,.dark .hljs-regexp{color:#79c0ff}.dark .hljs-function,.dark .hljs-title.function_,.dark .hljs-class .hljs-title{color:#d2a8ff}.dark .hljs-attribute,.dark .hljs-property{color:#79c0ff}.dark .hljs-selector-attr,.dark .hljs-selector-pseudo,.dark .hljs-selector-id,.dark .hljs-selector-class{color:#ffa657}.dark .hljs-tag,.dark .hljs-title.class_,.dark .hljs-class .hljs-title{color:#7ee787}.dark .hljs-link{color:#58a6ff;text-decoration:underline}.dark .hljs-strong{font-weight:700;color:#c9d1d9}.dark .hljs-emphasis{font-style:italic}.dark .hljs-formula{background-color:#161b22}.dark .hljs-constant{color:#79c0ff}.dark .hljs-namespace{color:#ffa657}code{padding:.2em .4em;margin:0;font-size:85%;background-color:#afb8c133;border-radius:6px;font-family:SF Mono,Consolas,Liberation Mono,Menlo,Courier,monospace}.dark code{background-color:#6e768166}pre{padding:1rem;overflow-x:auto;border-radius:6px}pre code{padding:0;margin:0;font-size:100%;background-color:transparent;border-radius:0}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:4px;transition:background-color .2s}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#9ca3afb3}.dark .custom-scrollbar{scrollbar-color:rgba(75,85,99,.5) transparent}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background-color:#4b556380}.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#4b5563b3}.hljs{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) rgba(246,248,250,.5)}.hljs::-webkit-scrollbar{width:8px;height:8px}.hljs::-webkit-scrollbar-track{background:#f6f8fa80}.hljs::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:4px}.hljs::-webkit-scrollbar-thumb:hover{background-color:#9ca3afb3}.dark .hljs{scrollbar-color:rgba(75,85,99,.5) rgba(13,17,23,.5)}.dark .hljs::-webkit-scrollbar-track{background:#0d111780}.dark .hljs::-webkit-scrollbar-thumb{background-color:#4b556380}.dark .hljs::-webkit-scrollbar-thumb:hover{background-color:#4b5563b3}blockquote{padding:0;margin:0}html{font-family:Inter,system-ui,sans-serif;height:100%;overflow:hidden}body{background-color:#fff;color:#111827;margin:0;height:100%;overflow:hidden}.dark body{background-color:#111827;color:#f9fafb}.toast-container{position:fixed;top:5rem;right:1.5rem;z-index:1000;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:.5rem;box-shadow:0 4px 6px -1px,0 2px 4px -1px;animation:slideIn .3s ease-out;min-width:20rem;max-width:30rem}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.toast-error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.toast-warning{background-color:#fffbeb;border:1px solid #fde68a;color:#92400e}.toast-info{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;font-size:.875rem;line-height:1.25rem;word-break:break-word}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s;color:inherit;opacity:.6}.toast-close:hover{opacity:1;background-color:#0000000d}
