*{box-sizing:border-box}:root{--color-primary: #10b981;--color-secondary: #84cc16;--color-accent: #f59e0b;--color-background: #ffffff;--color-surface: #10b981;--color-text: #000000;--color-text-secondary: #374151;--color-border: #000000;--shadow: none}body{margin:0;min-height:100vh;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.05em;background:var(--color-background);color:var(--color-text)}#app{display:flex;flex-direction:column;gap:1.5rem;padding:2rem 2.5rem 3rem}.app-header,.status-line,.viewer-panel,.panel,.viewer-controls button,.viewer-controls label,.panel dl,.panel h2,button{text-transform:uppercase}.app-header{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.app-header h1{margin:0;font-size:3rem}.subtitle{margin:0;color:var(--color-text-secondary);font-size:.85rem}.status-line{display:flex;gap:.5rem;align-items:center;padding:.75rem 1rem;border:4px solid var(--color-border);background:var(--color-accent);box-shadow:var(--shadow);font-size:.9rem}.app-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:4px solid var(--color-border)}.app-tab{border:4px solid var(--color-border);border-bottom:none;background:var(--color-background);color:var(--color-text);padding:.4rem 1rem;font-weight:600;text-transform:uppercase;cursor:not-allowed}.app-tab--active{cursor:default;background:var(--color-primary)}.app-tabs+.view-container{margin-top:-.5rem}.view-container{width:100%}.view{display:none}.view.view--active{display:block}.layout{display:grid;grid-template-columns:2.4fr 1.2fr;gap:1.5rem;align-items:flex-start}.training-shell{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1.5rem;align-items:flex-start}.training-shell__left{display:flex;flex-direction:column;gap:1.5rem}.training-shell__right{position:sticky;top:2rem;align-self:flex-start;display:flex;flex-direction:column;gap:1.5rem}.training-episode-nav{display:flex;align-items:center;justify-content:flex-start;column-gap:0;row-gap:.25rem;flex-wrap:wrap}.training-episode-nav__group{display:flex;align-items:center;gap:1rem}.training-episode-nav__btn{border:4px solid var(--color-border);background:var(--color-primary);color:var(--color-text);padding:.25rem .75rem;font-weight:700;cursor:pointer}.training-episode-nav__label{font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:.4rem}.training-episode-nav__input{width:3rem;font:inherit;font-weight:700;text-transform:uppercase;text-align:center;border:3px solid var(--color-border);color:var(--color-text);padding:.1rem .2rem}.training-episode-nav__input:disabled{opacity:.5}.training-action-toggle{display:flex;gap:.75rem;margin:-.5rem 0 0;flex-wrap:wrap}.training-action-toggle__btn{border:3px solid var(--color-border);padding:.35rem .9rem;font-weight:700;text-transform:uppercase;background:var(--color-background);color:var(--color-text);cursor:pointer}.training-action-toggle__btn.is-active{background:var(--color-primary)}.training-action-toggle__btn:disabled{opacity:.4;cursor:not-allowed}.training-speedrun{display:flex;align-items:center;gap:.75rem;padding:.35rem .75rem;background:var(--color-background)}.training-speedrun__btn{border:3px solid var(--color-border);background:var(--color-secondary);color:var(--color-text);padding:.35rem .75rem;font-weight:700;cursor:pointer}.training-speedrun__btn.is-active{background:var(--color-accent)}.training-speedrun__slider{display:flex;flex-direction:column;gap:.1rem;font-size:.7rem}.training-speedrun__slider input[type=range]{width:140px;accent-color:var(--color-primary)}.training-speedrun__slider span:last-child{font-size:.65rem;color:var(--color-text-secondary)}.panel--training-intro,.panel--training-grid,.panel--training-params,.panel--training-weights{background:var(--color-background);border:4px solid var(--color-border);color:var(--color-text)}.training-grid{display:flex;flex-direction:column;gap:1rem}.training-grid__row{display:flex;flex-wrap:wrap;background:var(--color-background)}.training-grid__label{flex:0 0 90px;font-weight:700;color:var(--color-text);text-transform:uppercase}.training-grid__cells{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;min-width:0}.training-weights{display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem}.training-weights__row{display:grid;grid-template-columns:5.5rem 1fr;align-items:center;gap:.5rem;padding:.25rem .25rem .1rem}.training-weights__label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-secondary)}.training-weights__cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.training-weights__cell{background:#000000a6;color:var(--color-background);padding:.4rem .3rem;font-family:Courier New,monospace;font-size:.8rem;letter-spacing:.03em;text-align:center;border-radius:.25rem;cursor:default}.training-weights__cell--empty{opacity:.55;font-style:italic}.training-weights__empty{font-size:.75rem;margin-top:.75rem;color:var(--color-text-secondary)}.training-chart{background:var(--color-background);padding:0;display:flex;flex-direction:column;gap:.4rem}.training-chart__title{font-size:.75rem;color:var(--color-text-secondary);letter-spacing:normal}.training-chart canvas{width:100%;height:auto;background:#000}.training-form{display:flex;flex-direction:column;gap:1rem}.training-form__field{display:flex;flex-direction:column;gap:.35rem}.training-form__field--checkbox{flex-direction:row;align-items:center;justify-content:space-between}.training-form__label{font-weight:600;font-size:.85rem;color:var(--color-text);text-transform:uppercase}.training-form__control{display:flex;flex-direction:column;gap:.35rem}.training-form__control input,.training-form__control select{width:100%;padding:.4rem .5rem;border:4px solid var(--color-border);background:var(--color-background);color:var(--color-text);font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:.85rem}.training-form__field input[type=checkbox]{width:1.1rem;height:1.1rem;margin-right:.5rem;accent-color:var(--color-accent)}.training-form__pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.training-form__subfield{display:flex;flex-direction:column;gap:.2rem}.training-form__sublabel{font-size:.7rem;text-transform:uppercase;color:var(--color-text-secondary)}.training-actions{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.training-start{border:4px solid var(--color-border);background:var(--color-primary);color:var(--color-text);padding:.75rem 1rem;font-size:1rem;font-weight:700;cursor:pointer}.training-start:disabled{opacity:.6;cursor:not-allowed}.training-status{font-size:.85rem;text-transform:uppercase;color:var(--color-text-secondary)}.viewer-panel{padding:0;display:flex;flex-direction:column;gap:1rem}.panel{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.viewer-panel{position:sticky;top:2rem;align-self:flex-start}canvas{width:100%;border:4px solid var(--color-border);box-shadow:var(--shadow)}.viewer-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.viewer-controls button,button{border:4px solid var(--color-border);background:var(--color-primary);color:var(--color-text);padding:.6rem 1.2rem;font-size:.85rem;cursor:pointer;box-shadow:var(--shadow)}.viewer-controls button[data-running=true]{background:var(--color-accent)}.viewer-controls label.inline{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--color-text-secondary)}.viewer-controls input[type=range]{accent-color:var(--color-secondary)}.sidebar{display:flex;flex-direction:column;gap:1.25rem}.controller-panel{border:4px solid var(--color-border);padding:0;display:flex;flex-direction:column;gap:1rem}.panel h2{margin:0;font-size:1.2rem}.panel dl>div{display:flex;justify-content:space-between;border-bottom:2px solid var(--color-border);padding:.4rem 0;font-size:.85rem}.panel dl>div:last-child{border-bottom:none}.panel--signals{background:transparent;border:none;box-shadow:none;padding-bottom:0}.signal-stack{display:flex;flex-direction:column;gap:1rem}.signal-chart{border:none;box-shadow:none;background:transparent;padding:.75rem 0;display:flex;flex-direction:column;gap:.5rem}.signal-chart__header{display:flex;justify-content:space-between;font-size:.65rem;padding:0}.signal-chart canvas{width:100%;height:auto;border:none;background:#000;box-shadow:none}.signal-legend{display:flex;flex-wrap:wrap;gap:.35rem .75rem;font-size:.65rem;color:var(--color-text)}.signal-legend .legend-item{display:flex;align-items:center;gap:.3rem}.signal-legend .legend-swatch{width:18px;height:12px;border:2px solid var(--color-border)}.panel--weights{display:flex;flex-direction:column;gap:1rem}.weights-header p{margin:.25rem 0 0;font-size:.8rem;color:var(--color-text-secondary)}.weight-matrix{display:flex;flex-direction:column;gap:.4rem}.weight-matrix__row{display:grid;grid-template-columns:5.5rem 1fr;align-items:center;gap:.5rem;padding:.35rem .25rem;background:transparent;transition:background .2s ease}.weight-matrix__row--active{background:#0ea5e926;border-radius:.35rem}.weight-matrix__row-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-secondary);width:5.5rem;display:inline-block}.weight-matrix__cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.weight-matrix__cell{background:#000000a6;color:var(--color-background);padding:.4rem .3rem;font-family:Courier New,monospace;font-size:.8rem;text-align:center;cursor:pointer;transition:background .2s ease,color .2s ease;border:none;box-shadow:none}.weight-matrix__cell:hover{background:#f59e0b59;color:#000}.weight-inspector{display:flex;flex-direction:column;gap:.75rem;border-top:1px solid var(--color-border);padding-top:.75rem;width:100%}.weight-inspector[hidden]{display:none}.weight-inspector__header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.weight-inspector__close{border:none;background:transparent;color:var(--color-text);font-size:1.25rem;line-height:1;cursor:pointer;padding:.1rem}.weight-inspector__close:hover,.weight-inspector__close:focus-visible{color:var(--color-accent)}.weight-inspector__plots{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;align-items:stretch;width:100%}.weight-plot{background:#050505;border:1px solid var(--color-border);padding:.5rem;display:flex;flex-direction:column;gap:.4rem;align-items:center;width:100%}.weight-plot__header{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-secondary)}.weight-plot .signal-legend{justify-content:center;color:#fff}.weight-plot canvas{width:100%;height:auto;border:none;margin:0 auto}.weight-sliders{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.weight-slider{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem}.weight-slider__label{display:flex;justify-content:space-between;font-weight:600;color:var(--color-text)}.weight-slider__value{font-size:.75rem;color:var(--color-text-secondary)}.weight-slider input[type=range]{accent-color:var(--color-accent)}button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1100px){.layout,.training-shell{grid-template-columns:1fr}.training-shell__right{position:static}.training-grid__cells{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.training-grid__label{flex:0 0 auto}}.weight-matrix__header{display:grid;grid-template-columns:5.5rem 1fr;align-items:center;gap:.5rem;padding:0 .25rem;text-transform:uppercase;font-size:.65rem;color:var(--color-text-secondary)}.weight-matrix__cell-labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;font-size:.65rem;color:var(--color-text-secondary);text-transform:uppercase}.weight-matrix__cell-labels span{text-align:center}.weight-inspector-host{width:100%}.weight-inspector--inline{margin-bottom:.75rem}