@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-card: #1a1f2e;--bg-card-hover: #1e2538;--border: #2a3042;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-blue: #63deff;--accent-green: #10b981;--accent-red: #ff6384;--accent-purple: #a78bfa;--accent-yellow: #fbbf24;--shadow: 0 4px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(99, 222, 255, .1);--radius: 12px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(99,222,255,.015) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(167,139,250,.012) 0%,transparent 70%),radial-gradient(ellipse 90% 60% at 50% 100%,rgba(16,185,129,.008) 0%,transparent 60%)}#root{min-height:100vh}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden;animation:appFadeIn .8s ease both}@keyframes appFadeIn{0%{opacity:0;filter:blur(6px);transform:scale(.99)}to{opacity:1;filter:blur(0);transform:scale(1)}}.app-header{padding:20px 32px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(99,222,255,.03) 0%,transparent 100%);box-shadow:0 1px #63deff0d,0 4px 16px #0003;position:relative}.app-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,222,255,.15) 30%,rgba(167,139,250,.15) 70%,transparent)}.logo{display:flex;align-items:center;gap:12px}.logo-icon{font-size:28px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:logoIconEntrance .6s cubic-bezier(.34,1.56,.64,1) .2s forwards}@keyframes logoIconEntrance{0%{opacity:0;transform:scale(.5) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(0)}}.logo:hover .logo-icon{transform:scale(1.15) rotate(-5deg)}.logo h1{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple),var(--accent-blue));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;animation:titleShimmer 4s ease-in-out infinite,titleEntrance .7s cubic-bezier(.34,1.56,.64,1) .15s both}@keyframes titleEntrance{0%{opacity:0;transform:translate(-10px);letter-spacing:4px}to{opacity:1;transform:translate(0);letter-spacing:-.5px}}@keyframes titleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.heartbeat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background .3s ease,box-shadow .3s ease}.heartbeat-dot.active{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green);animation:heartbeatPulse 1.2s ease-in-out infinite}.heartbeat-dot.idle{background:var(--accent-yellow);opacity:.6}.heartbeat-dot.off{background:var(--text-muted);opacity:.3}@keyframes heartbeatPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.fps-badge{font-size:10px;font-family:Inter,monospace;padding:2px 6px;border-radius:4px;border:1px solid var(--border);background:#111827cc;color:var(--text-muted);margin-left:6px;transition:color .3s,border-color .3s,background .3s}.fps-badge.fps-good{color:var(--accent-green);border-color:#10b9814d}.fps-badge.fps-warn{color:var(--accent-yellow);border-color:#ffce5666}.fps-badge.fps-bad{color:var(--accent-red);border-color:#ff638480;animation:fpsPulse 1.5s ease-in-out infinite}@keyframes fpsPulse{0%,to{opacity:1}50%{opacity:.6}}.subtitle{color:var(--text-muted);font-size:13px;margin-top:4px;margin-left:42px;opacity:0;animation:subtitleFadeIn .8s ease .3s forwards;letter-spacing:.2px}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(4px);letter-spacing:2px}to{opacity:1;transform:translateY(0);letter-spacing:.2px}}.app-main{flex:1;min-height:0;overflow-y:auto;padding:20px 24px}.grid-layout{display:grid;grid-template-columns:300px 1fr 340px;gap:20px;max-width:1440px;margin:0 auto}.column{display:flex;flex-direction:column;gap:16px}.panel-header{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;border-left:2px solid transparent;transition:border-left-color .3s ease,color .3s ease}.panel-header:hover{border-left-color:var(--accent-blue);color:var(--text-primary)}.panel-header span:not(.panel-icon){text-shadow:0 0 12px rgba(99,222,255,.15)}.control-panel,.drawing-canvas-container,.experience-panel,.prediction-bar,.network-visualizer,.loss-chart,.activation-visualizer,.weight-panel,.feature-maps,.digit-morph,.adversarial-lab,.stats-panel{animation:panelSlideIn .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(8px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.column-left>*:nth-child(1){animation-delay:0ms}.column-left>*:nth-child(2){animation-delay:50ms}.column-left>*:nth-child(3){animation-delay:.1s}.column-left>*:nth-child(4){animation-delay:.15s}.column-center>*:nth-child(1){animation-delay:80ms}.column-center>*:nth-child(2){animation-delay:.13s}.column-center>*:nth-child(3){animation-delay:.18s}.column-right>*:nth-child(1){animation-delay:.12s}.column-right>*:nth-child(2){animation-delay:.17s}.column-right>*:nth-child(3){animation-delay:.22s}.column-right>*:nth-child(4){animation-delay:.27s}.column-right>*:nth-child(5){animation-delay:.32s}.panel-icon{font-size:14px}.drawing-canvas-container{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.drawing-canvas-container:hover{border-color:#63deff33;box-shadow:0 0 20px #63deff0d}.drawing-canvas{display:block;width:100%;height:auto;cursor:crosshair;touch-action:none;transition:box-shadow .3s ease}.drawing-canvas:active{box-shadow:inset 0 0 30px #63deff14}.canvas-controls{display:flex;align-items:center;gap:10px;padding:10px 14px}.canvas-hint{color:var(--text-muted);font-size:11px;padding:0 14px 10px;opacity:0;animation:hintFadeIn .6s ease 1.8s forwards}@keyframes hintFadeIn{to{opacity:.7}}.control-panel{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.control-section{padding:14px;border-bottom:1px solid var(--border)}.control-section:last-child{border-bottom:none}.control-buttons{display:flex;gap:8px;margin-bottom:12px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.btn:active:not(:disabled){transform:scale(.95)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{font-size:11px}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #3b82f666;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d;animation:btnBreathingGlow 2s ease-in-out infinite}@keyframes btnBreathingGlow{0%,to{box-shadow:0 2px 8px #ef44444d}50%{box-shadow:0 2px 16px #ef444480,inset 0 0 8px #ef44441a}}.btn-danger:hover:not(:disabled){box-shadow:0 4px 16px #ef444466;transform:translateY(-2px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--accent-blue);border:1px dashed var(--border)}.btn-ghost:hover:not(:disabled){background:#63deff0d;border-color:var(--accent-blue)}.stat-row{display:flex;justify-content:space-between;align-items:center}.stat-label{color:var(--text-muted);font-size:12px}.stat-value{color:var(--accent-blue);font-weight:700;font-size:14px;font-variant-numeric:tabular-nums;text-shadow:0 0 8px rgba(99,222,255,.3)}.control-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary);margin-bottom:8px}.control-value{color:var(--accent-blue);font-weight:600;font-variant-numeric:tabular-nums;text-shadow:0 0 8px rgba(99,222,255,.3);font-family:Inter,monospace}.slider{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-blue);cursor:pointer;box-shadow:0 2px 8px #63deff4d;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.slider:active::-webkit-slider-thumb{transform:scale(1.35);box-shadow:0 0 16px #63deff80,0 0 32px #63deff33}.slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-blue);cursor:pointer;border:none;box-shadow:0 2px 8px #63deff4d;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.slider:active::-moz-range-thumb{transform:scale(1.35);box-shadow:0 0 16px #63deff80,0 0 32px #63deff33}.slider:disabled{opacity:.5}.slider-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted);margin-top:4px}.section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-secondary);padding:2px 0}.section-header:hover{color:var(--text-primary)}.toggle-icon{color:var(--text-muted)}.layers-config{margin-top:12px;display:flex;flex-direction:column;gap:8px}.layer-config{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:10px;border:1px solid var(--border);transition:border-color .2s ease,box-shadow .2s ease}.layer-config:hover{border-color:#63deff26;box-shadow:0 2px 8px #0003}.layer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.layer-name{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.btn-icon-small{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px}.btn-icon-small:hover{background:#ef44441a;color:var(--accent-red)}.layer-controls{display:flex;gap:8px}.mini-label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--text-muted);flex:1}.select-small{padding:4px 8px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;font-size:12px;font-family:inherit;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.select-small:hover:not(:disabled){border-color:#63deff4d}.select-small:focus{border-color:var(--accent-blue);box-shadow:0 0 8px #63deff26}.select-small:disabled{opacity:.5}.btn-add-layer{width:100%;justify-content:center;font-size:12px;padding:6px}.architecture-summary{display:flex;align-items:center;gap:8px}.arch-label{font-size:11px;color:var(--text-muted)}.arch-value{font-size:12px;font-weight:600;color:var(--accent-blue);font-variant-numeric:tabular-nums;text-shadow:0 0 8px rgba(99,222,255,.2);letter-spacing:.5px}.network-visualizer,.loss-chart,.activation-visualizer,.weight-panel,.prediction-bar,.stats-panel{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.network-canvas,.chart-canvas,.activation-canvas,.heatmap-canvas{display:block;width:100%;height:auto}.prediction-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:13px}.predicted-digit{margin-left:auto;font-size:18px;font-weight:700;color:var(--accent-green);text-shadow:0 0 12px rgba(16,185,129,.4);font-variant-numeric:tabular-nums}.probability-bars{padding:10px 14px}.prob-row{display:flex;align-items:center;gap:8px;padding:3px 4px;border-radius:4px;transition:background .2s ease}.prob-row:hover:not(.active){background:#63deff08}.prob-row.active{transform:scale(1.02);animation:predictionPop .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(90deg,rgba(16,185,129,.06) 0%,transparent 80%);border-radius:4px}@keyframes predictionPop{0%{transform:scale(.98)}50%{transform:scale(1.04)}to{transform:scale(1.02)}}.prob-label{width:16px;font-size:12px;font-weight:600;color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums}.prob-row.active .prob-label{color:var(--accent-green)}.prob-track{flex:1;height:14px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.prob-fill{height:100%;border-radius:3px;transition:width .3s ease,box-shadow .3s ease}.prob-row.active .prob-fill{box-shadow:0 0 8px #10b98166}.prob-value{width:50px;font-size:11px;color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums}.prob-row.active .prob-value{color:var(--accent-green);font-weight:600}.layer-tabs{display:flex;padding:8px 10px 0;gap:4px}.tab{padding:4px 12px;background:transparent;border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;color:var(--text-muted);font-size:11px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s}.tab:hover{color:var(--text-secondary)}.tab.active{background:var(--bg-secondary);color:var(--accent-blue);border-color:var(--accent-blue);animation:tabBounce .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 -2px 8px #63deff1a}@keyframes tabBounce{0%{transform:scale(.92)}to{transform:scale(1)}}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}.stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;background:var(--bg-card);transition:background .3s ease}.stat-item:hover{background:var(--bg-card-hover)}.stat-number{font-size:20px;font-weight:700;color:var(--accent-blue);font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(99,222,255,.3);transition:text-shadow .3s ease}.stat-item:hover .stat-number{text-shadow:0 0 16px rgba(99,222,255,.5)}.stat-desc{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.app-footer{padding:16px 32px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--text-muted);position:relative}.app-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,222,255,.1) 30%,rgba(167,139,250,.1) 70%,transparent)}.footer-dot{color:var(--border)}.footer-version{font-family:Inter,monospace;font-size:11px;font-weight:600;padding:2px 8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--accent-blue);letter-spacing:.3px;transition:border-color .2s ease}.footer-version:hover{border-color:var(--accent-blue)}.footer-stats{font-family:Inter,monospace;font-size:11px;color:var(--accent-green, #10b981);letter-spacing:.2px;opacity:.7;transition:opacity .2s ease}.footer-stats:hover{opacity:1}.app-footer a{color:var(--accent-blue);text-decoration:none;transition:all .2s ease}.app-footer a:hover{text-decoration:underline;text-shadow:0 0 8px rgba(99,222,255,.3)}.prediction-badge{background:var(--bg-secondary);border:1px solid var(--accent-green);color:var(--accent-green);padding:4px 12px;border-radius:20px;font-size:13px}*:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;box-shadow:0 0 0 4px #63deff26}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus-visible-skip:focus{position:fixed;top:8px;left:8px;z-index:10000;width:auto;height:auto;padding:8px 16px;margin:0;clip:auto;overflow:visible;background:var(--accent-blue);color:var(--bg-primary);border-radius:var(--radius-sm);font-weight:600;text-decoration:none}button.section-header{width:100%;background:none;border:none;font-family:inherit;cursor:pointer;text-align:left}.control-section{transition:border-color .3s ease,background .3s ease}.control-section:hover{border-bottom-color:#63deff26;background:#63deff03}.help-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:helpFadeIn .2s ease}@keyframes helpFadeIn{0%{opacity:0}to{opacity:1}}.help-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;min-width:280px;max-width:380px;animation:helpSlideUp .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 16px 48px #00000080}@keyframes helpSlideUp{0%{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.help-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.help-header h2{font-size:16px;font-weight:700;color:var(--text-primary);text-shadow:0 0 16px rgba(167,139,250,.3)}.btn-close{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px}.btn-close:hover{background:#ef44441a;color:var(--accent-red);transform:scale(1.1)}.btn-close{transition:all .2s cubic-bezier(.34,1.56,.64,1)}.help-list{display:flex;flex-direction:column;gap:8px}.help-row{display:flex;align-items:center;gap:12px;padding:6px 0}.help-row kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:3px 8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:12px;font-weight:600;color:var(--accent-blue);box-shadow:0 1px 2px #0000004d}.help-row span{font-size:13px;color:var(--text-secondary)}.help-row{transition:background .2s ease,transform .2s ease;border-radius:4px;padding:6px 4px}.help-row:hover{background:#63deff08;transform:translate(3px)}.help-row:hover kbd{border-color:var(--accent-blue);box-shadow:0 1px 4px #63deff26}.instructions-bar{position:fixed;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:16px;background:#1a1f2ee6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:20px;padding:7px 20px;font-size:11px;color:var(--text-muted);z-index:50;opacity:0;animation:instrFadeIn .5s ease 2.5s forwards;box-shadow:0 4px 16px #0000004d}@keyframes instrFadeIn{to{opacity:1}}.instructions-bar kbd{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:10px;font-weight:600;color:var(--accent-blue);margin-right:4px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.stat-value,.stat-number{transition:transform .15s cubic-bezier(.34,1.56,.64,1),color .5s ease}@keyframes statTick{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}.loss-chart{position:relative}.loss-chart:after{content:"";position:absolute;inset:0;border-radius:var(--radius);pointer-events:none;background:radial-gradient(ellipse at center,transparent 65%,rgba(10,14,23,.3) 100%);z-index:1}.control-panel,.drawing-canvas-container,.experience-panel,.prediction-bar,.network-visualizer,.loss-chart,.activation-visualizer,.weight-panel,.feature-maps,.digit-morph,.adversarial-lab,.stats-panel{transition:border-color .3s ease,box-shadow .3s ease}.control-panel:hover,.drawing-canvas-container:hover,.experience-panel:hover,.prediction-bar:hover,.loss-chart:hover,.activation-visualizer:hover,.weight-panel:hover,.feature-maps:hover,.digit-morph:hover,.adversarial-lab:hover,.stats-panel:hover{border-color:#63deff1f;box-shadow:0 4px 24px #0000004d,0 0 1px #63deff1a}.morph-slot-btn{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.morph-slot-btn:active{transform:scale(.94)}.morph-slot-btn.saved{animation:savedPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes savedPop{0%{transform:scale(.9)}50%{transform:scale(1.06)}to{transform:scale(1)}}.adversarial-type-btn.active{animation:advTypePop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes advTypePop{0%{transform:scale(.93)}to{transform:scale(1)}}.target-digit-btn:active{transform:scale(.88)}.confidence-fill{box-shadow:0 0 6px #10b9814d}.confidence-fill.flipped{box-shadow:0 0 6px #ff63844d}.feature-maps-mag-canvas{box-shadow:0 0 20px #63deff33,0 8px 24px #0006}.prediction-empty{animation:emptyHintPulse 3s ease-in-out infinite}@keyframes emptyHintPulse{0%,to{opacity:.5}50%{opacity:.8}}::-webkit-scrollbar-thumb{transition:background .2s ease}.canvas-controls .btn{position:relative;overflow:hidden}.canvas-controls .btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.03) 100%);pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.experience-panel{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.experience-buttons{display:flex;gap:8px;padding:10px 14px}.btn-experience{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.btn-experience:hover{transform:translateY(-1px);border-color:var(--accent-yellow);color:var(--accent-yellow);box-shadow:0 4px 12px #fbbf2426}.btn-experience.active{background:#fbbf241a;border-color:var(--accent-yellow);color:var(--accent-yellow);animation:experienceGlow 2s ease-in-out infinite;transform:none}.btn-experience:active{transform:scale(.94)}@keyframes experienceGlow{0%,to{box-shadow:0 0 8px #fbbf2426}50%{box-shadow:0 0 16px #fbbf244d}}.cinematic-badge{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:10px;padding:10px 18px;background:#1a1f2eeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(251,191,36,.3);border-radius:20px;z-index:100;animation:cinematicSlideIn .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 24px #0006,0 0 1px #fbbf2433}@keyframes cinematicSlideIn{0%{opacity:0;transform:translateY(-16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cinematic-pulse{width:8px;height:8px;border-radius:50%;background:var(--accent-yellow);box-shadow:0 0 8px var(--accent-yellow);animation:cinematicPulse 1.5s ease-in-out infinite}@keyframes cinematicPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.cinematic-emoji{font-size:16px}.cinematic-label{font-size:12px;font-weight:600;color:var(--accent-yellow);white-space:nowrap}.cinematic-progress{width:60px;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.cinematic-progress-fill{height:100%;background:var(--accent-yellow);border-radius:2px;transition:width .15s ease}.digit-morph{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.morph-slots{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 14px}.morph-slot-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;background:var(--bg-secondary);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);min-width:72px}.morph-slot-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple);transform:translateY(-1px)}.morph-slot-btn.saved{background:#a78bfa1a;border:1px solid var(--accent-purple);border-style:solid;color:var(--accent-purple)}.morph-arrow{color:var(--text-muted);font-size:18px}.morph-content{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 14px 14px}.morph-canvas{border-radius:var(--radius-sm);border:1px solid var(--border);image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:0 4px 16px #0000004d;transition:box-shadow .3s ease}.morph-canvas:hover{box-shadow:0 4px 20px #a78bfa26,0 4px 16px #0000004d}.morph-slider-row{display:flex;align-items:center;gap:10px;width:100%}.morph-label{font-size:13px;font-weight:700;color:var(--accent-purple);min-width:14px;text-align:center}.morph-slider{flex:1}.morph-slider::-webkit-slider-thumb{background:var(--accent-purple)!important;box-shadow:0 2px 8px #a78bfa66!important}.morph-slider::-moz-range-thumb{background:var(--accent-purple)!important;box-shadow:0 2px 8px #a78bfa66!important}.morph-value{font-size:10px;color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums}.morph-empty{padding:16px 14px;text-align:center}.morph-empty p{color:var(--text-muted);font-size:12px;line-height:1.5}.network-visualizer{position:relative}.network-visualizer:after{content:"";position:absolute;inset:0;border-radius:var(--radius);pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(10,14,23,.4) 100%);z-index:1}.network-canvas{image-rendering:auto}.feature-maps{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.feature-maps-content{padding:12px 14px}.feature-maps-grid-row{display:flex;gap:12px;align-items:flex-start}.feature-maps-canvas{border-radius:var(--radius-sm);cursor:crosshair;image-rendering:pixelated;image-rendering:crisp-edges;transition:box-shadow .3s ease}.feature-maps-canvas:hover{box-shadow:0 0 12px #63deff1a}.feature-maps-magnifier{flex-shrink:0;animation:magAppear .2s cubic-bezier(.34,1.56,.64,1)}@keyframes magAppear{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.feature-maps-mag-canvas{border-radius:var(--radius-sm);border:2px solid var(--accent-blue);box-shadow:0 0 20px #63deff33;image-rendering:pixelated;image-rendering:crisp-edges}.feature-maps-hint{margin-top:10px;font-size:11px;color:var(--text-muted);line-height:1.6}.feature-maps-legend{display:flex;gap:14px;margin-top:4px}.legend-item{font-size:10px;font-weight:500}.legend-cyan{color:var(--accent-blue)}.legend-red{color:var(--accent-red)}.feature-maps-empty{padding:20px 14px;text-align:center}.feature-maps-empty p{color:var(--text-muted);font-size:12px;line-height:1.5}.adversarial-lab{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.adversarial-content{padding:12px 14px;display:flex;flex-direction:column;gap:12px}.adversarial-preview{position:relative;display:flex;justify-content:center}.adversarial-canvas{border-radius:var(--radius-sm);border:1px solid var(--border);image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:0 4px 16px #0000004d;transition:box-shadow .5s ease,border-color .5s ease}.adversarial-flip-badge{position:absolute;top:8px;left:50%;transform:translate(-50%);padding:4px 12px;background:#ff6384e6;color:#fff;font-size:12px;font-weight:700;border-radius:12px;white-space:nowrap;animation:flipBadgePop .35s cubic-bezier(.34,1.56,.64,1),flipBadgeGlow 1.5s ease-in-out .35s infinite;box-shadow:0 0 16px #ff638480;text-shadow:0 1px 4px rgba(0,0,0,.3)}@keyframes flipBadgeGlow{0%,to{box-shadow:0 0 16px #ff638480}50%{box-shadow:0 0 24px #ff6384b3,0 0 40px #ff638433}}@keyframes flipBadgePop{0%{opacity:0;transform:translate(-50%) scale(.7)}to{opacity:1;transform:translate(-50%) scale(1)}}.adversarial-type-selector{display:flex;gap:6px}.adversarial-type-btn{flex:1;padding:6px 8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.adversarial-type-btn:hover{color:var(--text-secondary);border-color:var(--text-muted);transform:translateY(-1px)}.adversarial-type-btn.active{background:#ff63841a;border-color:var(--accent-red);color:var(--accent-red);box-shadow:0 0 8px #ff638426}.adversarial-target{display:flex;flex-direction:column;gap:6px}.adversarial-target-label{font-size:11px;color:var(--text-muted);font-weight:500}.adversarial-target-digits{display:flex;gap:4px}.target-digit-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.target-digit-btn:hover{color:var(--text-primary);border-color:var(--text-muted);transform:translateY(-1px)}.target-digit-btn.active{background:#a78bfa26;border-color:var(--accent-purple);color:var(--accent-purple);box-shadow:0 0 8px #a78bfa33}.adversarial-slider-section{display:flex;flex-direction:column;gap:4px}.adversarial-slider::-webkit-slider-thumb{background:var(--accent-red)!important;box-shadow:0 2px 8px #ff638466!important}.adversarial-slider::-moz-range-thumb{background:var(--accent-red)!important;box-shadow:0 2px 8px #ff638466!important}.adversarial-slider-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted)}.control-value.warning{color:var(--accent-yellow)}.control-value.danger{color:var(--accent-red)}.adversarial-reseed{width:100%;justify-content:center;font-size:12px}.adversarial-confidence{display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border)}.confidence-header{display:flex;justify-content:space-between;align-items:center}.confidence-label{font-size:11px;color:var(--text-muted);font-weight:500}.confidence-value{font-size:14px;font-weight:700;color:var(--accent-green);font-variant-numeric:tabular-nums;transition:color .3s ease}.confidence-value.flipped{color:var(--accent-red)}.confidence-track{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.confidence-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),var(--accent-blue));border-radius:3px;transition:width .3s ease}.confidence-fill.flipped{background:linear-gradient(90deg,var(--accent-red),var(--accent-yellow))}.confidence-drop{font-size:10px;color:var(--accent-red);font-weight:600;text-align:center;animation:dropFade .3s ease}@keyframes dropFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.adversarial-empty{padding:20px 14px;text-align:center}.adversarial-empty p{color:var(--text-muted);font-size:12px;line-height:1.5}@media(max-width:1200px){.grid-layout{grid-template-columns:280px 1fr}.column-right{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}}@media(max-width:768px){.grid-layout,.column-right{grid-template-columns:1fr}.app-header{padding:16px 20px}.app-main{padding:12px}.instructions-bar{display:none}.btn,.tab,.btn-icon-small,.section-header,.select-small{min-height:44px}.btn-icon-small{min-width:44px}.logo h1{font-size:20px}.subtitle{margin-left:0}.cinematic-badge{inset:auto 12px 60px;justify-content:center}.morph-canvas{width:100px!important;height:100px!important}.btn-experience,.morph-slot-btn{min-height:44px}}.creative-features-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}@media(max-width:1400px){.creative-features-row{grid-template-columns:1fr 1fr}}@media(max-width:768px){.creative-features-row{grid-template-columns:1fr}}.neuron-surgery{background:var(--bg-card);border-radius:var(--radius);padding:12px;border:1px solid var(--border);transition:border-color .3s ease,box-shadow .3s ease;animation:creativeFeatureSlideIn .5s cubic-bezier(.34,1.56,.64,1) .1s both}.neuron-surgery:hover{border-color:#3b82f633;box-shadow:0 4px 24px #0000004d,0 0 20px #3b82f60f}.surgery-empty{padding:20px 14px;text-align:center}.surgery-empty p{color:var(--text-muted);font-size:12px;line-height:1.5}.surgery-content{display:flex;flex-direction:column;gap:8px}.surgery-instructions{font-size:11px;color:var(--text-muted);text-align:center;padding:4px 0}.surgery-active-tag{color:#10b981;font-weight:600}.surgery-frozen-tag{color:#3b82f6;font-weight:600}.surgery-killed-tag{color:#ef4444;font-weight:600}.surgery-canvas{border-radius:6px;background:#0003;display:block;margin:0 auto;max-width:100%}.surgery-stats{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.surgery-stat{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600}.surgery-stat.frozen{background:#3b82f626;color:#93c5fd}.surgery-stat.killed{background:#ef444426;color:#fca5a5}.surgery-stat.none{background:#10b9811a;color:#6ee7b7}.surgery-impact{padding:8px;background:#00000026;border-radius:6px}.surgery-impact-header{font-size:10px;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.surgery-confidence-bar{display:flex;flex-direction:column;gap:4px}.surgery-confidence-label{font-size:12px;color:var(--text-primary);font-weight:600}.surgery-bar-track{height:6px;background:#1f2937;border-radius:3px;overflow:hidden}.surgery-bar-fill{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.surgery-restore-btn{width:100%;font-size:12px}.network-dreams{background:var(--bg-card);border-radius:var(--radius);padding:12px;border:1px solid var(--border);transition:border-color .3s ease,box-shadow .3s ease;animation:creativeFeatureSlideIn .5s cubic-bezier(.34,1.56,.64,1) .2s both}.network-dreams:hover{border-color:#63deff33;box-shadow:0 4px 24px #0000004d,0 0 20px #63deff0f}.dreams-empty{padding:20px 14px;text-align:center}.dreams-empty p{color:var(--text-muted);font-size:12px;line-height:1.5}.dreams-content{display:flex;flex-direction:column;gap:8px}.dreams-target-selector{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.dreams-digit-btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.dreams-digit-btn:hover{border-color:#63deff;color:#63deff}.dreams-digit-btn.active{background:#63deff26;border-color:#63deff;color:#63deff;box-shadow:0 0 8px #63deff33}.dreams-digit-btn:disabled{opacity:.5;cursor:not-allowed}.dreams-main{display:flex;flex-direction:column;align-items:center;gap:6px}.dreams-canvas{border-radius:8px;background:#0000004d;display:block;box-shadow:0 0 15px #63deff1a}.dreams-progress{width:100%;display:flex;flex-direction:column;gap:3px}.dreams-progress-bar{height:4px;background:#1f2937;border-radius:2px;overflow:hidden}.dreams-progress-fill{height:100%;background:linear-gradient(90deg,#63deff,#a78bfa);border-radius:2px;transition:width .1s ease}.dreams-progress-text{font-size:10px;color:var(--text-muted);text-align:center}.dreams-buttons{display:flex;gap:6px}.dreams-btn{flex:1;font-size:12px;padding:6px 10px}.dreams-gallery{margin-top:4px}.dreams-gallery-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.dreams-gallery-canvas{display:block;margin:0 auto;border-radius:6px;background:#0003}.training-race{background:var(--bg-card);border-radius:var(--radius);padding:12px;border:1px solid var(--border);transition:border-color .3s ease,box-shadow .3s ease;animation:creativeFeatureSlideIn .5s cubic-bezier(.34,1.56,.64,1) .3s both}.training-race:hover{border-color:#fbbf2433;box-shadow:0 4px 24px #0000004d,0 0 20px #fbbf240f}.race-content{display:flex;flex-direction:column;gap:8px}.race-presets{display:flex;gap:4px;flex-wrap:wrap}.race-preset-btn{padding:3px 8px;font-size:10px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.race-preset-btn:hover{border-color:#63deff;color:#63deff}.race-preset-btn:disabled{opacity:.4;cursor:not-allowed}.race-configs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.race-config-card{padding:6px 8px;border-radius:6px;background:#00000026;border-left:3px solid}.race-config-header{font-size:11px;font-weight:700;margin-bottom:2px}.race-config-arch{font-size:9px;color:var(--text-muted);font-family:JetBrains Mono,monospace;margin-bottom:4px}.race-config-controls{display:flex;gap:4px}.race-config-controls .select-small{font-size:10px;padding:2px 4px;flex:1}.race-chart-canvas{display:block;margin:0 auto;max-width:100%;border-radius:6px;background:#00000026}.race-controls{display:flex;justify-content:center}.race-btn{font-size:13px;padding:8px 24px;font-weight:700}.race-winner{text-align:center;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600;animation:raceWinnerPop .4s cubic-bezier(.34,1.56,.64,1)}.race-winner-a{background:#63deff1a;border:1px solid rgba(99,222,255,.3);color:#63deff}.race-winner-b{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.race-winner-tie{background:#9ca3af1a;border:1px solid rgba(156,163,175,.3);color:#9ca3af}@keyframes raceWinnerPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes creativeFeatureSlideIn{0%{opacity:0;transform:translateY(16px) scale(.97);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.surgery-empty,.dreams-empty,.adversarial-empty,.feature-maps-empty,.morph-empty{position:relative;animation:emptyHintPulse 3s ease-in-out infinite}.surgery-empty:before,.dreams-empty:before{content:"";display:block;width:40px;height:40px;margin:0 auto 10px;border-radius:50%;background:radial-gradient(circle,rgba(99,222,255,.08) 0%,transparent 70%);animation:emptyOrb 4s ease-in-out infinite}@keyframes emptyOrb{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}.dreams-canvas{transition:box-shadow .5s ease,border-color .5s ease}.dreams-canvas.dreaming,.network-dreams:has(.dreams-progress-fill) .dreams-canvas{box-shadow:0 0 25px #63deff33,0 0 50px #a78bfa1a;animation:dreamGlow 2s ease-in-out infinite}@keyframes dreamGlow{0%,to{box-shadow:0 0 15px #63deff26,0 0 30px #a78bfa14}50%{box-shadow:0 0 25px #63deff40,0 0 50px #a78bfa26}}.dreams-gallery-canvas{transition:box-shadow .3s ease}.dreams-gallery-canvas:hover{box-shadow:0 0 16px #63deff26}.dreams-progress-fill{box-shadow:0 0 8px #63deff4d}.surgery-canvas{cursor:crosshair;transition:box-shadow .3s ease}.surgery-canvas:hover{box-shadow:0 0 12px #3b82f61a}.surgery-stat{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.surgery-stat:hover{transform:scale(1.05)}.surgery-bar-fill{box-shadow:0 0 6px #63deff33}.race-preset-btn{transition:all .2s cubic-bezier(.34,1.56,.64,1)}.race-preset-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 2px 8px #63deff26}.race-preset-btn:active:not(:disabled){transform:scale(.95)}.race-config-card{transition:box-shadow .3s ease,transform .2s ease}.race-config-card:hover{transform:translateY(-1px);box-shadow:0 2px 12px #0003}.race-chart-canvas{transition:box-shadow .3s ease}.race-chart-canvas:hover{box-shadow:0 0 12px #00000026}.race-winner-a{box-shadow:0 0 12px #63deff26}.race-winner-b{box-shadow:0 0 12px #f59e0b26}.drawing-canvas-container{position:relative}.drawing-canvas-container:before{content:"";position:absolute;inset:-1px;border-radius:var(--radius);background:linear-gradient(135deg,rgba(99,222,255,.08),transparent 40%,transparent 60%,rgba(167,139,250,.08));z-index:-1;opacity:0;animation:drawCanvasReady 2s ease-in-out 2s forwards;transition:opacity .5s ease}@keyframes drawCanvasReady{0%{opacity:0}50%{opacity:1}to{opacity:.5}}.drawing-canvas-container:hover:before{opacity:1}.neuron-surgery .panel-header:hover{border-left-color:#3b82f6;color:#93c5fd}.network-dreams .panel-header:hover{border-left-color:var(--accent-purple);color:var(--accent-purple)}.training-race .panel-header:hover{border-left-color:var(--accent-yellow);color:var(--accent-yellow)}.prob-fill{transition:width .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.stat-item:hover .stat-number{text-shadow:0 0 20px rgba(99,222,255,.6)}.heartbeat-dot.active{box-shadow:0 0 8px var(--accent-green),0 0 16px #10b98133}.creative-features-row{position:relative;padding-top:20px}.creative-features-row:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(99,222,255,.1) 30%,rgba(167,139,250,.1) 70%,transparent)}.btn-experience span[aria-hidden]{display:inline-block;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.btn-experience:hover span[aria-hidden]{transform:scale(1.2) rotate(-5deg)}.dreams-digit-btn.active{animation:dreamDigitPop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes dreamDigitPop{0%{transform:scale(.85)}to{transform:scale(1)}}.morph-canvas{position:relative}.instructions-bar{transition:transform .3s ease,box-shadow .3s ease}.instructions-bar:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 6px 20px #0006}.instructions-bar kbd{transition:border-color .2s ease,box-shadow .2s ease}.instructions-bar:hover kbd{border-color:#63deff4d;box-shadow:0 0 4px #63deff1a}.footer-version{transition:border-color .2s ease,box-shadow .2s ease,color .2s ease}.footer-version:hover{box-shadow:0 0 8px #63deff26}.panel-header .panel-icon{display:inline-block;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.panel-header:hover .panel-icon{transform:scale(1.15) rotate(-5deg)}.saliency-map{background:var(--bg-card);border-radius:var(--radius);padding:12px;border:1px solid var(--border);transition:border-color .3s ease,box-shadow .3s ease;animation:saliencySlideIn .5s cubic-bezier(.34,1.56,.64,1) .25s both}@keyframes saliencySlideIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.saliency-map:hover{border-color:#fb9b0640;box-shadow:0 0 16px #fb9b060f}.saliency-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:12px}.saliency-content{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:8px}.saliency-canvas-wrapper{position:relative;border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 0 12px #fb9b0614;transition:box-shadow .3s ease}.saliency-canvas-wrapper:hover{box-shadow:0 0 20px #fb9b0626}.saliency-canvas{display:block;border-radius:var(--radius-sm);image-rendering:pixelated}.saliency-pulse{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#fb9b06;animation:saliencyPulse 2s ease-in-out infinite}@keyframes saliencyPulse{0%,to{opacity:.4;box-shadow:0 0 4px #fb9b064d}50%{opacity:1;box-shadow:0 0 10px #fb9b0699}}.saliency-stats{display:flex;gap:20px;justify-content:center}.saliency-stat{display:flex;flex-direction:column;align-items:center;gap:1px}.saliency-stat .stat-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.saliency-stat .stat-value{font-size:18px;font-weight:700;font-family:Inter,monospace;color:#fb9b06;text-shadow:0 0 8px rgba(251,155,6,.3)}.saliency-stat .stat-desc{font-size:9px;color:var(--text-muted)}.saliency-legend{display:flex;align-items:center;gap:6px}.saliency-legend .legend-label{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.saliency-hint{font-size:11px;color:var(--text-muted);text-align:center;line-height:1.4}.saliency-hint strong{color:var(--accent-green)}.activation-space{background:var(--bg-card);border-radius:var(--radius);padding:12px;border:1px solid var(--border);transition:border-color .3s ease,box-shadow .3s ease;animation:creativeFeatureSlideIn .5s cubic-bezier(.34,1.56,.64,1) .3s both}.activation-space:hover{border-color:#a78bfa40;box-shadow:0 0 16px #a78bfa0f}.activation-space .panel-header{margin-bottom:6px}.activation-space-epoch{margin-left:auto;font-size:10px;font-family:Inter,monospace;color:var(--accent-purple);background:#a78bfa1a;padding:2px 8px;border-radius:10px;border:1px solid rgba(167,139,250,.2)}.activation-space-canvas{display:block;width:100%;border-radius:var(--radius-sm);background:#0003}.activation-space-legend{display:flex;justify-content:center;gap:4px;margin-top:8px;flex-wrap:wrap}.legend-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--dot-color);background:transparent;color:var(--dot-color);font-size:10px;font-weight:600;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);padding:0}.legend-dot:hover,.legend-dot.active{background:var(--dot-color);color:#0a0e17;transform:scale(1.2);box-shadow:0 0 8px var(--dot-color)}.activation-space-hint{font-size:10px;color:var(--text-muted);text-align:center;margin-top:4px}.confusion-matrix{background:var(--bg-card);border-radius:var(--radius);padding:12px;border:1px solid var(--border);transition:border-color .3s ease,box-shadow .3s ease;animation:creativeFeatureSlideIn .5s cubic-bezier(.34,1.56,.64,1) .5s both}.confusion-matrix:hover{border-color:#63deff26;box-shadow:0 4px 20px #0000004d,0 0 12px #63deff0a}.confusion-matrix .panel-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:600;font-size:13px;color:var(--text-primary)}.confusion-matrix .panel-header:hover{color:var(--accent-blue);text-shadow:0 0 8px rgba(99,222,255,.2)}.confusion-accuracy{margin-left:auto;font-size:12px;font-weight:700;color:var(--accent-green);text-shadow:0 0 6px rgba(16,185,129,.3);font-variant-numeric:tabular-nums}.confusion-content{display:flex;flex-direction:column;align-items:center;gap:8px}.confusion-canvas{border-radius:var(--radius-sm);cursor:crosshair;transition:box-shadow .3s ease}.confusion-canvas:hover{box-shadow:0 0 12px #63deff14}.confusion-tooltip{width:100%;padding:8px 10px;border-radius:var(--radius-sm);font-size:11px;line-height:1.5;animation:confusionTooltipFade .15s ease both}@keyframes confusionTooltipFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.confusion-tooltip.correct{background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.confusion-tooltip.error{background:#ff63841a;border:1px solid rgba(255,99,132,.2)}.confusion-tooltip-title{font-weight:600;color:var(--text-primary);margin-bottom:2px}.confusion-tooltip-stats{color:var(--text-secondary);display:flex;justify-content:space-between}.confusion-tooltip-metrics{font-variant-numeric:tabular-nums;color:var(--text-muted)}.confusion-top-errors{width:100%;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.confusion-top-errors-title{font-size:10px;color:var(--text-muted);white-space:nowrap}.confusion-error-chip{font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent-red);background:#ff63841a;border:1px solid rgba(255,99,132,.15);padding:2px 6px;border-radius:10px;transition:all .2s ease}.confusion-error-chip:hover{background:#ff638433;transform:scale(1.05)}.confusion-empty{font-size:11px;color:var(--text-muted);text-align:center;padding:30px 10px}.gradient-flow-monitor{background:var(--bg-card);border-radius:var(--radius);padding:12px;border:1px solid var(--border);transition:border-color .3s ease,box-shadow .3s ease;animation:creativeFeatureSlideIn .5s cubic-bezier(.34,1.56,.64,1) .6s both}.gradient-flow-monitor:hover{border-color:#63deff26;box-shadow:0 4px 20px #0000004d,0 0 12px #63deff0a}.gradient-flow-monitor .panel-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:600;font-size:13px;color:var(--text-primary)}.gradient-flow-monitor .panel-header:hover{color:var(--accent-blue);text-shadow:0 0 8px rgba(99,222,255,.2)}.gradient-health-badge{margin-left:auto;font-size:14px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.gradient-health-badge:hover{transform:scale(1.2)}.gradient-flow-content{display:flex;flex-direction:column;align-items:center;gap:6px}.gradient-flow-canvas{border-radius:var(--radius-sm);max-width:100%}.gradient-detail-toggle{background:none;border:none;color:var(--text-muted);font-size:10px;font-family:Inter,sans-serif;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.gradient-detail-toggle:hover{color:var(--accent-blue);background:#63deff0d}.gradient-detail-table{width:100%;display:flex;flex-direction:column;gap:3px;animation:gradientDetailFade .2s ease both}@keyframes gradientDetailFade{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.gradient-detail-row{display:flex;align-items:center;gap:8px;font-size:9px;font-variant-numeric:tabular-nums;padding:2px 6px;border-radius:4px;transition:background .15s ease}.gradient-detail-row:hover{background:#63deff0a}.gradient-detail-label{color:var(--text-secondary);min-width:56px;font-weight:500}.gradient-detail-stat,.gradient-detail-dead{color:var(--text-muted);font-family:SF Mono,Fira Code,monospace}.gradient-detail-dead.warning{color:var(--accent-yellow);text-shadow:0 0 4px rgba(251,191,36,.3)}@media(prefers-reduced-motion:reduce){.confusion-matrix,.gradient-flow-monitor,.epoch-replay,.decision-boundary,.confusion-tooltip,.gradient-detail-table{animation:none}.confusion-error-chip:hover,.gradient-health-badge:hover,.replay-btn:hover,.boundary-preset-btn:hover{transform:none}}.epoch-replay{background:var(--bg-card);border-radius:var(--radius);padding:12px;border:1px solid var(--border);transition:border-color .3s ease,box-shadow .3s ease;animation:creativeFeatureSlideIn .5s cubic-bezier(.34,1.56,.64,1) .7s both}.epoch-replay:hover{border-color:#63deff26;box-shadow:0 4px 20px #0000004d,0 0 12px #63deff0a}.epoch-replay .panel-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:600;font-size:13px;color:var(--text-primary);flex-wrap:wrap}.epoch-replay .panel-header:hover{color:var(--accent-blue);text-shadow:0 0 8px rgba(99,222,255,.2)}.epoch-replay-badge{margin-left:auto;font-size:10px;font-family:SF Mono,Fira Code,monospace;color:var(--accent-blue);background:#63deff14;padding:2px 8px;border-radius:10px;border:1px solid rgba(99,222,255,.15);letter-spacing:.02em;text-shadow:0 0 6px rgba(99,222,255,.2)}.epoch-replay-canvas{border-radius:var(--radius-sm);max-width:100%;display:block}.epoch-replay-controls{display:flex;align-items:center;gap:8px;margin-top:8px}.replay-btn{background:#63deff14;border:1px solid rgba(99,222,255,.15);color:var(--accent-blue);font-size:14px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.replay-btn:hover{background:#63deff26;transform:scale(1.1);box-shadow:0 0 10px #63deff26}.replay-btn:active{transform:scale(.92)}.replay-btn.playing{background:#10b9811f;border-color:#10b9814d;color:var(--accent-green);animation:replayBtnPulse 1.5s ease-in-out infinite}@keyframes replayBtnPulse{0%,to{box-shadow:0 0 8px #10b9811a}50%{box-shadow:0 0 16px #10b98140}}.replay-slider{flex:1}.epoch-replay-prediction{display:flex;gap:3px;margin-top:8px;animation:replayPredFade .3s ease both}@keyframes replayPredFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.replay-digit{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.replay-digit-label{font-size:9px;font-weight:600;color:var(--text-muted);transition:color .2s ease,text-shadow .2s ease}.replay-digit.active .replay-digit-label{color:var(--digit-color, var(--accent-blue));text-shadow:0 0 6px var(--digit-color, rgba(99, 222, 255, .3));font-size:11px}.replay-digit-bar{width:100%;height:4px;background:#4b55634d;border-radius:2px;overflow:hidden}.replay-digit-fill{height:100%;background:var(--digit-color, var(--accent-blue));border-radius:2px;transition:width .15s ease;opacity:.5}.replay-digit.active .replay-digit-fill{opacity:1;box-shadow:0 0 4px var(--digit-color, rgba(99, 222, 255, .3))}.epoch-replay-hint{color:var(--text-muted);font-size:11px;text-align:center;padding:10px}.decision-boundary{background:var(--bg-card);border-radius:var(--radius);padding:12px;border:1px solid var(--border);transition:border-color .3s ease,box-shadow .3s ease;animation:creativeFeatureSlideIn .5s cubic-bezier(.34,1.56,.64,1) .8s both}.decision-boundary:hover{border-color:#a78bfa26;box-shadow:0 4px 20px #0000004d,0 0 12px #a78bfa0d}.decision-boundary .panel-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:600;font-size:13px;color:var(--text-primary)}.decision-boundary .panel-header:hover{color:var(--accent-purple);text-shadow:0 0 8px rgba(167,139,250,.2)}.boundary-computing{margin-left:auto;font-size:10px;color:var(--accent-yellow);animation:boundaryPulse 1s ease-in-out infinite}@keyframes boundaryPulse{0%,to{opacity:.5}50%{opacity:1}}.boundary-selector{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.boundary-digit-pair{display:flex;align-items:center;gap:10px;justify-content:center}.boundary-select{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);padding:4px 10px;font-size:16px;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;min-width:50px;text-align:center;transition:all .2s ease}.boundary-select:hover{border-color:var(--accent-purple);box-shadow:0 0 8px #a78bfa1f}.boundary-select:focus-visible{border-color:var(--accent-purple);outline:none;box-shadow:0 0 0 2px #a78bfa4d}.boundary-vs{color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.boundary-presets{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.boundary-preset-btn{background:#a78bfa0f;border:1px solid rgba(167,139,250,.12);color:var(--text-secondary);font-size:10px;font-family:SF Mono,Fira Code,monospace;padding:2px 8px;border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.boundary-preset-btn:hover{background:#a78bfa1f;border-color:#a78bfa4d;color:var(--accent-purple);transform:translateY(-1px)}.boundary-preset-btn:active{transform:scale(.93)}.boundary-preset-btn.active{background:#a78bfa26;border-color:var(--accent-purple);color:var(--accent-purple);box-shadow:0 0 8px #a78bfa26}.boundary-canvas{border-radius:var(--radius-sm);max-width:100%;display:block;cursor:crosshair;margin:0 auto}.boundary-stats{display:flex;justify-content:center;gap:12px;margin-top:8px;font-size:10px;font-family:SF Mono,Fira Code,monospace;color:var(--text-secondary)}.stat-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;vertical-align:middle}.stat-a{color:#36a2eb;text-shadow:0 0 4px rgba(54,162,235,.2)}.stat-b{color:#ff6384;text-shadow:0 0 4px rgba(255,99,132,.2)}.stat-uncertain{color:var(--accent-yellow);text-shadow:0 0 4px rgba(251,191,36,.2)}.boundary-hint{color:var(--text-muted);font-size:11px;text-align:center;padding:10px}.chimera-lab{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px;min-width:320px;transition:border-color .3s ease,box-shadow .3s ease}.chimera-lab:hover{border-color:#a855f74d;box-shadow:0 0 12px #a855f714}.chimera-lab .panel-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text);margin-bottom:10px}.chimera-badge{font-size:10px;color:#a78bfa;background:#a78bfa1f;border:1px solid rgba(167,139,250,.25);border-radius:8px;padding:1px 8px;margin-left:auto}.chimera-hint{color:var(--text-muted);font-size:12px;text-align:center;padding:16px 0}.chimera-presets{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.chimera-preset-btn{display:flex;align-items:center;gap:4px;background:#a78bfa14;border:1px solid rgba(167,139,250,.2);border-radius:6px;padding:3px 8px;cursor:pointer;font-size:11px;color:var(--text-secondary);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.chimera-preset-btn:hover{background:#a78bfa26;border-color:#a78bfa66;transform:translateY(-1px);box-shadow:0 2px 8px #a78bfa26}.chimera-preset-btn:active{transform:scale(.95)}.preset-emoji{font-size:12px}.preset-name{font-weight:500}.chimera-sliders{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;margin-bottom:10px}.chimera-slider-row{display:flex;align-items:center;gap:5px}.chimera-digit-label{font-size:12px;font-weight:700;width:12px;text-align:center;font-family:SF Mono,Cascadia Code,monospace}.chimera-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#4b55634d;border-radius:2px;outline:none}.chimera-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--slider-color, #a78bfa);cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease}.chimera-slider::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 0 8px var(--slider-color, rgba(167, 139, 250, .4))}.chimera-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--slider-color, #a78bfa);border:none;cursor:pointer}.chimera-weight-val{font-size:10px;font-family:SF Mono,Cascadia Code,monospace;color:var(--text-muted);width:28px;text-align:right}.chimera-generate-btn{width:100%;padding:8px;border:1px solid rgba(167,139,250,.3);border-radius:8px;background:linear-gradient(135deg,#a78bfa1f,#818cf81f);color:#a78bfa;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);margin-bottom:10px}.chimera-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#a78bfa33,#818cf833);border-color:#a78bfa80;transform:translateY(-1px);box-shadow:0 4px 14px #a78bfa33}.chimera-generate-btn:active:not(:disabled){transform:scale(.97)}.chimera-generate-btn:disabled{opacity:.4;cursor:not-allowed}.chimera-generate-btn.generating{animation:chimeraPulse 1.5s ease-in-out infinite}@keyframes chimeraPulse{0%,to{box-shadow:0 0 #a78bfa00}50%{box-shadow:0 0 16px #a78bfa4d}}.chimera-result{display:flex;gap:12px;animation:chimeraFadeIn .3s ease}@keyframes chimeraFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chimera-canvas-wrap{position:relative;flex-shrink:0}.chimera-canvas{border-radius:6px;border:1px solid rgba(167,139,250,.2);box-shadow:0 0 12px #a78bfa1a}.chimera-progress{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:9px;color:#a78bfa;background:#000000b3;border-radius:4px;padding:1px 6px}.chimera-confidence{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.chimera-conf-row{display:flex;align-items:center;gap:4px;font-size:10px}.chimera-conf-digit{font-weight:700;width:10px;text-align:center;font-family:SF Mono,Cascadia Code,monospace}.chimera-conf-bar-bg{flex:1;height:8px;background:#4b556333;border-radius:4px;overflow:hidden}.chimera-conf-bar-fill{height:100%;border-radius:4px;transition:width .15s ease}.chimera-conf-pct{font-family:SF Mono,Cascadia Code,monospace;color:var(--text-muted);width:28px;text-align:right}.misfit-gallery{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px;min-width:320px;transition:border-color .3s ease,box-shadow .3s ease}.misfit-gallery:hover{border-color:#ef444440;box-shadow:0 0 12px #ef44440f}.misfit-gallery .panel-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text);margin-bottom:10px}.misfit-accuracy-badge{font-size:10px;font-family:SF Mono,Cascadia Code,monospace;color:#10b981;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:8px;padding:1px 8px;margin-left:auto}.misfit-hint{color:var(--text-muted);font-size:12px;text-align:center;padding:16px 0}.misfit-summary{display:flex;gap:14px;margin-bottom:10px;padding:6px 10px;background:#ef44440a;border-radius:8px;border:1px solid rgba(239,68,68,.1)}.misfit-stat{display:flex;flex-direction:column;align-items:center;gap:1px}.misfit-stat-value{font-size:15px;font-weight:700;font-family:SF Mono,Cascadia Code,monospace;color:var(--text)}.misfit-wrong-count{color:#ef4444;text-shadow:0 0 6px rgba(239,68,68,.25)}.misfit-stat-label{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.misfit-confused-pair{margin-left:auto}.misfit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:4px;margin-bottom:10px}.misfit-cell{display:flex;flex-direction:column;align-items:center;background:#4b556314;border:1px solid rgba(75,85,99,.15);border-radius:6px;padding:3px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.misfit-cell.wrong{border-color:#ef44444d;background:#ef44440f}.misfit-cell.hard{border-color:#f59e0b40;background:#f59e0b0a}.misfit-cell.selected{border-color:#63deff80;box-shadow:0 0 10px #63deff33;transform:scale(1.05)}.misfit-cell:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0003}.misfit-cell:active{transform:scale(.95)}.misfit-thumb{border-radius:3px;image-rendering:pixelated}.misfit-labels{display:flex;align-items:center;gap:2px;font-size:10px;font-weight:700;font-family:SF Mono,Cascadia Code,monospace;margin-top:2px}.misfit-arrow{font-size:8px;color:#ef4444}.misfit-loss-bar{position:absolute;bottom:0;left:0;height:2px;border-radius:0 0 5px 5px;transition:width .3s ease}.misfit-detail{background:#4b55630f;border:1px solid rgba(99,222,255,.15);border-radius:8px;padding:10px;animation:misfitDetailSlideIn .25s ease}@keyframes misfitDetailSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.misfit-detail-header{display:flex;gap:12px;margin-bottom:10px}.misfit-detail-canvas{border-radius:6px;border:1px solid rgba(99,222,255,.2);image-rendering:pixelated;flex-shrink:0}.misfit-detail-info{display:flex;flex-direction:column;justify-content:center;gap:4px}.misfit-detail-verdict{font-size:12px;font-weight:600}.misfit-verdict-wrong{color:#ef4444}.misfit-verdict-hard{color:#f59e0b}.misfit-detail-loss{font-size:11px;color:var(--text-muted);font-family:SF Mono,Cascadia Code,monospace}.misfit-detail-bars{display:flex;flex-direction:column;gap:3px}.misfit-detail-bar-row{display:flex;align-items:center;gap:5px;font-size:10px}.misfit-detail-bar-row.true-class{font-weight:700}.misfit-bar-digit{width:18px;text-align:center;font-family:SF Mono,Cascadia Code,monospace;font-weight:700;position:relative}.misfit-bar-tag{font-size:7px;position:absolute;top:-3px;right:-2px}.misfit-bar-tag.true{color:#10b981}.misfit-bar-tag.pred{color:#ef4444}.misfit-bar-bg{flex:1;height:10px;background:#4b556333;border-radius:5px;overflow:hidden}.misfit-bar-fill{height:100%;border-radius:5px;transition:width .3s ease}.misfit-bar-pct{font-family:SF Mono,Cascadia Code,monospace;color:var(--text-muted);width:28px;text-align:right}.weight-evolution .panel-header{color:#f5a623}.weight-evolution .panel-header:hover{text-shadow:0 0 8px rgba(245,166,35,.3)}.weight-evolution .panel-badge{font-size:10px;color:#89a;background:#f5a6231a;padding:1px 6px;border-radius:8px;margin-left:auto;font-variant-numeric:tabular-nums}.we-timeline{display:flex;align-items:center;gap:8px;margin:8px 0 4px}.we-play-btn{width:28px;height:28px;border-radius:50%;border:1px solid rgba(245,166,35,.3);background:#f5a62314;color:#f5a623;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.we-play-btn:hover{background:#f5a62326;transform:scale(1.1);box-shadow:0 0 8px #f5a62333}.we-play-btn:active{transform:scale(.92)}.we-play-btn.playing{background:#f5a62333;box-shadow:0 0 10px #f5a62340;animation:weBtnPulse 2s ease-in-out infinite}@keyframes weBtnPulse{0%,to{box-shadow:0 0 6px #f5a62333}50%{box-shadow:0 0 14px #f5a62359}}.we-scrubber{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#f5a62326;border-radius:2px;outline:none}.we-scrubber::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#f5a623;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.we-scrubber::-webkit-slider-thumb:hover,.we-scrubber:active::-webkit-slider-thumb{transform:scale(1.35);box-shadow:0 0 10px #f5a62380}.we-scrubber::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#f5a623;border:none;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.we-scrubber::-moz-range-thumb:hover,.we-scrubber:active::-moz-range-thumb{transform:scale(1.35);box-shadow:0 0 10px #f5a62380}.we-epoch-label{font-size:11px;font-family:JetBrains Mono,monospace;color:#f5a623;text-shadow:0 0 6px rgba(245,166,35,.3);min-width:30px;text-align:right}.we-metrics{display:flex;gap:12px;font-size:10px;color:#89a;margin-bottom:6px}.we-metric strong{font-family:JetBrains Mono,monospace;color:#bcc8d4}.we-metric strong.stat-good{color:#10b981;text-shadow:0 0 4px rgba(16,185,129,.3)}.we-sparkline{height:22px;margin-bottom:6px;position:relative}.we-sparkline svg{width:100%;height:20px;display:block}.we-sparkline-label{position:absolute;right:0;top:0;font-size:8px;color:#63deff66}.we-grid-container{display:flex;gap:10px;align-items:flex-start}.we-grid{border-radius:4px;image-rendering:pixelated}.we-magnifier{display:flex;flex-direction:column;align-items:center;gap:4px;animation:weMagnifierIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes weMagnifierIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.we-magnifier-canvas{border-radius:6px;border:1px solid rgba(99,222,255,.2);image-rendering:pixelated;box-shadow:0 0 10px #63deff1a}.we-magnifier-label{font-size:9px;color:#63deff;font-family:JetBrains Mono,monospace}.ablation-lab .panel-header{color:#e06c9f}.ablation-lab .panel-header:hover{text-shadow:0 0 8px rgba(224,108,159,.3)}.ablation-intro{text-align:center;padding:8px 0}.ablation-desc{font-size:11px;color:#89a;line-height:1.5;margin-bottom:10px}.ablation-run-btn{padding:8px 18px;border-radius:8px;border:1px solid rgba(224,108,159,.3);background:#e06c9f14;color:#e06c9f;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.ablation-run-btn:hover:not(:disabled){background:#e06c9f26;transform:scale(1.05);box-shadow:0 0 12px #e06c9f33}.ablation-run-btn:active:not(:disabled){transform:scale(.95)}.ablation-run-btn:disabled{opacity:.4;cursor:not-allowed}.ablation-running{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0;color:#e06c9f;font-size:12px;animation:ablationPulse 1.5s ease-in-out infinite}@keyframes ablationPulse{0%,to{opacity:.6}50%{opacity:1}}.ablation-spinner{animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ablation-stats{display:flex;gap:16px;font-size:11px;color:#89a;margin:4px 0 6px}.ablation-stat strong{font-family:JetBrains Mono,monospace;color:#bcc8d4;text-shadow:0 0 4px rgba(224,108,159,.2)}.ablation-callouts{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.ablation-callout{display:flex;align-items:center;gap:6px;font-size:10px;padding:4px 8px;border-radius:6px;animation:calloutSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes calloutSlideIn{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.ablation-callout.critical{background:#ff505014;border:1px solid rgba(255,80,80,.15);color:#ff6b6b}.ablation-callout.redundant{background:#50a0ff14;border:1px solid rgba(80,160,255,.15);color:#6bb3ff}.callout-icon{font-size:12px}.ablation-callout small{color:#678;font-family:JetBrains Mono,monospace}.ablation-heatmap-container{position:relative}.ablation-heatmap{border-radius:4px;cursor:crosshair}.ablation-tooltip{position:absolute;top:-4px;right:0;background:#0a0c18eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(224,108,159,.2);border-radius:6px;padding:6px 10px;display:flex;flex-direction:column;gap:2px;font-size:10px;color:#bcc8d4;z-index:10;pointer-events:none;animation:tooltipFadeIn .15s ease;box-shadow:0 4px 12px #0006}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ablation-tooltip strong{color:#e06c9f;font-family:JetBrains Mono,monospace;font-size:11px}.ablation-rerun-btn{display:block;margin:8px auto 0;padding:4px 12px;border-radius:6px;border:1px solid rgba(224,108,159,.2);background:transparent;color:#89a;font-size:11px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.ablation-rerun-btn:hover:not(:disabled){color:#e06c9f;border-color:#e06c9f66;transform:scale(1.05)}.ablation-rerun-btn:active:not(:disabled){transform:scale(.95)}.ablation-rerun-btn:disabled{opacity:.4;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.chimera-generate-btn.generating,.chimera-preset-btn,.chimera-result,.misfit-cell,.misfit-detail,.we-play-btn.playing,.we-magnifier,.ablation-running,.ablation-spinner,.ablation-callout,.ablation-tooltip{animation:none!important;transition:none!important}}