*,:before,:after{box-sizing:border-box;margin:0}body{font-family:var(--font-body);color:var(--color-text-body);background:var(--color-surface-page);line-height:1.6}.app-layout{background:var(--color-surface-page);height:100vh;padding:var(--space-sm);gap:var(--space-sm);display:flex}.sidebar{background:var(--color-surface-card);border:var(--border-thin) var(--border-style) var(--color-border-subtle);border-radius:var(--radius-lg);width:260px;min-width:260px;box-shadow:var(--shadow-md);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar-header{align-items:center;gap:var(--space-xs);padding:var(--space-sm);border-bottom:var(--border-thin) var(--border-style) var(--color-border-subtle);flex-shrink:0;display:flex}.sidebar-header .sidebar-search{flex:1;padding:0;position:relative}.sidebar-drill-back{cursor:pointer;color:var(--color-text-muted);padding:var(--space-xs);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-drill-back:hover{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.sidebar-drill-title{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-heading);letter-spacing:var(--tracking-tight);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;overflow:hidden}.sidebar-search .input-field{font-size:var(--font-size-xs);padding-left:var(--space-xl)}.sidebar-search-icon{left:var(--space-sm);color:var(--color-text-muted);pointer-events:none;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-view-toggle{border:var(--border-thin) var(--border-style) var(--color-border-default);border-radius:var(--radius-sm);flex-shrink:0;display:flex;overflow:hidden}.sidebar-view-btn{width:24px;height:22px;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-view-btn:hover{background:var(--color-surface-sunken)}.sidebar-view-btn.active{background:var(--color-primary);color:var(--color-text-inverse)}.sidebar-view-btn+.sidebar-view-btn{border-left:var(--border-thin) var(--border-style) var(--color-border-default)}.sidebar-item.sidebar-tree-row{font-size:var(--font-size-sm)!important;color:var(--color-text-heading)!important;border-radius:6px!important;align-items:center!important;gap:6px!important;padding:5px 8px!important;font-weight:500!important;display:flex!important}.sidebar-item.sidebar-tree-row:hover{background:color-mix(in srgb, var(--color-primary) 10%, transparent)!important}.sidebar-item.sidebar-tree-row.active{background:var(--color-primary)!important;color:var(--color-text-inverse)!important}.sidebar-item.sidebar-tree-row.active .sidebar-item-icon,.sidebar-item.sidebar-tree-row.active .sidebar-tree-chevron{color:var(--color-text-inverse)!important}.sidebar-tree-chevron,.sidebar-tree-chevron-space{flex-shrink:0;justify-content:center;align-items:center;width:14px;min-width:14px;display:flex}.sidebar-tree-chevron{color:var(--color-text-muted);transition:transform .15s var(--ease-default)}.sidebar-tree-chevron[data-open]{transform:rotate(90deg)}.sidebar-tree-row .sidebar-item-icon{width:18px;min-width:18px}.sidebar-tree-row .sidebar-item-icon svg{width:18px;height:18px}.sidebar-tree-children{padding-left:14px}.sidebar-section-label.sidebar-tree-row{text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--color-text-muted)!important;font-size:10px!important;font-weight:700!important;font-family:var(--font-heading)!important;border-bottom:none!important;border-radius:0!important;gap:6px!important;margin-top:0!important;padding:12px 8px 4px!important;display:flex!important}.admin-toggle-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-right:var(--space-xs)}.sidebar-toggle{cursor:pointer;color:var(--color-text-muted);padding:var(--space-xs);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.sidebar-toggle:hover{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.sidebar-toggle svg{width:16px;height:16px}.sidebar.collapsed{align-self:flex-start;width:52px;min-width:52px;height:auto;overflow:visible}.sidebar.collapsed .sidebar-search,.sidebar.collapsed .sidebar-drill-back,.sidebar.collapsed .sidebar-drill-title,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .sidebar-item>span:not(.sidebar-item-icon),.sidebar.collapsed .sidebar-item-chevron{display:none}.sidebar.collapsed .sidebar-header{padding:var(--space-sm);border-bottom:none;justify-content:center}.sidebar.collapsed .sidebar-toggle{margin:0}.sidebar.collapsed .sidebar-item{border-radius:50%;justify-content:center;width:36px;height:36px;margin:3px auto;padding:0}.sidebar.collapsed .sidebar-item:hover{background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.sidebar.collapsed .sidebar-item.active{border-radius:50%}.sidebar.collapsed .sidebar-nav{padding:var(--space-xs);overflow:visible}.sidebar-tooltip{background:var(--color-text-heading);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;pointer-events:none;z-index:9999;box-shadow:var(--shadow-md);padding:4px 12px;display:none;position:fixed}.sidebar-nav{padding:var(--space-xs) var(--space-sm);flex:1;overflow:hidden auto}.sidebar-nav-slide-forward>*{animation:sidebarItemIn .2s var(--ease-enter) both}.sidebar-nav-slide-forward>:first-child{animation-delay:0s}.sidebar-nav-slide-forward>:nth-child(2){animation-delay:40ms}.sidebar-nav-slide-forward>:nth-child(3){animation-delay:80ms}.sidebar-nav-slide-forward>:nth-child(4){animation-delay:.12s}.sidebar-nav-slide-forward>:nth-child(5){animation-delay:.16s}.sidebar-nav-slide-forward>:nth-child(6){animation-delay:.2s}.sidebar-nav-slide-forward>:nth-child(7){animation-delay:.24s}.sidebar-nav-slide-forward>:nth-child(8){animation-delay:.28s}.sidebar-nav-slide-back>*{animation:sidebarItemOut .2s var(--ease-enter) both}.sidebar-nav-slide-back>:first-child{animation-delay:0s}.sidebar-nav-slide-back>:nth-child(2){animation-delay:40ms}.sidebar-nav-slide-back>:nth-child(3){animation-delay:80ms}.sidebar-nav-slide-back>:nth-child(4){animation-delay:.12s}.sidebar-nav-slide-back>:nth-child(5){animation-delay:.16s}.sidebar-nav-slide-back>:nth-child(6){animation-delay:.2s}.sidebar-nav-slide-back>:nth-child(7){animation-delay:.24s}.sidebar-nav-slide-back>:nth-child(8){animation-delay:.28s}@keyframes sidebarItemIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes sidebarItemOut{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sidebar-item{align-items:center;gap:var(--space-sm);padding:10px var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);cursor:pointer;border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-default);-webkit-user-select:none;user-select:none;text-decoration:none;display:flex}.sidebar-item:hover{background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.sidebar-item.active{background:var(--color-primary);color:var(--color-text-inverse)}.sidebar-item.active .sidebar-item-icon{color:var(--color-text-inverse)}button.sidebar-item{width:100%;font-family:var(--font-body);text-align:left;background:0 0;border:none}.sidebar-item-icon{color:var(--color-text-muted);flex-shrink:0;display:flex}.sidebar-item-icon svg{width:18px;height:18px}.sidebar-item-icon-folder{color:var(--color-secondary)}.sidebar-item-emoji{font-size:16px;line-height:1}.sidebar-item>span:not(.sidebar-item-icon):not(.sidebar-item-chevron):not(.sidebar-tree-chevron):not(.sidebar-tree-chevron-space){white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;overflow:hidden}.sidebar-item-chevron{color:var(--color-border-default);flex-shrink:0;margin-left:auto;display:flex}.sidebar-item-chevron svg{width:16px;height:16px}.sidebar-section-label{font-family:var(--font-heading);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-body);padding:var(--space-md) var(--space-md) var(--space-xs);margin-top:var(--space-xs);border-bottom:1px solid var(--color-border-subtle)}.content-area{min-width:0;padding:var(--space-lg);flex:1;overflow-y:auto}.content-center{width:100%;max-width:960px;margin:0 auto}.content-center:has(.toc){gap:var(--space-lg);max-width:1140px;display:flex}.content-main{flex:1;min-width:0;max-width:860px}.content-card{background:var(--color-surface-card);border:var(--border-thin) var(--border-style) var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.content-card-hero{position:relative}.content-card-gradient{background:linear-gradient(135deg,#e8836a,#c97bb2,#70b8d4);height:180px}.content-card-body{padding:var(--space-lg) var(--space-xl)}.toc{width:220px;min-width:220px;top:var(--space-lg);max-height:calc(100vh - var(--space-2xl));flex-shrink:0;align-self:flex-start;position:sticky;overflow-y:auto}.toc-label{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-sm)}.toc-list{border-left:2px solid var(--color-border-subtle);padding-left:var(--space-md);list-style:none}.toc-list li{margin-bottom:var(--space-xs)}.toc-list a{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-default);padding:2px 0;text-decoration:none;display:block}.toc-list a:hover{color:var(--color-text-heading)}.toc-list a.active{color:var(--color-primary);font-weight:var(--font-weight-semibold);position:relative}.toc-list a.active:before{content:"";left:calc(-1 * var(--space-md) - 2px);background:var(--color-primary);width:2px;position:absolute;top:0;bottom:0}.toc-highlight{animation:tocFlash 4s var(--ease-default);border-left:3px solid var(--color-primary);padding-left:var(--space-sm)}@keyframes tocFlash{0%,60%{color:var(--color-primary)}to{color:var(--color-text-heading)}}.hero{text-align:center;padding:var(--space-2xl) 0 var(--space-xl)}.hero h1{font-family:var(--font-heading);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-heading);margin-bottom:var(--space-sm);line-height:1.1}.hero p{font-size:var(--font-size-lg);color:var(--color-text-body);line-height:var(--leading-relaxed);max-width:560px;margin:0 auto var(--space-lg)}.hero-search{max-width:480px;margin:0 auto;position:relative}.hero-search .input-field{padding-left:var(--space-2xl);padding-top:var(--space-sm);padding-bottom:var(--space-sm);font-size:var(--font-size-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.hero-search-icon{left:var(--space-md);color:var(--color-text-muted);pointer-events:none;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-search-icon svg{width:20px;height:20px}.categories-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-md)}.categories-grid{gap:var(--space-md);margin-bottom:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.category-card{background:var(--color-surface-card);border:var(--border-thin) var(--border-style) var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);color:inherit;text-decoration:none;display:block}.category-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-card-icon{border-radius:var(--radius-md);width:40px;height:40px;margin-bottom:var(--space-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.category-card-icon svg{width:20px;height:20px}.category-card-icon.primary{background:color-mix(in srgb, var(--color-primary) 12%, transparent);color:var(--color-primary)}.category-card-icon.secondary{background:color-mix(in srgb, var(--color-secondary) 12%, transparent);color:var(--color-secondary)}.category-card-icon.tertiary{background:color-mix(in srgb, var(--color-tertiary) 12%, transparent);color:var(--color-tertiary)}.category-card-icon.success{background:color-mix(in srgb, var(--color-status-success) 12%, transparent);color:var(--color-status-success)}.category-card-icon.info{background:color-mix(in srgb, var(--color-status-info) 12%, transparent);color:var(--color-status-info)}.category-card-icon.warning{background:color-mix(in srgb, var(--color-status-warning) 12%, transparent);color:var(--color-status-warning)}.category-card-title{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-heading);margin-bottom:var(--space-xs)}.category-card-desc{font-size:var(--font-size-sm);color:var(--color-text-body);line-height:var(--leading-relaxed);margin-bottom:var(--space-sm)}.category-card-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.empty-state a{color:var(--color-primary)}.breadcrumb{align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.breadcrumb-item-wrap{align-items:center;gap:var(--space-xs);display:flex}.breadcrumb-sep{color:var(--color-text-muted)}.breadcrumb-current{color:var(--color-text-body)}.breadcrumb-link{color:inherit;transition:color var(--duration-fast) var(--ease-default);text-decoration:none}.breadcrumb-link:hover{color:var(--color-primary)}.article-view{font-family:var(--font-body);color:var(--color-text-body)}.article-header{margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border-subtle)}.article-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-heading);margin:0 0 var(--space-sm);line-height:1.2}.article-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);margin:0;line-height:1.5}.article-body{line-height:1.75}.article-body h1,.article-body h2,.article-body h3,.article-body h4{font-family:var(--font-heading);color:var(--color-text-heading);margin:var(--space-2xl) 0 var(--space-md);line-height:1.3}.article-body h1{font-size:var(--font-size-2xl)}.article-body h2{font-size:var(--font-size-xl)}.article-body h3{font-size:var(--font-size-lg)}.article-body h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.article-body p{margin:0 0 var(--space-md)}.article-body a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.article-body a:hover{color:var(--color-primary-hover)}.article-body strong{font-weight:var(--font-weight-semibold);color:var(--color-text-heading)}.article-body code{font-family:var(--font-mono);background:var(--color-surface-sunken);border-radius:var(--radius-sm);color:var(--color-primary);padding:2px 6px;font-size:.875em}.article-body pre{background:var(--color-surface-sunken);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-md);margin:0 0 var(--space-md);overflow-x:auto}.article-body pre code{font-size:var(--font-size-sm);color:var(--color-text-body);background:0 0;padding:0}.article-body blockquote{border-left:3px solid var(--color-primary);padding:var(--space-sm) var(--space-lg);margin:0 0 var(--space-md);color:var(--color-text-muted);font-style:italic}.article-body ul,.article-body ol{margin:0 0 var(--space-md);padding-left:var(--space-xl)}.article-body li{margin-bottom:var(--space-xs)}.article-body hr{border:none;border-top:1px solid var(--color-border-subtle);margin:var(--space-2xl) 0}.article-body figure{margin:var(--space-lg) 0}.article-body img{border-radius:var(--radius-md);max-width:100%}.article-body .table-wrapper{margin:0 0 var(--space-md);overflow-x:auto}.article-body table{border-collapse:collapse;width:100%}.article-body th,.article-body td{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-subtle);text-align:left;font-size:var(--font-size-sm)}.article-body th{background:var(--color-surface-sunken);font-weight:var(--font-weight-semibold);color:var(--color-text-heading)}.category-header{margin-bottom:var(--space-xl)}.category-header h1{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-heading);margin-bottom:var(--space-sm);line-height:1.2}.category-meta{align-items:center;gap:var(--space-md);display:flex}.category-meta-item{align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-body);display:flex}.category-meta-item svg{opacity:.6;width:14px;height:14px}.empty-state{color:var(--color-text-muted)}.subcategory-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding-bottom:var(--space-xs);border-bottom:var(--border-thin) var(--border-style) var(--color-border-subtle);margin-bottom:0;margin-top:var(--space-xl)}.subcategory-label:first-child{margin-top:0}.article-list-card{gap:var(--space-md);padding:var(--space-md) var(--space-sm);border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);margin:0 calc(-1 * var(--space-sm));padding-left:var(--space-sm);padding-right:var(--space-sm);border-radius:var(--radius-md);color:inherit;text-decoration:none;display:flex}.article-list-card:last-child{border-bottom:none}.article-list-card:hover{background:var(--color-surface-sunken)}.article-list-content{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.article-list-title{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-heading);align-items:center;gap:var(--space-sm);margin-bottom:2px;display:flex}.article-list-card-icon{color:var(--color-text-muted);flex-shrink:0;display:flex}.article-list-card-icon svg{width:16px;height:16px}.folder-icon-color{color:var(--color-secondary)}.article-list-desc{font-size:var(--font-size-sm);color:var(--color-text-body);line-height:var(--leading-relaxed);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:root{--color-ai:#84597e;--color-ai-hover:#6f4a6a}.ai-summary-btn{bottom:var(--space-md);right:var(--space-md);align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--color-ai);color:#fff;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;box-shadow:var(--shadow-md);transition:background var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-default);border:none;display:inline-flex;position:absolute}.ai-summary-btn:hover{background:var(--color-ai-hover);transform:translateY(-1px)}.ai-summary-btn svg{width:16px;height:16px;animation:4s linear infinite sparkle-spin}@keyframes sparkle-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.ai-modal-backdrop{z-index:9000;padding:var(--space-xl);background:#0006;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.ai-modal-backdrop.open{display:flex}.ai-modal{background:var(--color-surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:720px;animation:.2s ai-modal-in;overflow:hidden}@keyframes ai-modal-in{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.ai-modal-header{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-ai);display:flex}.ai-summary-icon{border-radius:var(--radius-sm);color:#fff;background:#fff3;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ai-summary-icon svg{width:16px;height:16px}.ai-summary-label{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:#fff;flex:1}.ai-summary-badge{font-size:10px;font-weight:var(--font-weight-semibold);color:#fff;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:#fff3;padding:2px 8px}.ai-modal-close{color:#ffffffb3;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default);background:0 0;border:none;display:flex}.ai-modal-close:hover{color:#fff;background:#ffffff26}.ai-modal-close svg{width:18px;height:18px}.ai-modal-body{padding:var(--space-lg)}.ai-modal-body p{font-size:var(--font-size-base);line-height:var(--leading-relaxed);color:var(--color-text-body);margin-bottom:var(--space-sm)}.ai-modal-body p:last-child{margin-bottom:0}.ai-modal-footer{padding:var(--space-sm) var(--space-lg) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-body);align-items:center;gap:var(--space-xs);opacity:.7;display:flex}.ai-modal-footer svg{width:14px;height:14px}.kb-chat-toggle{bottom:var(--space-lg);right:var(--space-lg);background:var(--color-primary);width:48px;height:48px;color:var(--color-text-inverse);cursor:pointer;box-shadow:var(--shadow-lg);z-index:200;transition:background var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-default);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed}.kb-chat-toggle:hover{background:var(--color-primary-hover);transform:scale(1.05)}.kb-chat-panel{top:var(--space-sm);right:var(--space-sm);bottom:var(--space-sm);width:380px;max-width:calc(100vw - var(--space-md));background:var(--color-surface-card);border:var(--border-thin) var(--border-style) var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:190;animation:chatSlideIn .2s var(--ease-enter);flex-direction:column;display:flex;position:fixed;overflow:hidden}@keyframes chatSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.kb-chat-panel.kb-chat-transitioning{animation:chatCollapseExpand .6s var(--ease-default)}@keyframes chatCollapseExpand{0%{opacity:1;transform:translate(0)scale(1)}40%{opacity:0;transform:translate(30px)scale(.95)}60%{opacity:0;transform:translate(30px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.kb-chat-header{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:var(--border-thin) var(--border-style) var(--color-border-subtle);flex-shrink:0;display:flex}.kb-chat-header-icon{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-primary) 12%, transparent);width:24px;height:24px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.kb-chat-title{font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-heading);flex:1}.kb-chat-clear,.kb-chat-close{cursor:pointer;color:var(--color-text-muted);padding:var(--space-xs);border-radius:var(--radius-sm);background:0 0;border:none;display:flex}.kb-chat-clear:hover,.kb-chat-close:hover{color:var(--color-text-heading);background:var(--color-surface-sunken)}.kb-chat-messages{padding:var(--space-md);gap:var(--space-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.kb-chat-empty{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--space-2xl) var(--space-md);line-height:var(--leading-relaxed)}.kb-chat-msg{font-size:var(--font-size-sm);line-height:var(--leading-relaxed);max-width:85%}.kb-chat-msg-content{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word}.kb-chat-msg-user{align-self:flex-end}.kb-chat-msg-user .kb-chat-msg-content{background:var(--color-primary);color:var(--color-text-inverse);border-bottom-right-radius:2px}.kb-chat-msg-assistant{align-self:flex-start}.kb-chat-msg-assistant .kb-chat-msg-content{background:var(--color-surface-sunken);color:var(--color-text-body);border-bottom-left-radius:2px}.kb-chat-input{padding:var(--space-sm) var(--space-md);border-top:var(--border-thin) var(--border-style) var(--color-border-subtle);flex-shrink:0}.kb-chat-input-inner{align-items:flex-end;gap:var(--space-xs);border:var(--border-default) var(--border-style) var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-sm);background:var(--color-surface-card);transition:border-color var(--duration-fast) var(--ease-default);display:flex}.kb-chat-input-inner:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #c4653a1a}.kb-chat-textarea{resize:none;font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-body);padding:var(--space-xs) 0;background:0 0;border:none;outline:none;flex:1;max-height:120px;line-height:1.5}.kb-chat-textarea::placeholder{color:var(--color-text-muted)}.kb-chat-send{border-radius:var(--radius-sm);background:var(--color-primary);width:28px;height:28px;color:var(--color-text-inverse);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kb-chat-send:hover:not(:disabled){background:var(--color-primary-hover)}.kb-chat-send:disabled{opacity:.4;cursor:not-allowed}.kb-chat-msg-assistant .kb-chat-msg-content{line-height:1.4}.kb-chat-msg-assistant .kb-chat-msg-content p{margin:0 0 4px}.kb-chat-msg-assistant .kb-chat-msg-content p:last-child{margin-bottom:0}.kb-chat-msg-assistant .kb-chat-msg-content strong{font-weight:var(--font-weight-semibold);color:var(--color-text-heading)}.kb-chat-msg-assistant .kb-chat-msg-content code{font-family:var(--font-mono);background:var(--color-surface-card);border-radius:3px;padding:1px 4px;font-size:.85em}.kb-chat-msg-assistant .kb-chat-msg-content ul,.kb-chat-msg-assistant .kb-chat-msg-content ol{padding-left:var(--space-md);margin:4px 0}.kb-chat-msg-assistant .kb-chat-msg-content li{margin-bottom:1px}.kb-chat-dots{align-items:center;gap:4px;padding:4px 0;display:inline-flex}.kb-chat-dots span{background:var(--color-text-muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite chatDotPulse}.kb-chat-dots span:nth-child(2){animation-delay:.2s}.kb-chat-dots span:nth-child(3){animation-delay:.4s}@keyframes chatDotPulse{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.kb-chat-articles{gap:var(--space-xs);padding:var(--space-xs) 0 0;flex-wrap:wrap;display:flex}.kb-chat-article-chip{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;text-decoration:none;display:inline-flex}.kb-chat-article-chip:hover{background:color-mix(in srgb, var(--color-primary) 15%, transparent);border-color:var(--color-primary)}.kb-chat-article-chip svg{flex-shrink:0}@media (max-width:768px){.kb-chat-panel{width:100vw}}.mobile-menu-btn{top:var(--space-sm);left:var(--space-sm);z-index:200;background:var(--color-surface-card);border:var(--border-thin) var(--border-style) var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-sm);cursor:pointer;color:var(--color-text-body);display:none;position:fixed}.mobile-menu-btn svg{width:20px;height:20px;display:block}.mobile-overlay{display:none}@media (max-width:768px){.mobile-menu-btn{display:flex}.app-layout>.sidebar{z-index:150;transition:transform var(--duration-normal) var(--ease-default);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);border-radius:0 var(--radius-lg) var(--radius-lg) 0!important;width:280px!important;min-width:280px!important}.app-layout.mobile-sidebar-open>.sidebar{transform:translate(0)}.app-layout{flex-direction:column;gap:0;height:auto;min-height:100vh;padding:0}.mobile-overlay.mobile-open{z-index:140;background:#0000004d;display:block;position:fixed;inset:0}.content-area{padding:var(--space-md);padding-top:calc(var(--space-md) + 48px)}.content-center{flex-direction:column;max-width:100%}.content-main{max-width:100%}.toc{display:none}.hero{padding:var(--space-lg) 0 var(--space-md)}.hero h1{font-size:var(--font-size-2xl)}.hero-search{max-width:100%}.categories-grid{grid-template-columns:1fr}.folder-landing-folders{flex-direction:column}.folder-card{min-width:0}}.admin-layout{flex-direction:column;min-height:100vh;display:flex}.admin-layout .articulate-editor:before,.admin-layout .articulate-editor:after{display:none}.admin-layout .articulate-editor .editor-title,.admin-layout .articulate-editor .editor-subtitle{overflow:hidden}.admin-content{flex:1;padding:0}.admin-top-bar{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-card);z-index:60;flex-shrink:0;display:flex;position:relative}.admin-top-bar h1{font-family:var(--font-heading);font-size:var(--font-size-sm);color:var(--color-text-heading);margin:0}.admin-top-bar .btn{font-size:var(--font-size-xs);padding:6px 14px}.admin-view-toggle{border:var(--border-thin) var(--border-style) var(--color-border-default);border-radius:var(--radius-md);display:flex;overflow:hidden}.admin-toggle-btn{width:30px;height:26px;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.admin-toggle-btn:hover{background:var(--color-surface-sunken)}.admin-toggle-btn.active{background:var(--color-primary);color:var(--color-text-inverse)}.admin-toggle-btn+.admin-toggle-btn{border-left:var(--border-thin) var(--border-style) var(--color-border-default)}.tree-view{padding:var(--space-sm) var(--space-md)}.tree-item{align-items:center;gap:var(--space-xs);padding:5px var(--space-sm);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-default);cursor:default;display:flex}.tree-item:hover{background:var(--color-surface-sunken)}.tree-expand{cursor:pointer;width:18px;height:18px;color:var(--color-text-muted);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tree-expand:hover{color:var(--color-text-heading)}.tree-icon{color:var(--color-text-muted);flex-shrink:0;display:flex}.tree-icon-folder{color:var(--color-secondary)}.tree-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-heading);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tree-actions{flex-shrink:0;gap:1px;margin-left:auto;display:none}.tree-item:hover .tree-actions,.tree-header:hover .tree-actions{display:flex}.tree-actions button{cursor:pointer;width:22px;height:22px;color:var(--color-text-muted);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.tree-actions button:hover{color:var(--color-text-heading);background:var(--color-surface-sunken)}.tree-header{align-items:center;gap:var(--space-xs);padding:5px var(--space-sm);border-bottom:1px solid var(--color-border-subtle);margin-top:var(--space-md);display:flex}.tree-header-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-family:var(--font-heading);flex:1}.tree-add-root{padding:var(--space-sm) var(--space-md)}.save-status{font-size:var(--font-size-sm);color:var(--color-text-muted);align-items:center;gap:var(--space-xs);display:flex}.save-status[data-status=saving]{color:var(--color-status-warning)}.save-status[data-status=saved]{color:var(--color-status-success)}.save-status[data-status=error]{color:var(--color-status-error)}.dialog-backdrop.open{animation:.36s cubic-bezier(0,0,.2,1) backdropIn;display:flex}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes dialogIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:none}}.dialog-backdrop.open .dialog-content{animation:.36s cubic-bezier(0,0,.2,1) dialogIn}