.header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--spacing-md);background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);gap:var(--spacing-md)}.header-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.header-title{display:flex;flex-direction:column;min-width:0}.book-title{font-size:1rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-indicator{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-center{display:flex;align-items:center;justify-content:center}.zoom-controls{display:flex;align-items:center;gap:var(--spacing-xs);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-xs)}.zoom-label{min-width:50px;font-size:.875rem;font-weight:500}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.page-indicator{font-size:.875rem;color:var(--color-text-secondary);white-space:nowrap}.icon-btn{width:36px;height:36px;min-width:36px;padding:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.icon-btn:hover{background-color:var(--color-accent);color:#fff}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn:disabled:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}@media (max-width: 768px){.header{padding:0 var(--spacing-sm)}.book-title{font-size:.875rem}.chapter-indicator,.page-indicator{display:none}}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;display:flex;flex-direction:column;background-color:var(--color-bg-primary);border-right:1px solid var(--color-border);overflow:hidden}.sidebar-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.sidebar-header h2{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--spacing-sm) 0}.toc-list{list-style:none;padding:0;margin:0}.toc-chapter{margin-bottom:var(--spacing-xs)}.toc-chapter-btn,.toc-section-btn{display:flex;align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;border:none;background:none;cursor:pointer;font-size:.875rem;color:var(--color-text-primary);transition:background-color var(--transition-fast);gap:var(--spacing-sm)}.toc-chapter-btn:hover,.toc-section-btn:hover{background-color:var(--color-bg-secondary)}.toc-chapter-btn.active,.toc-section-btn.active{background-color:var(--color-accent);color:#fff}.toc-chapter-btn.active .toc-page,.toc-section-btn.active .toc-page{color:#fffc}.toc-expand-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:var(--radius-sm);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);transition:all var(--transition-fast)}.toc-expand-icon svg{transition:transform var(--transition-fast)}.toc-expand-icon.expanded svg{transform:rotate(90deg)}.toc-chapter-btn:hover .toc-expand-icon,.toc-expand-icon:hover{background-color:var(--color-accent);color:#fff}.toc-chapter-btn.active .toc-expand-icon{background-color:#fff3;color:#fff}.toc-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc-page{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.toc-sections{list-style:none;padding:0;margin:0}.toc-section-btn{padding-left:calc(var(--spacing-md) + 20px);font-size:.8125rem}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border)}.sidebar-info{text-align:center}@media (max-width: 768px){.sidebar{position:fixed;top:var(--header-height);left:0;width:100%;height:calc(100vh - var(--header-height));z-index:100}}.page-navigation{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-bg-primary);border-top:1px solid var(--color-border)}.nav-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.nav-btn:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-accent)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.page-input-form{display:flex;align-items:center;gap:var(--spacing-sm)}.page-label{font-size:.875rem;color:var(--color-text-secondary)}.page-display{min-width:48px;padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;font-weight:600;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast)}.page-display:hover{border-color:var(--color-accent)}.page-input{width:60px;padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;font-weight:600;text-align:center;border:1px solid var(--color-accent);border-radius:var(--radius-sm)}.page-input::-webkit-inner-spin-button,.page-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-total{font-size:.875rem;color:var(--color-text-secondary)}@media (max-width: 480px){.nav-btn span{display:none}.page-navigation{gap:var(--spacing-md)}}.page-viewer{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.page-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--color-bg-tertiary);position:relative}.page-container.zoomable{cursor:grab}.page-container.dragging{cursor:grabbing}.page-image{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;transition:opacity var(--transition-normal);box-shadow:0 4px 20px var(--color-shadow)}.page-loading,.page-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--color-text-muted)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-error svg{color:var(--color-error)}.page-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.05) 100%);pointer-events:none}.tab-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.tab-intro{padding:var(--spacing-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-secondary)}.tab-intro p{margin:0}.example-title{font-size:1rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary)}.example-description{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.example-details{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.detail-item{font-size:.8125rem;line-height:1.5}.example-code{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.code-header{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-tertiary);font-size:.75rem;font-weight:500;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.example-code pre{margin:0;padding:var(--spacing-md);font-size:.75rem;line-height:1.5;overflow-x:auto}.example-code code{background:none;padding:0}.application-card{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-border)}.application-header{margin-bottom:var(--spacing-sm)}.field-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);background-color:#4263eb1a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.application-title{font-size:1rem;font-weight:600;margin:var(--spacing-xs) 0 0 0}.application-description{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.application-examples{margin-bottom:var(--spacing-md)}.application-examples h4{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.application-examples ul{list-style:none;padding:0;margin:0}.application-examples li{font-size:.8125rem;padding:var(--spacing-xs) 0;padding-left:var(--spacing-md);position:relative}.application-examples li:before{content:"→";position:absolute;left:0;color:var(--color-accent)}.application-relevance{font-size:.8125rem;padding:var(--spacing-sm);background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);border-left:3px solid var(--color-accent)}.current-concept,.prerequisites,.next-concepts,.exercises{margin-bottom:var(--spacing-md)}.current-concept h3,.prerequisites h3,.next-concepts h3,.exercises h3{font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm)}.concept-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.concept-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left}.concept-card.current{border-color:var(--color-accent);background-color:#4263eb0d}.concept-card.clickable{cursor:pointer;transition:all var(--transition-fast)}.concept-card.clickable:hover{border-color:var(--color-accent);transform:translate(4px)}.concept-name{font-weight:500;font-size:.875rem}.concept-description{font-size:.8125rem;color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0 0}.concept-section{font-size:.75rem;color:var(--color-text-muted)}.exercise-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm)}.exercise-number{font-size:.6875rem;font-weight:600;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--spacing-xs)}.exercise-question{font-size:.875rem;margin-bottom:var(--spacing-sm)}.exercise-hint{font-size:.8125rem;color:var(--color-text-secondary)}.exercise-hint summary{cursor:pointer;color:var(--color-accent);font-weight:500}.exercise-hint p{margin-top:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.no-concept{text-align:center;padding:var(--spacing-xl)}.no-concept p{color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.simulator-container{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.simulator-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.simulator-header h3{font-size:.875rem;font-weight:600;margin:0}.simulator-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;color:var(--color-success);background-color:#40c0571a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.simulator-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.placeholder-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.simulator-placeholder h3{margin-bottom:var(--spacing-sm)}.simulator-placeholder p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.simulator-description{padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.simulator-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm)}.simulator-note{padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem;background-color:#4263eb0d;border-left:3px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text-secondary)}.simulator-switcher{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);margin-top:var(--spacing-sm)}.switcher-label{font-size:.75rem;color:var(--color-text-muted)}.switcher-buttons{display:flex;gap:var(--spacing-xs)}.switcher-btn{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.tab-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.section-context{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:#4263eb0d;border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}.context-label{font-size:.75rem;font-weight:600;color:var(--color-accent)}.context-title{font-size:.875rem;color:var(--color-text-primary)}.examples-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.example-card{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;transition:border-color var(--transition-fast)}.example-card:hover,.example-card.expanded{border-color:var(--color-accent)}.example-header{display:flex;align-items:flex-start;justify-content:space-between;width:100%;padding:var(--spacing-md);background:none;border:none;cursor:pointer;text-align:left;gap:var(--spacing-md)}.example-header:hover{background-color:var(--color-bg-tertiary)}.example-header-content{flex:1;min-width:0}.example-header .example-title{margin:0 0 var(--spacing-xs) 0}.example-header .example-description{margin:0;font-size:.8125rem}.expand-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:var(--radius-sm);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);transition:all var(--transition-fast)}.expand-icon svg{transition:transform var(--transition-fast)}.expand-icon.expanded svg{transform:rotate(180deg)}.example-header:hover .expand-icon{background-color:var(--color-accent);color:#fff}.example-body{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.example-body.show{max-height:2000px;transition:max-height .5s ease-in}.example-body .example-details,.example-body .example-code{margin:0 var(--spacing-md) var(--spacing-md)}.code-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-tertiary);font-size:.75rem;font-weight:500;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.code-content{margin:0;padding:var(--spacing-md);font-size:.75rem;line-height:1.6;overflow-x:auto;background-color:var(--color-bg-primary)}.example-math{margin:0 var(--spacing-md) var(--spacing-md);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.math-header{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-tertiary);font-size:.75rem;font-weight:500;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.math-content{margin:0;padding:var(--spacing-md);font-size:.875rem;line-height:1.8;overflow-x:auto;background-color:var(--color-bg-primary);font-family:Times New Roman,serif}.examples-footer{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);text-align:center}.examples-count{font-size:.75rem;color:var(--color-text-muted);margin:0}.btn-xs{padding:var(--spacing-xs);font-size:.6875rem}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.simulator-hint{background:linear-gradient(135deg,#4263eb0d,#4263eb1a);border:1px solid rgba(66,99,235,.2);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.hint-header{margin-bottom:var(--spacing-md)}.hint-title-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.hint-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:var(--color-accent);color:#fff;flex-shrink:0}.hint-icon svg{width:16px;height:16px}.hint-title{font-size:.9375rem;font-weight:600;margin:0;color:var(--color-text-primary);flex:1}.hint-close-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.hint-close-btn:hover{background-color:#0000001a;color:var(--color-text-primary)}.hint-description{font-size:.8125rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.hint-steps{background-color:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.step-indicator{display:flex;justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.step-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--color-border);background:none;cursor:pointer;transition:all var(--transition-fast);padding:0}.step-dot:hover{border-color:var(--color-accent)}.step-dot.active{border-color:var(--color-accent);background-color:var(--color-accent);transform:scale(1.2)}.step-dot.completed{border-color:var(--color-success);background-color:var(--color-success)}.step-content{text-align:center;margin-bottom:var(--spacing-md)}.step-number{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:var(--spacing-xs)}.step-title{font-size:.9375rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary)}.step-description{font-size:.8125rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.step-action{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:#4263eb1a;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;color:var(--color-accent)}.action-icon{display:flex;animation:pulse 1.5s infinite}.step-navigation{display:flex;justify-content:center;gap:var(--spacing-sm)}.hint-tips{border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.tips-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 var(--spacing-sm) 0}.tips-list{margin:0;padding-left:var(--spacing-lg);font-size:.8125rem;color:var(--color-text-secondary)}.tips-list li{margin-bottom:var(--spacing-xs);line-height:1.4}.tips-list li:last-child{margin-bottom:0}.hint-toggle-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.hint-toggle-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.hint-minimize-btn{display:block;width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-xs);border:none;background:none;color:var(--color-text-muted);font-size:.75rem;cursor:pointer;transition:color var(--transition-fast)}.hint-minimize-btn:hover{color:var(--color-text-primary)}.quick-hint-container{position:relative;display:inline-block}.quick-hint-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap;z-index:100;box-shadow:0 2px 8px #0000001a;animation:fadeIn .2s ease-out;margin-bottom:var(--spacing-xs)}.quick-hint-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-border)}.callout{position:absolute;z-index:100;animation:calloutPop .3s ease-out}@keyframes calloutPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.callout-content{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #4263eb4d}.callout-arrow{position:absolute;width:0;height:0}.callout-top .callout-arrow{top:100%;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--color-accent)}.callout-bottom .callout-arrow{bottom:100%;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--color-accent)}.callout-left .callout-arrow{left:100%;top:50%;transform:translateY(-50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid var(--color-accent)}.callout-right .callout-arrow{right:100%;top:50%;transform:translateY(-50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid var(--color-accent)}.category-builder{display:flex;flex-direction:column;gap:var(--spacing-sm)}.builder-toolbar{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);flex-wrap:wrap}.builder-toolbar .btn{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.toolbar-spacer{flex:1}.btn-warning:hover{background-color:#e08e00}.text-danger{color:var(--color-error)!important}.builder-canvas{position:relative;background-color:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;min-height:220px}.builder-canvas svg{display:block}.canvas-empty-state{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.canvas-empty-state p{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.875rem}.builder-info{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.info-section h4{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.6875rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--spacing-xs) 0}.info-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);font-size:.75rem}.object-tag{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--color-bg-tertiary);border:2px solid var(--color-accent);font-family:var(--font-mono);font-weight:600;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.object-tag:hover{transform:scale(1.1)}.object-tag.selected{background-color:var(--color-accent);color:#fff}.morphism-tag{display:inline-block;padding:2px 6px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text-secondary)}.morphism-list{max-height:60px;overflow-y:auto}.builder-verification{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.8125rem;transition:all var(--transition-fast)}.builder-verification.valid{background-color:#40c0571a;color:var(--color-success);border:1px solid rgba(64,192,87,.2)}.builder-verification.warning{background-color:#fab0051a;color:#f59f00;border:1px solid rgba(250,176,5,.2)}.verification-icon{display:flex;align-items:center}.verification-message{flex:1}.category-builder .node{transition:transform .15s ease}.category-builder .node:hover{transform:scale(1.05)}.category-builder .node:hover circle{filter:brightness(1.1)}.category-builder .node.selected circle{filter:drop-shadow(0 0 6px var(--color-accent))}.category-builder .node.source circle{filter:drop-shadow(0 0 6px #f59f00)}.category-builder .link line,.category-builder .link path{transition:stroke-width .15s ease,opacity .15s ease}.category-builder .link:hover line,.category-builder .link:hover path{stroke-width:3}.category-builder .new-morphism line,.category-builder .new-morphism path{animation:morphismAppear .4s ease-out}@keyframes morphismAppear{0%{stroke-dasharray:1000;stroke-dashoffset:1000}to{stroke-dasharray:1000;stroke-dashoffset:0}}.pulse-ring{animation:pulse-ring 1.5s ease-out infinite}@keyframes pulse-ring{0%{opacity:.6;r:24}50%{opacity:.3;r:30}to{opacity:.6;r:24}}@keyframes nodeAppear{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.category-builder .node-new{animation:nodeAppear .3s ease-out}.nt-visualizer{display:flex;flex-direction:column;gap:var(--spacing-sm)}.nt-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);align-items:center}.preset-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.preset-selector svg{color:var(--color-accent)}.preset-selector label{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.preset-selector select{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-primary);cursor:pointer;transition:border-color var(--transition-fast)}.preset-selector select:hover{border-color:var(--color-accent)}.path-buttons{display:flex;gap:var(--spacing-xs)}.path-buttons .btn{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn-warning{background-color:#f59f00;color:#fff}.btn-warning:hover{background-color:#e67700}.nt-description{padding:var(--spacing-sm);font-size:.8125rem;background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);border-left:3px solid var(--color-accent);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.nt-canvas{background-color:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;min-height:280px;transition:border-color var(--transition-fast)}.nt-canvas.animating{border-color:var(--color-accent)}.nt-canvas svg{display:block}.nt-visualizer .nt-node{transition:transform .15s ease}.nt-visualizer .nt-node:hover{transform:scale(1.05)}.nt-visualizer .nt-arrow{transition:opacity .15s ease}.nt-visualizer .nt-arrow.highlighted line{stroke-width:3}.nt-visualizer .nt-arrow:hover line{stroke-width:4}.nt-visualizer .commutes-indicator{animation:commutePulse 2s ease-in-out infinite}@keyframes commutePulse{0%,to{opacity:.7}50%{opacity:1}}.nt-equation{padding:var(--spacing-md);background:linear-gradient(135deg,#4263eb0d,#40c0570d);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-fast);border:2px solid transparent}.nt-equation.highlight{border-color:var(--color-accent);background:linear-gradient(135deg,#4263eb1a,#40c0571a)}.equation-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.equation-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);font-size:1.125rem;font-weight:600;font-family:var(--font-mono)}.path-top{color:var(--color-text-muted);transition:all var(--transition-fast)}.path-top.active{color:var(--color-success);text-shadow:0 0 8px rgba(64,192,87,.3)}.path-bottom{color:var(--color-text-muted);transition:all var(--transition-fast)}.path-bottom.active{color:#f59f00;text-shadow:0 0 8px rgba(245,159,0,.3)}.equals{font-size:1.5rem;color:var(--color-text-muted)}.equation-description{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.nt-actions{display:flex;justify-content:center}.nt-actions .btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-fast)}.nt-actions .btn.animating{background-color:var(--color-text-muted);cursor:not-allowed}.nt-actions .btn .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nt-explanation{padding:var(--spacing-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:.8125rem}.nt-explanation h4{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;margin:0 0 var(--spacing-sm) 0}.nt-explanation h4 svg{color:var(--color-accent)}.nt-explanation p{margin:0 0 var(--spacing-sm) 0;line-height:1.5}.nt-explanation ul{margin:0;padding-left:var(--spacing-lg)}.nt-explanation li{margin-bottom:var(--spacing-xs);line-height:1.5}.path-label{display:inline-block;padding:0 var(--spacing-xs);border-radius:2px;font-weight:500}.path-label.top{background-color:#40c05733;color:var(--color-success)}.path-label.bottom{background-color:#f59f0033;color:#f59f00}.morphism-composer{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mc-canvas{background-color:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;min-height:200px}.mc-canvas svg{display:block}.mc-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-sm);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md)}.mc-morphisms{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center;flex:1}.mc-label{font-size:.75rem;font-weight:500;color:var(--color-text-muted)}.mc-morphism-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-family:var(--font-mono);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.mc-morphism-btn:hover{border-color:var(--color-accent);transform:translateY(-1px)}.mc-morphism-btn.selected{background-color:var(--color-success);border-color:var(--color-success);color:#fff;transform:scale(1.05)}.mc-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);font-size:.8125rem;background-color:#fa52521a;color:var(--color-error);border-radius:var(--radius-sm);border-left:3px solid var(--color-error);animation:shake .5s ease-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.mc-result{padding:var(--spacing-md);background:linear-gradient(135deg,#f59f001a,#f59f000d);border-radius:var(--radius-md);border-left:3px solid #f59f00}.mc-result.animate-in{animation:resultSlideIn .4s ease-out}@keyframes resultSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.result-header svg{color:#f59f00}.result-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.result-value{font-size:1rem;margin-bottom:var(--spacing-xs)}.composition-name{font-weight:700;font-family:var(--font-mono);color:#f59f00}.composition-type{font-family:var(--font-mono);color:var(--color-text-secondary)}.result-explanation{font-size:.75rem;color:var(--color-text-muted);font-style:italic}.mc-selection-hint{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:#4263eb0d;border-radius:var(--radius-md);border-left:3px solid var(--color-accent);font-size:.8125rem;color:var(--color-text-secondary);animation:fadeIn .3s ease-out}.mc-selection-hint svg{color:var(--color-accent);animation:pulse 1.5s infinite}.mc-selection-hint strong{color:var(--color-success);font-family:var(--font-mono)}.mc-info{padding:var(--spacing-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:.8125rem}.mc-info h4{font-size:.875rem;margin:0 0 var(--spacing-sm) 0}.mc-info p{margin:0 0 var(--spacing-xs) 0;line-height:1.5}.morphism-composer .morphism{transition:opacity .15s ease}.morphism-composer .morphism:hover line,.morphism-composer .morphism:hover path{stroke-width:3;filter:brightness(1.2)}.morphism-composer .morphism.selected line,.morphism-composer .morphism.selected path{filter:drop-shadow(0 0 4px var(--color-success))}.morphism-composer .mc-object{transition:transform .15s ease}.morphism-composer .mc-object:hover{transform:scale(1.05)}.composition-pulse{animation:compositionPulse 1.5s ease-out infinite}@keyframes compositionPulse{0%{r:8;opacity:.6}50%{r:15;opacity:.2}to{r:8;opacity:.6}}.new-composition path{filter:drop-shadow(0 0 6px rgba(245,159,0,.5))}.mc-controls .btn{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.product-builder{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pb-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center;padding:var(--spacing-sm);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md)}.pb-type-toggle{display:flex;background-color:var(--color-bg-secondary);border-radius:var(--radius-md);padding:2px}.toggle-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);font-size:.8125rem;font-weight:500;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary)}.toggle-btn:hover{color:var(--color-text-primary)}.toggle-btn.active{background-color:var(--color-accent);color:#fff;transform:scale(1.02)}.pb-checkbox{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.pb-checkbox:hover{background-color:var(--color-bg-secondary)}.pb-checkbox input{width:16px;height:16px;cursor:pointer;accent-color:var(--color-accent)}.pb-canvas{background-color:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;min-height:260px;transition:border-color var(--transition-fast)}.pb-canvas.animating{border-color:var(--color-accent)}.pb-canvas svg{display:block}.product-builder .pb-node{transition:transform .15s ease}.product-builder .pb-node:hover{transform:scale(1.08)}.product-builder .main-node .pulse-ring{animation:pbPulse 2s ease-out infinite}@keyframes pbPulse{0%{r:22;opacity:.4}50%{r:30;opacity:.1}to{r:22;opacity:.4}}.product-builder .arrow-group{transition:opacity .15s ease}.product-builder .arrow-group:hover line{stroke-width:3}.pb-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:.75rem}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs)}.legend-item.animate-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.legend-color{width:20px;height:3px;border-radius:2px}.legend-color.blue{background-color:var(--color-accent)}.legend-color.green{background-color:var(--color-success)}.legend-color.orange{background-color:#f59f00}.legend-color.dashed{background:repeating-linear-gradient(90deg,#f59f00,#f59f00 4px,transparent 4px,transparent 8px)}.pb-info{padding:var(--spacing-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:.8125rem;transition:all var(--transition-fast)}.pb-info.product-info{border-left:3px solid var(--color-accent)}.pb-info.coproduct-info{border-left:3px solid var(--color-success)}.pb-info h4{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;margin:0 0 var(--spacing-sm) 0}.pb-info h4 svg{color:var(--color-accent)}.pb-info p{margin:0 0 var(--spacing-sm) 0;line-height:1.5}.pb-info p:last-child{margin-bottom:0}.pb-info em{color:#f59f00;font-style:normal;font-weight:600}.pb-examples{padding:var(--spacing-md);background:linear-gradient(135deg,#4263eb0d,#40c0570d);border-radius:var(--radius-md);font-size:.8125rem}.pb-examples h4{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 var(--spacing-sm) 0}.pb-examples h4 svg{color:var(--color-accent)}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.example-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--color-bg-primary);border-radius:var(--radius-sm);border:2px solid transparent;transition:all var(--transition-fast)}.example-item.highlight{border-color:var(--color-accent);background-color:#4263eb0d}.example-item strong{font-size:.75rem;color:var(--color-text-secondary)}.example-item code{font-family:var(--font-mono);font-size:.8125rem;background-color:var(--color-bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.example-item .example-note{font-size:.6875rem;color:var(--color-text-muted);font-style:italic}.functor-mapper{display:flex;flex-direction:column;gap:var(--spacing-sm)}.fm-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center;padding:var(--spacing-sm);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md)}.fm-functor-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.fm-functor-selector svg{color:#f59f00}.fm-functor-selector label{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.fm-functor-selector select{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-primary);cursor:pointer;transition:border-color var(--transition-fast)}.fm-functor-selector select:hover{border-color:#f59f00}.fm-checkbox{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.fm-checkbox:hover{background-color:var(--color-bg-secondary)}.fm-checkbox input{width:16px;height:16px;cursor:pointer;accent-color:var(--color-success)}.fm-description{padding:var(--spacing-sm);font-size:.8125rem;background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);border-left:3px solid #f59f00}.fm-canvas-container{display:flex;gap:var(--spacing-xs);background-color:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--spacing-sm);overflow:hidden}.fm-category{flex:1;display:flex;flex-direction:column;align-items:center}.category-label{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:var(--spacing-xs)}.category-label .label-text{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.fm-category.source .label-text{color:var(--color-accent)}.fm-category.target .label-text{color:var(--color-success)}.category-label .label-hint{font-size:.6875rem;color:var(--color-text-muted)}.fm-category svg{display:block}.fm-mapping{display:flex;align-items:center;justify-content:center}.fm-mapping svg{display:block}.functor-mapper .fm-object{transition:transform .15s ease}.functor-mapper .fm-object:hover{transform:scale(1.1)}.functor-mapper .highlight-ring{animation:highlightPulse 1.5s ease-in-out infinite}@keyframes highlightPulse{0%,to{opacity:.3;r:20}50%{opacity:.7;r:24}}.fm-morphism{transition:opacity .15s ease}.fm-morphism:hover line{stroke-width:3}.fm-mapping-table{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.mapping-section{padding:var(--spacing-sm);background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.mapping-section h4{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 var(--spacing-xs) 0}.mapping-items{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.mapping-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-primary);border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--font-mono);border:1px solid transparent;transition:all var(--transition-fast);cursor:default}.mapping-item:hover,.mapping-item.highlighted{border-color:#f59f00;background-color:#f59f000d}.mapping-item .src{color:var(--color-accent)}.mapping-item .arrow{color:var(--color-text-muted)}.mapping-item .tgt{color:var(--color-success)}.fm-laws{padding:var(--spacing-md);background:linear-gradient(135deg,#40c0570d,#4263eb0d);border-radius:var(--radius-md);border-left:3px solid var(--color-success);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fm-laws h4{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;margin:0 0 var(--spacing-md) 0}.fm-laws h4 svg{color:var(--color-success)}.law-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--color-bg-primary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.law-name{font-size:.8125rem;font-weight:500;min-width:160px}.law-formula{flex:1;font-size:.8125rem;font-family:var(--font-mono);color:var(--color-text-secondary)}.law-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.law-status.valid{background-color:#40c0571a;color:var(--color-success)}.law-status.invalid{background-color:#fa52521a;color:var(--color-error)}.laws-note{font-size:.75rem;color:var(--color-text-muted);margin:0;font-style:italic}.enhancement-panel{width:var(--panel-width);min-width:var(--panel-width);height:100%;display:flex;flex-direction:column;background-color:var(--color-bg-primary);border-left:1px solid var(--color-border);overflow:hidden;position:relative}.panel-resizer{position:absolute;top:0;left:-3px;width:6px;height:100%;cursor:col-resize;z-index:10;background-color:transparent;transition:background-color var(--transition-fast)}.panel-resizer:hover,.panel-resizer:active{background-color:var(--color-accent);opacity:.5}.panel-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm)}.panel-header-content{flex:1;min-width:0}.panel-header h2{font-size:.875rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary)}.fullscreen-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border:none;border-radius:var(--radius-sm);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.fullscreen-toggle:hover{background-color:var(--color-accent);color:#fff}.fullscreen-toggle svg{width:18px;height:18px}.section-badge{font-size:.75rem;color:var(--color-accent);background-color:#4263eb1a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);display:inline-block}.panel-tabs{display:flex;border-bottom:1px solid var(--color-border);padding:0 var(--spacing-sm);gap:var(--spacing-xs);overflow-x:auto}.panel-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.panel-tab:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.panel-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-icon{font-size:1rem}.panel-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}@media (max-width: 1200px){.enhancement-panel{width:100%!important;min-width:auto!important;max-height:50vh;border-left:none;border-top:1px solid var(--color-border)}.panel-resizer{display:none}}@media (max-width: 768px){.enhancement-panel{position:fixed;bottom:0;left:0;right:0;height:60vh;z-index:100}.tab-label{display:none}.panel-tab{padding:var(--spacing-sm)}.tab-icon{font-size:1.25rem}}.enhancement-panel.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;width:100%!important;min-width:100%!important;height:100vh;max-height:100vh;z-index:1000;border:none;border-radius:0}.enhancement-panel.fullscreen .panel-resizer{display:none}.enhancement-panel.fullscreen .panel-header{padding:var(--spacing-lg)}.enhancement-panel.fullscreen .panel-header h2{font-size:1.125rem}.enhancement-panel.fullscreen .panel-content{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.enhancement-panel.fullscreen .panel-tabs{padding:0 var(--spacing-lg);justify-content:center}.enhancement-panel.fullscreen .panel-tab{padding:var(--spacing-md) var(--spacing-lg);font-size:.9375rem}.enhancement-panel.fullscreen .tab-label{display:inline}.enhancement-panel.fullscreen .fullscreen-toggle{width:40px;height:40px;min-width:40px}.enhancement-panel.fullscreen .fullscreen-toggle svg{width:22px;height:22px}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-content{display:flex;flex:1;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-bg-secondary);position:relative}@media (max-width: 1200px){.app-content{flex-direction:column}}@media (max-width: 768px){.app-shell{--sidebar-width: 100%;--panel-width: 100%}}:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #e9ecef;--color-text-primary: #212529;--color-text-secondary: #495057;--color-text-muted: #6c757d;--color-accent: #4263eb;--color-accent-hover: #364fc7;--color-success: #40c057;--color-warning: #fab005;--color-error: #fa5252;--color-border: #dee2e6;--color-shadow: rgba(0, 0, 0, .1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .25s ease;--sidebar-width: 280px;--header-height: 60px;--panel-width: 420px}@media (prefers-color-scheme: dark){:root{--color-bg-primary: #1a1b1e;--color-bg-secondary: #25262b;--color-bg-tertiary: #2c2e33;--color-text-primary: #c1c2c5;--color-text-secondary: #909296;--color-text-muted: #5c5f66;--color-border: #373a40;--color-shadow: rgba(0, 0, 0, .3)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:var(--spacing-sm)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin-bottom:var(--spacing-md)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}code{font-family:var(--font-mono);font-size:.875em;background-color:var(--color-bg-tertiary);padding:.125em .375em;border-radius:var(--radius-sm)}pre{font-family:var(--font-mono);font-size:.875rem;background-color:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-secondary:hover{background-color:var(--color-border)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}input,textarea,select{font-family:inherit;font-size:inherit;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.katex{font-size:1.1em}.katex-display{margin:var(--spacing-md) 0;overflow-x:auto;overflow-y:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn var(--transition-normal)}.animate-slideIn{animation:slideInRight var(--transition-normal)}