.training-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.training-panel h2{font-size:1.2rem;margin-bottom:1rem;color:var(--accent-primary)}.training-panel h3{font-size:.95rem;margin-bottom:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.config-grid label{display:flex;flex-direction:column;gap:.3rem}.config-grid label span{font-size:.8rem;color:var(--text-muted)}.config-grid input{padding:.4rem .6rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:.85rem;font-family:JetBrains Mono,monospace}.config-grid input:focus{outline:none;border-color:var(--accent-primary)}.config-grid input:disabled{opacity:.5}.training-panel__actions{display:flex;gap:.75rem;margin-bottom:1rem}.training-panel__actions .btn{flex:1}.training-panel__info{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.info-item{text-align:center}.info-label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.info-value{display:block;font-size:1.1rem;font-weight:700;color:var(--accent-primary);font-family:JetBrains Mono,monospace}.training-panel__status{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.status-item{display:flex;justify-content:space-between;align-items:center;padding:.3rem .5rem;background:var(--bg-primary);border-radius:var(--radius-sm)}.status-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.status-value{font-size:.85rem;font-family:JetBrains Mono,monospace;color:var(--text-primary)}.status-value--doc{font-weight:700;color:var(--accent-warning)}.progress-bar{position:relative;height:24px;background:var(--bg-primary);border-radius:12px;overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:12px;transition:width .3s ease}.progress-bar__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.5)}.inference-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.inference-panel h2{font-size:1.2rem;margin-bottom:.25rem;color:var(--accent-pink)}.inference-panel h3{font-size:.95rem;margin-bottom:.75rem;color:var(--text-secondary)}.inference-panel__subtitle{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.inference-panel__controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.inference-panel__controls label{display:flex;flex-direction:column;gap:.3rem}.inference-panel__controls label>span:first-child{font-size:.8rem;color:var(--text-muted)}.slider-row{display:flex;align-items:center;gap:.75rem}.slider-row input[type=range]{flex:1;accent-color:var(--accent-pink);height:4px}.slider-value{font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;color:var(--accent-pink);min-width:2rem}.slider-hint{font-size:.75rem;color:var(--text-muted);font-style:italic}.inference-panel__controls input[type=number]{padding:.4rem .6rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:.85rem;font-family:JetBrains Mono,monospace}.inference-panel__samples{padding-top:1rem;border-top:1px solid var(--border-color)}.samples-grid{display:flex;flex-direction:column;gap:.4rem}.sample-card{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem;background:var(--bg-primary);border-radius:var(--radius-sm);border-left:3px solid var(--accent-pink)}.sample-index{font-size:.75rem;color:var(--text-muted);font-family:JetBrains Mono,monospace;min-width:1.5rem}.sample-text{font-size:1rem;font-weight:600;color:var(--text-primary);font-family:JetBrains Mono,monospace;letter-spacing:.02em}.code-comparison{max-width:1400px;margin:0 auto}.code-comparison__header{margin-bottom:1.5rem}.code-comparison__header h2{font-size:1.5rem;margin-bottom:.25rem}.code-comparison__subtitle{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem}.code-comparison__controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.section-tabs{display:flex;flex-wrap:wrap;gap:.4rem}.tab{padding:.4rem .8rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-size:.8rem;transition:all .2s}.tab:hover{border-color:var(--accent-primary);color:var(--text-primary)}.tab--active{background:var(--accent-secondary);border-color:var(--accent-secondary);color:#fff}.tab--show-all{margin-left:auto;background:var(--bg-tertiary)}.code-comparison__sections{display:flex;flex-direction:column;gap:2rem}.code-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.code-section__title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.code-section__title h3{font-size:1.1rem;color:var(--accent-primary)}.code-section__lines{font-size:.75rem;color:var(--text-muted);font-family:JetBrains Mono,monospace}.code-section__description{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.6;padding:.75rem;background:var(--bg-primary);border-radius:var(--radius-sm);border-left:3px solid var(--accent-secondary)}.code-section__panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.code-section__panels{grid-template-columns:1fr}}.code-panel{overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.code-panel__label{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-tertiary);font-size:.8rem;color:var(--text-muted);font-family:JetBrains Mono,monospace}.lang-badge{padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.lang-badge--python{background:#3776ab;color:#ffd43b}.lang-badge--javascript{background:#f7df1e;color:#323330}.install-guide{max-width:900px;margin:0 auto}.install-guide__header{margin-bottom:1.5rem}.install-guide__header h2{font-size:1.5rem;margin-bottom:.25rem}.install-guide__pkg-name{color:var(--accent-primary);font-family:JetBrains Mono,Fira Code,monospace}.install-guide__tagline{font-size:.95rem;color:var(--text-secondary);margin-bottom:1rem}.install-guide__badges{display:flex;flex-wrap:wrap;gap:.5rem}.badge{padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge--npm{background:#cb3837;color:#fff}.badge--size{background:var(--accent-primary);color:var(--bg-primary)}.badge--deps{background:var(--accent-secondary);color:#fff}.badge--types{background:#3178c6;color:#fff}.install-guide__install-box{background:var(--bg-card);border:2px solid var(--accent-primary);border-radius:var(--radius);overflow:hidden;margin-bottom:1.5rem}.install-box__label{padding:.4rem 1rem;background:var(--accent-primary);color:var(--bg-primary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.install-box__command{display:flex;align-items:center;justify-content:space-between;padding:1rem}.install-box__command code{font-family:JetBrains Mono,Fira Code,monospace;font-size:1.1rem;color:var(--text-primary)}.install-box__copy{padding:.3rem .8rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s}.install-box__copy:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.install-guide__nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.install-nav-tab{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.install-nav-tab:hover{border-color:var(--accent-primary);color:var(--text-primary)}.install-nav-tab--active{background:var(--accent-secondary);border-color:var(--accent-secondary);color:#fff;font-weight:600}.install-nav-tab__icon{font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem;font-weight:700;opacity:.7}.install-guide__content{margin-bottom:2rem}.install-section h3{font-size:1.15rem;color:var(--accent-primary);margin-bottom:.5rem;margin-top:1.5rem}.install-section h3:first-child{margin-top:0}.install-section h4{font-size:1rem;color:var(--text-primary);margin-bottom:.5rem}.install-section__desc{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.6;padding:.75rem;background:var(--bg-primary);border-radius:var(--radius-sm);border-left:3px solid var(--accent-secondary)}.install-section__desc code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em;padding:.1rem .3rem;background:var(--bg-tertiary);border-radius:3px;color:var(--accent-primary)}.install-section__steps{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.step-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.step-card__number{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent-secondary);color:#fff;border-radius:50%;font-size:.8rem;font-weight:700}.step-card__content{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.step-card__content strong{color:var(--text-primary)}.step-card__content code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em;padding:.1rem .3rem;background:var(--bg-primary);border-radius:3px;color:var(--accent-primary)}.install-section__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem;margin-bottom:1rem}.install-section__grid--wide{grid-template-columns:1fr}.op-card{display:flex;flex-direction:column;gap:.2rem;padding:.6rem .8rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.op-card--wide{flex-direction:row;align-items:center;gap:1rem}.op-card code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;color:var(--accent-primary)}.op-card span{font-size:.8rem;color:var(--text-muted)}.install-section__compat{margin-top:1.5rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius)}.compat-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.compat-item{padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500}.compat-item--yes{background:#4ecdc426;color:var(--accent-primary);border:1px solid rgba(78,205,196,.3)}.api-table-wrap{overflow-x:auto;margin-bottom:1.5rem;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.api-table{width:100%;border-collapse:collapse;font-size:.85rem}.api-table th{text-align:left;padding:.6rem .8rem;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.api-table td{padding:.5rem .8rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.api-table tr:last-child td{border-bottom:none}.api-table code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em;color:var(--accent-primary)}.api-methods{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.api-method{padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.api-method__sig{margin-bottom:.3rem}.api-method__sig code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;color:var(--accent-primary);font-weight:600}.api-method p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.api-method p code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em;padding:.1rem .3rem;background:var(--bg-primary);border-radius:3px;color:var(--accent-primary)}.code-block{margin-bottom:1.5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.code-block__header{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;background:var(--bg-tertiary)}.code-block__lang{font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.code-block__copy{padding:.2rem .6rem;border:1px solid var(--border-color);border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.7rem;font-weight:600;transition:all .2s}.code-block__copy:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.code-block__pre{padding:1rem;background:var(--bg-primary);overflow-x:auto;margin:0}.code-block__pre code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem;line-height:1.6;color:var(--text-primary);white-space:pre}.install-guide__links{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.install-link{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;font-weight:500;transition:all .2s;text-decoration:none}.install-link:hover{border-color:var(--accent-primary);color:var(--accent-primary);text-decoration:none}.loss-chart{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.loss-chart h3{font-size:1rem;margin-bottom:.75rem;color:var(--accent-primary)}.loss-chart__canvas{width:100%;height:250px;border-radius:var(--radius-sm)}.network-viz{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.network-viz h3{font-size:1rem;margin-bottom:.75rem;color:var(--accent-secondary)}.network-viz__canvas-container{width:100%;height:300px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-primary)}.network-viz__hint{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:.5rem}.attention-viz{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.attention-viz h3{font-size:1rem;margin-bottom:.75rem;color:var(--accent-danger)}.attention-viz__canvas-container{width:100%;height:300px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-primary)}.attention-viz__placeholder{display:flex;align-items:center;justify-content:center;height:200px;background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-muted);font-style:italic}.embedding-viz{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.embedding-viz h3{font-size:1rem;margin-bottom:.5rem;color:var(--accent-warning)}.embedding-viz__legend{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.embedding-viz__canvas-container{width:100%;height:350px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-primary)}.embedding-viz__placeholder{display:flex;align-items:center;justify-content:center;height:200px;background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-muted);font-style:italic}:root{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-card: #1e1e3a;--text-primary: #e8e8f0;--text-secondary: #8888aa;--text-muted: #555577;--accent-primary: #4ecdc4;--accent-secondary: #6c5ce7;--accent-danger: #ff6b6b;--accent-warning: #fdcb6e;--accent-pink: #fd79a8;--border-color: #2a2a4a;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 20px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline}.app__header{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-bottom:1px solid var(--border-color);padding:2rem;text-align:center}.app__header-content{max-width:800px;margin:0 auto}.app__title{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.app__title-micro{color:var(--text-secondary);font-weight:400}.app__title-gpt{color:var(--accent-primary)}.app__title-js{color:var(--accent-warning);font-size:.6em;vertical-align:super}.app__subtitle{color:var(--text-secondary);font-size:.95rem}.app__credit{font-size:.85rem;color:var(--text-muted)}.app__nav{display:flex;justify-content:center;gap:.5rem;padding:1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.app__nav-tab{padding:.6rem 1.5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.app__nav-tab:hover{color:var(--text-primary);border-color:var(--accent-primary)}.app__nav-tab--active{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary);font-weight:600}.app__main{padding:1.5rem;max-width:1600px;margin:0 auto}.app__train-layout{display:grid;grid-template-columns:360px 1fr;gap:1.5rem;align-items:start}@media(max-width:1024px){.app__train-layout{grid-template-columns:1fr}}.app__sidebar{display:flex;flex-direction:column;gap:1.5rem}.app__visualizations{min-width:0}.viz-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.viz-grid__item--wide{grid-column:1 / -1}@media(max-width:768px){.viz-grid{grid-template-columns:1fr}}.app__footer{text-align:center;padding:2rem;margin-top:2rem;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.85rem}.btn{padding:.6rem 1.2rem;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent-primary);color:var(--bg-primary)}.btn--primary:hover:not(:disabled){background:#3dbdb5;transform:translateY(-1px);box-shadow:0 4px 12px #4ecdc44d}.btn--danger{background:var(--accent-danger);color:#fff}.btn--danger:hover:not(:disabled){background:#ee5a5a}.btn--small{padding:.3rem .8rem;font-size:.8rem;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn--small:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}