:root{--bg-primary: var(--surface-0);--bg-secondary: var(--surface-1);--bg-tertiary: var(--surface-2);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-secondary);--border-color: var(--border-subtle);--accent-color: rgb(var(--color-cyan-rgb))}html.dark{color-scheme:dark}html:not(.dark){color-scheme:light}html.dark body{background:var(--surface-0)!important;color:rgb(var(--color-text-primary-rgb))!important}html:not(.dark) body,body[data-theme=light]{background:var(--surface-0)!important;color:rgb(var(--color-text-primary-rgb))!important}.workflow-stepper{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem 1rem;background:#0f172a99;border-radius:.5rem;border:1px solid rgba(51,65,85,.3);height:40px}.stepper-step{display:flex;align-items:center;gap:.375rem}.step-indicator{width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#33415580;border:2px solid rgba(71,85,105,.5);transition:all .3s ease}.step-indicator.active{background:#14b8a633;border-color:#14b8a6}.step-indicator.completed{background:#14b8a6;border-color:#14b8a6}.step-icon{width:.75rem;height:.75rem;color:#64748b;transition:color .3s ease}.step-indicator.active .step-icon,.step-indicator.completed .step-icon{color:#14b8a6}.step-indicator.completed .step-icon{color:#fff}.step-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#94a3b8;transition:color .3s ease}.stepper-step:has(.step-indicator.active) .step-label{color:#14b8a6}.stepper-step:has(.step-indicator.completed) .step-label{color:#94a3b8}.step-connector{width:1.5rem;height:2px;background:#47556980;transition:background .3s ease}.step-connector.completed{background:#14b8a6}.sidebar-tabs{display:flex;gap:.25rem;padding:.25rem;background:#0f172a99;border-radius:.5rem;border:1px solid rgba(51,65,85,.3)}.sidebar-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.sidebar-tab:hover{color:#94a3b8;background:#3341554d}.sidebar-tab.active{color:#14b8a6;background:#14b8a626}.tab-content{display:none;flex-direction:column;gap:1rem;max-width:100%;min-width:0}.tab-content.active{display:flex}.empty-state-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.empty-state-cta .empty-state-icon{width:3rem;height:3rem;color:#475569;margin-bottom:1rem}.empty-state-cta .empty-state-title{font-size:.875rem;font-weight:500;color:#94a3b8;margin-bottom:.5rem}.empty-state-cta .empty-state-description{font-size:.75rem;color:#64748b;margin-bottom:1rem}.empty-state-cta .btn-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;color:#fff;background:var(--accent-color);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.empty-state-cta .btn-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #14b8a64d}.mobile-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:40;display:flex;flex-direction:column;gap:.75rem}.fab-btn{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .2s ease}.fab-btn:hover{transform:scale(1.05)}.fab-btn:active{transform:scale(.95)}.fab-primary{background:var(--accent-color);color:#fff}.fab-secondary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.fab-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.mobile-fab.hidden{display:none}@media(max-width:767px){.metrics-sticky{position:fixed;bottom:80px;left:.75rem;right:.75rem;z-index:35;background:#0f172af2;backdrop-filter:blur(8px);border-radius:.75rem;border:1px solid rgba(51,65,85,.5);padding:.5rem;box-shadow:0 -4px 12px #0003}.metrics-sticky .metric-row{display:flex;justify-content:space-around;gap:.5rem}.metrics-sticky .metric-item{text-align:center;flex:1}.metrics-sticky .metric-value{font-size:1rem;font-weight:700;font-family:JetBrains Mono,monospace}.metrics-sticky .metric-label{font-size:.5625rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.metrics-sticky.hidden{display:none}}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#0f172afa;backdrop-filter:blur(12px);border-top-left-radius:1rem;border-top-right-radius:1rem;border-top:1px solid rgba(51,65,85,.5);box-shadow:0 -4px 20px #0000004d;transform:translateY(calc(100% - 48px));transition:transform .3s ease}.bottom-sheet.expanded{transform:translateY(0)}.bottom-sheet-handle{display:flex;justify-content:center;padding:.75rem;cursor:grab}.handle-bar{width:2.5rem;height:4px;background:#47556999;border-radius:2px}.bottom-sheet-content{padding:0 1rem 1.5rem}.bottom-sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.bottom-sheet-controls{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.sheet-control-group{display:flex;flex-direction:column;gap:.25rem}.sheet-label{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.sheet-select,.sheet-input{padding:.5rem .75rem;font-size:.75rem;background:#1e293bcc;border:1px solid rgba(51,65,85,.5);border-radius:.5rem;color:#f1f5f9}.sheet-select:focus,.sheet-input:focus{outline:none;border-color:#14b8a6}.sheet-btn-primary{grid-column:span 2;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;font-size:.75rem;font-weight:600;color:#fff;background:var(--accent-color);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.sheet-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #14b8a64d}header.training-active{padding-top:.25rem!important;padding-bottom:.25rem!important;margin-bottom:.5rem!important}header.training-active h1{font-size:.875rem!important}header.training-active span{display:none!important}header.training-active .flex-1:last-child{gap:.25rem!important}header.training-active button{padding:.375rem!important}header.training-active svg{width:1rem!important;height:1rem!important}#viz-container.training-active{box-shadow:0 0 0 2px #14b8a666,0 0 20px #14b8a626;animation:training-pulse 2s ease-in-out infinite}@keyframes training-pulse{0%,to{box-shadow:0 0 0 2px #14b8a64d,0 0 15px #14b8a61a}50%{box-shadow:0 0 0 3px #14b8a680,0 0 25px #14b8a640}}@media(prefers-reduced-motion:reduce){#viz-container.training-active{animation:none;box-shadow:0 0 0 3px #14b8a680}}.wizard-progress-dot{flex:1;height:4px;background:#33415580;border-radius:2px;transition:background .3s ease}.wizard-progress-dot.active,.wizard-progress-dot.completed{background:#14b8a6}.wizard-step{display:none}.wizard-step.active{display:block;animation:wizardFadeIn .3s ease}@keyframes wizardFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.wizard-dataset-btn{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#1e293b80;border:2px solid rgba(51,65,85,.5);border-radius:.75rem;cursor:pointer;transition:all .2s ease}.wizard-dataset-btn:hover{background:#1e293bcc;border-color:#475569cc}.wizard-dataset-btn.active{background:#14b8a61a;border-color:#14b8a6}.wizard-dataset-icon{font-size:1.5rem;margin-bottom:.5rem}.wizard-dataset-label{font-size:.875rem;font-weight:600;color:#fff}.wizard-dataset-desc{font-size:.625rem;color:#64748b;margin-top:.25rem}.wizard-arch-btn{display:flex;align-items:center;gap:1rem;width:100%;padding:.75rem 1rem;background:#1e293b80;border:2px solid rgba(51,65,85,.5);border-radius:.75rem;cursor:pointer;transition:all .2s ease;text-align:left}.wizard-arch-btn:hover{background:#1e293bcc;border-color:#475569cc}.wizard-arch-btn.active{background:#14b8a61a;border-color:#14b8a6}.wizard-arch-visual{display:flex;align-items:center;gap:2px}.arch-node{width:10px;height:10px;background:#14b8a6;border-radius:50%}.arch-node.small{width:6px;height:6px;background:#64748b}.arch-line{width:8px;height:2px;background:#47556980}.wizard-arch-label{font-size:.875rem;font-weight:600;color:#fff}.wizard-arch-desc{font-size:.75rem;color:#64748b}.empty-state-preview{position:relative;width:120px;height:120px;margin:0 auto 1rem}.preview-point{position:absolute;width:8px;height:8px;border-radius:50%;animation:previewFloat 3s ease-in-out infinite}.preview-point.class-a{background:#f97316}.preview-point.class-b{background:#3b82f6}.preview-boundary{position:absolute;inset:20%;border:2px dashed rgba(20,184,166,.5);border-radius:50%;animation:previewPulse 2s ease-in-out infinite}@keyframes previewFloat{0%,to{transform:translate(0)}25%{transform:translate(3px,-3px)}50%{transform:translate(-2px,2px)}75%{transform:translate(2px,3px)}}@keyframes previewPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:.8}}#viz-container{touch-action:none}.touch-indicator{position:absolute;pointer-events:none;z-index:100}.pinch-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#000000b3;border-radius:2rem;color:#fff;font-size:.75rem;opacity:0;transition:opacity .2s ease}.pinch-indicator.visible{opacity:1}.zoom-level{position:absolute;bottom:.5rem;right:.5rem;padding:.25rem .5rem;background:#0009;border-radius:.25rem;color:#94a3b8;font-size:.625rem;font-family:monospace}#viz-container .x-axis,#viz-container .y-axis{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}html:not(.dark) #viz-container .x-axis,html:not(.dark) #viz-container .y-axis{color:#64748b}@media(prefers-contrast:high){#viz-container .x-axis,#viz-container .y-axis{color:#e5e7eb}}html:not(.dark) #viz-container .x-axis,html:not(.dark) #viz-container .y-axis{color:var(--color-text-secondary)}#viz-container .x-axis line,#viz-container .y-axis line,#viz-container .x-axis path,#viz-container .y-axis path{stroke:#585b70}#viz-container .x-axis text,#viz-container .y-axis text{fill:#64748b;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.5}@media(max-width:480px){#viz-container .x-axis text,#viz-container .y-axis text{font-size:.6875rem}}#viz-container .boundary-cell{transition:opacity .15s ease-out}#viz-container .data-point{stroke-width:2;transition:r .2s ease-out}#viz-container .data-point:hover{r:8}.status-idle{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}html:not(.dark) .status-idle{color:#64748b}@media(prefers-contrast:high){.status-idle{color:#e5e7eb}}html:not(.dark) .status-idle{color:var(--color-text-secondary)}.status-running{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1));animation:pulse 2s ease-in-out infinite}.status-paused{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}html:not(.dark) #challenge-banner .status-paused{color:#b45309}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.hidden{display:none!important}.toast-container{position:fixed;top:16px;right:16px;z-index:200;display:flex;flex-direction:column;gap:8px}@media(max-width:480px){.grid-cols-4.toast-container{grid-template-columns:repeat(2,1fr);gap:.375rem}}.toast-container{pointer-events:none}.toast{display:flex;min-width:280px;max-width:28rem;align-items:center;gap:12px;padding:16px;border-radius:16px;border-width:1px;--tw-shadow: 0 20px 25px rgba(0, 0, 0, .3);--tw-shadow-colored: 0 20px 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);pointer-events:auto;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.toast-show{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.toast-hide{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.toast-success{--tw-border-opacity: 1;border-color:rgb(5 150 105 / var(--tw-border-opacity, 1));background-color:#064e3be6;--tw-text-opacity: 1;color:rgb(209 250 229 / var(--tw-text-opacity, 1))}.toast-error{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));background-color:#7f1d1de6;--tw-text-opacity: 1;color:rgb(254 226 226 / var(--tw-text-opacity, 1))}.toast-warning{--tw-border-opacity: 1;border-color:rgb(217 119 6 / var(--tw-border-opacity, 1));background-color:#78350fe6;--tw-text-opacity: 1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}.toast-info{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1));background-color:#1e3a8ae6;--tw-text-opacity: 1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))}.toast-icon{flex-shrink:0;font-size:28px;line-height:1.2}@media(max-width:480px){.toast-icon{font-size:1.25rem}}@media(min-width:481px)and (max-width:767px){.toast-icon{font-size:1.375rem}}@media(min-width:2560px){.toast-icon{font-size:2rem}}.toast-message{flex:1 1 0%;font-size:14px;line-height:1.5;font-weight:500}header.training-active .toast-message:last-child{gap:.25rem}@media(max-width:480px){.toast-message{font-size:.75rem}}.toast-close{margin-left:8px;flex-shrink:0;font-size:24px;line-height:1;opacity:.7}@media(max-width:480px){.toast-close{font-size:1.25rem}}@media(min-width:481px)and (max-width:767px){.toast-close{font-size:1.25rem}}.toast-close:hover{opacity:1}.toast-close{cursor:pointer;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-style:none;background-color:transparent;color:currentColor}html:not(.dark) .panel,html:not(.dark) .panel-glow{background-color:#fff!important;border-color:#e2e8f0!important;box-shadow:0 10px 15px -3px #e2e8f080!important}html:not(.dark) .control-fieldset{background-color:#f8fafc!important;border-color:#e2e8f0!important}html:not(.dark) .control-legend{color:#334155!important}html:not(.dark) .input-field,html:not(.dark) .select-field{background-color:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important}html:not(.dark) .input-label{color:#475569!important}html:not(.dark) .btn-secondary{background-color:#f1f5f9!important;border-color:#cbd5e1!important;color:#334155!important}html:not(.dark) .btn-secondary:hover:not(:disabled){background-color:#e2e8f0!important}html:not(.dark) .btn-danger{background-color:#fee2e2!important;border-color:#fca5a5!important;color:#b91c1c!important}html:not(.dark) .btn-danger:hover:not(:disabled){background-color:#fecaca!important}html:not(.dark) .metric-card{background-color:#f1f5f9!important;border-color:#e2e8f0!important}html:not(.dark) .metric-label{color:#64748b!important}html:not(.dark) .metric-value,html:not(.dark) .metric-value-accent{color:#1e293b!important}html:not(.dark) .text-gradient,html:not(.dark) .text-gradient-purple{color:#0d9488!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:unset!important}html:not(.dark) .glow-accent{text-shadow:none!important}html:not(.dark) .kbd{background-color:#e2e8f0!important;border-color:#cbd5e1!important;color:#475569!important}html:not(.dark) header{border-color:#e2e8f0!important}html:not(.dark) .toast-container .toast{box-shadow:0 10px 15px -3px #0000001a!important}html:not(.dark) #btn-theme-toggle,html:not(.dark) #btn-fullscreen{background-color:#e2e8f0!important}html:not(.dark) #btn-theme-toggle:hover,html:not(.dark) #btn-fullscreen:hover{background-color:#cbd5e1!important}html:not(.dark) #btn-fullscreen svg{color:#475569!important}html:not(.dark) .btn-draw{background-color:#f1f5f9!important;border-color:#cbd5e1!important;color:#475569!important}html:not(.dark) .btn-draw:hover{background-color:#e2e8f0!important}html:not(.dark) .btn-draw.active{background-color:#0d94881a!important;border-color:#0d9488!important;color:#0d9488!important}html:not(.dark) #loss-chart-container{background-color:#f8fafc!important;border-color:#e2e8f0!important}html:not(.dark) ::-webkit-scrollbar-track{background-color:#f1f5f9!important}html:not(.dark) ::-webkit-scrollbar-thumb{background-color:#cbd5e1!important}html:not(.dark) ::-webkit-scrollbar-thumb:hover{background-color:#94a3b8!important}html:not(.dark) .toast-success{background-color:#10b981e6!important;border-color:#10b981!important;color:#fff!important}html:not(.dark) .toast-error{background-color:#ef4444e6!important;border-color:#ef4444!important;color:#fff!important}html:not(.dark) .toast-warning{background-color:#f59e0be6!important;border-color:#f59e0b!important;color:#fff!important}html:not(.dark) .toast-info{background-color:#3b82f6e6!important;border-color:#3b82f6!important;color:#fff!important}html:not(.dark) :focus-visible{--tw-ring-offset-color: #f8fafc !important}html:not(.dark) .border-navy-700\/50,html:not(.dark) .border-navy-700,html:not(.dark) .border-navy-600{border-color:#e2e8f0!important}html:not(.dark) .bg-navy-800,html:not(.dark) .bg-navy-800\/80{background-color:#e2e8f0!important}html:not(.dark) .bg-navy-700,html:not(.dark) .bg-navy-700\/50{background-color:#cbd5e1!important}html:not(.dark) .bg-navy-950,html:not(.dark) .bg-navy-950\/60{background-color:#f8fafc!important}html:not(.dark) #viz-container{background-color:#fff!important}html:not(.dark) input[type=range]{background-color:#cbd5e1!important}html:not(.dark) .shadow-glow{box-shadow:0 0 20px #0d948833!important}html:not(.dark) .shadow-black\/20{--tw-shadow-color: rgba(148, 163, 184, .2) !important}html:not(.dark) .btn-primary{background:var(--accent-color)!important}html:not(.dark) .hover\:bg-navy-700:hover{background-color:#cbd5e1!important}html:not(.dark) .hover\:bg-navy-600:hover{background-color:#94a3b8!important}html:not(.dark) .bg-navy-900,html:not(.dark) .bg-navy-900\/50{background-color:#f1f5f9!important}#loss-chart-container{display:flex;align-items:center;justify-content:center}#loss-chart-container svg{max-width:100%;height:auto}html:not(.dark) #loss-chart-container{background-color:#f1f5f9!important}html:not(.dark) .text-slate-100,html:not(.dark) .text-slate-200,html:not(.dark) .text-slate-300,html:not(.dark) .text-white{color:#334155!important}html:not(.dark) .border-navy-700\/50{border-color:#e2e8f0!important}html:not(.dark),html:not(.dark) body{background:var(--surface-0)!important;color:rgb(var(--color-text-primary-rgb))!important;color-scheme:light!important}html:not(.dark) .text-slate-100,html:not(.dark) .text-slate-200,html:not(.dark) .text-slate-300{color:#334155!important}html:not(.dark) .text-slate-400,html:not(.dark) .text-slate-500{color:#64748b!important}html:not(.dark) input,html:not(.dark) select,html:not(.dark) textarea{color:#0f172a!important;background-color:#fff!important;border-color:#cbd5e1!important}html:not(.dark) input::-moz-placeholder{color:#94a3b8!important}html:not(.dark) input::placeholder{color:#94a3b8!important}html:not(.dark) input[type=range]{background-color:#e2e8f0!important}html:not(.dark) input[type=checkbox]{background-color:#fff!important;border-color:#cbd5e1!important}html:not(.dark) svg{color:#475569!important}html:not(.dark) .text-gradient{color:#0d9488!important;-webkit-text-fill-color:#0d9488!important}html:not(.dark) button{color:inherit}html:not(.dark) .btn-primary{color:#fff!important}html:not(.dark) .btn-primary svg{color:#fff!important}html:not(.dark) .bg-navy-800\/50,html:not(.dark) .bg-navy-800\/80,html:not(.dark) .bg-navy-900\/50{background-color:#f1f5f9cc!important}html:not(.dark) .border-navy-700\/50,html:not(.dark) .border-navy-600{border-color:#e2e8f0!important}html:not(.dark) #export-dropdown{background-color:#fff!important;border-color:#e2e8f0!important}html:not(.dark) .dropdown-item{color:#334155!important}html:not(.dark) .dropdown-item:hover{background-color:#f1f5f9!important;color:#0f172a!important}html:not(.dark) header button{background-color:#e2e8f0!important}html:not(.dark) header button:hover{background-color:#cbd5e1!important}html:not(.dark) [id$=-container]{background-color:#f1f5f980!important}html:not(.dark) .border-navy-700\/50{border-color:#cbd5e1!important}html:not(.dark) .bg-navy-700\/50{background-color:#cbd5e1!important}html:not(.dark) .loss-chart text,html:not(.dark) .weight-histogram text,html:not(.dark) .gradient-flow text,html:not(.dark) .network-diagram text,html:not(.dark) .lr-finder text,html:not(.dark) svg text{fill:#334155!important}html:not(.dark) .loss-chart .domain,html:not(.dark) .loss-chart .tick line,html:not(.dark) .weight-histogram .domain,html:not(.dark) .weight-histogram .tick line,html:not(.dark) svg .domain,html:not(.dark) svg .tick line{stroke:#94a3b8!important}html:not(.dark) svg .grid line{stroke:#e2e8f0!important}html:not(.dark) .chart-legend text,html:not(.dark) svg .legend text{fill:#475569!important}html:not(.dark) #gradient-flow-container text{fill:#334155!important;font-weight:500}html:not(.dark) .weight-histogram rect{fill:#64748b!important}html:not(.dark) #activations-container text{fill:#334155!important}#weight-histogram-container,#gradient-flow-container{display:flex;align-items:center;justify-content:center;min-height:140px;max-height:200px;overflow:hidden}#lr-finder-container,#network-diagram-container,#activations-container{display:flex;align-items:center;justify-content:center;min-height:120px;max-height:220px;overflow:hidden}#weight-histogram-container svg,#gradient-flow-container svg,#lr-finder-container svg,#network-diagram-container svg,#activations-container svg{max-width:100%;max-height:100%;height:auto}#confusion-matrix-container{display:flex;align-items:center;justify-content:center;min-height:140px;max-height:240px;overflow:hidden}#confusion-matrix-container svg{max-width:280px;max-height:220px;width:auto;height:auto}.training-history-layout{display:flex;gap:.5rem;align-items:stretch}.training-stats-panel{display:flex;flex-direction:column;justify-content:space-around;min-width:70px;padding:.5rem;background-color:#0f172a4d;border-radius:.5rem;border:1px solid rgba(51,65,85,.3)}.stat-group{text-align:center;padding:.25rem 0}.stat-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.125rem}.stat-value{font-size:.875rem;font-weight:600;font-family:JetBrains Mono,monospace}html:not(.dark) .training-stats-panel{background-color:#f1f5f980;border-color:#cbd5e180}html:not(.dark) .stat-label{color:#64748b}html:not(.dark) .stat-value{color:#334155}@media(max-width:480px){.training-history-layout{flex-direction:column}.training-stats-panel{flex-direction:row;justify-content:space-around;min-width:auto}}#main-controls.sidebar-container{display:flex!important;flex-direction:column!important;height:calc(100vh - 200px)!important;max-height:calc(100vh - 200px)!important;overflow:hidden!important}#main-controls .sidebar-scroll-area{flex:1 1 auto!important;overflow-y:auto!important;min-height:0!important}#sidebar-sticky-footer{flex:0 0 auto!important;flex-shrink:0!important;padding:.75rem;background:linear-gradient(135deg,#0f172afa,#0a0f1afc);border-top:2px solid rgba(20,184,166,.4)!important;backdrop-filter:blur(12px);border-radius:0 0 .75rem .75rem;z-index:10;box-shadow:0 -4px 12px #0000004d!important;display:flex;flex-direction:column;gap:.5rem;min-height:80px!important}html:not(.dark) #sidebar-sticky-footer{background:linear-gradient(135deg,#f8fafcfa,#f1f5f9fc);border-top:2px solid rgba(13,148,136,.4)!important;box-shadow:0 -4px 12px #0000001a!important}#sidebar-sticky-footer .sticky-controls-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.375rem}#sidebar-sticky-footer .btn-sticky{padding:.5rem .25rem!important;font-size:.6875rem!important;display:flex;align-items:center;justify-content:center;gap:.25rem}#sidebar-sticky-footer .btn-sticky svg{width:.875rem;height:.875rem}#sidebar-sticky-footer .sticky-metrics{display:flex;align-items:center;justify-content:center;gap:.75rem;padding-top:.5rem;border-top:1px solid rgba(51,65,85,.3)}#sidebar-sticky-footer .sticky-metric{display:flex;flex-direction:column;align-items:center;gap:.125rem}#sidebar-sticky-footer .sticky-metric-label{font-size:.5625rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b}#sidebar-sticky-footer .sticky-metric-value{font-size:.875rem;font-weight:700;font-family:JetBrains Mono,monospace}#sidebar-sticky-footer .sticky-metric-divider{width:1px;height:1.5rem;background:#33415566}@media(max-width:767px){#sidebar-sticky-footer{display:none!important}}.explain-moment-panel{position:relative;background:linear-gradient(135deg,#14b8a614,#0ea5e90f);border:1px solid rgba(20,184,166,.25);border-radius:.75rem;padding:1rem;margin-bottom:1rem;animation:slideIn .3s ease-out}html:not(.dark) .explain-moment-panel{background:linear-gradient(135deg,#0d94881a,#0ea5e914);border-color:#0d94884d}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.explain-moment-panel.type-success{background:linear-gradient(135deg,#10b98114,#0596690f);border-color:#10b98140}.explain-moment-panel.type-warning{background:linear-gradient(135deg,#f59e0b14,#d977060f);border-color:#f59e0b40}.explain-moment-panel.type-plateau{background:linear-gradient(135deg,#94a3b814,#64748b0f);border-color:#94a3b840}.explain-moment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.explain-moment-icon{font-size:1.25rem;flex-shrink:0}.explain-moment-title{font-size:.875rem;font-weight:600;color:#14b8a6;flex:1}html:not(.dark) .explain-moment-title{color:#0d9488}.explain-moment-close{background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.explain-moment-close:hover{color:#94a3b8}.explain-moment-message{font-size:.8125rem;line-height:1.5;color:#cbd5e1;white-space:pre-line;margin-bottom:.75rem}html:not(.dark) .explain-moment-message{color:#475569}.explain-moment-tip{display:flex;align-items:flex-start;gap:.5rem;padding:.625rem;background:#0f172a66;border-radius:.5rem;border-left:3px solid #14b8a6}html:not(.dark) .explain-moment-tip{background:#fff9;border-left-color:#0d9488}.explain-moment-tip-icon{font-size:1rem;flex-shrink:0;margin-top:.125rem}.explain-moment-tip-text{font-size:.75rem;line-height:1.4;color:#94a3b8;font-style:italic}html:not(.dark) .explain-moment-tip-text{color:#64748b}.btn-explain-moment{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:500;color:#fff;background:var(--accent-color);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;margin-bottom:1rem}.btn-explain-moment:hover{transform:translateY(-1px);box-shadow:0 4px 12px #14b8a64d}.btn-explain-moment:active{transform:translateY(0)}.btn-explain-moment svg{width:1rem;height:1rem}html:not(.dark) .btn-explain-moment{background:var(--accent-color)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:28px;padding:12px 0;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--surface-2);border-radius:2px}input[type=range]::-moz-range-track{height:4px;background:var(--surface-2);border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:rgb(var(--color-cyan-rgb));border-radius:50%;cursor:pointer;margin-top:-5px;-webkit-transition:transform .15s ease;transition:transform .15s ease}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:rgb(var(--color-cyan-rgb));border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #14b8a666;-moz-transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid rgb(var(--color-cyan-rgb));outline-offset:2px}input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid rgb(var(--color-cyan-rgb));outline-offset:2px}input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-color)}label:has(input[type=checkbox]){min-height:44px;display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 0}.btn,.btn-primary,.btn-secondary,.btn-danger{min-height:44px;min-width:44px}.btn-sm{min-height:44px;padding:.625rem 1rem}.btn-icon{min-width:44px;min-height:44px;padding:.625rem}html:not(.dark) input[type=range]::-webkit-slider-runnable-track{background:#acb0be4d;height:3px}html:not(.dark) input[type=range]::-moz-range-track{background:#acb0be4d;height:3px}html:not(.dark) input[type=range]::-webkit-slider-thumb{background:var(--accent-color)}html:not(.dark) input[type=range]::-moz-range-thumb{background:var(--accent-color)}html:not(.dark) input[type=checkbox]{accent-color:var(--accent-color)}@media(max-width:480px){h1,.text-xl,.text-2xl{font-size:1.25rem!important}h2,.text-lg{font-size:1.125rem!important}body,p,.text-base{font-size:.875rem!important}.text-sm{font-size:.75rem!important}.text-xs{font-size:.6875rem!important}}@media(min-width:481px)and (max-width:767px){h1,.text-2xl{font-size:1.375rem!important}h2,.text-xl{font-size:1.25rem!important}}@media(max-width:480px){.btn,.btn-primary,.btn-secondary{padding:.625rem .875rem;font-size:.8125rem;min-height:44px}}@media(min-width:481px)and (max-width:767px){.btn,.btn-primary,.btn-secondary{padding:.6875rem 1rem;font-size:.875rem}}@media(max-width:480px){.grid-cols-2{grid-template-columns:1fr!important}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)!important}}@media(min-width:481px)and (max-width:767px){.grid-cols-4{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:480px){header{padding:.5rem!important}header h1{font-size:1.125rem!important}header .header-actions{gap:.25rem!important}header button{padding:.5rem!important}}@media(min-width:481px)and (max-width:767px){header{padding:.75rem!important}header h1{font-size:1.25rem!important}}@media(max-width:480px){.workflow-stepper{padding:.375rem .5rem;gap:.5rem;height:36px}.step-label{display:none}.step-connector{width:1rem}.step-indicator{width:1.25rem;height:1.25rem}.step-icon{width:.625rem;height:.625rem}}@media(min-width:481px)and (max-width:767px){.workflow-stepper{padding:.4rem .75rem;gap:.625rem;height:38px}.step-label{font-size:.5625rem}}@media(max-width:480px){.sidebar-tabs{gap:.125rem}.sidebar-tab{padding:.5rem .375rem;font-size:.6875rem}.sidebar-tab svg{width:.875rem;height:.875rem}}@media(min-width:481px)and (max-width:767px){.sidebar-tabs{gap:.1875rem}.sidebar-tab{padding:.5625rem .5rem;font-size:.75rem}}@media(max-width:480px){.control-fieldset{padding:.625rem!important;gap:.5rem}.control-legend{font-size:.625rem}.legend-icon{width:.75rem;height:.75rem}}@media(min-width:481px)and (max-width:767px){.control-fieldset{padding:.75rem!important}.control-legend{font-size:.6875rem}}@media(max-width:480px){.input-field,.select-field{padding:.5rem .75rem;font-size:.875rem;min-height:44px}.input-label{font-size:.6875rem}}@media(min-width:481px)and (max-width:767px){.input-field,.select-field{padding:.5625rem .875rem;font-size:.9375rem}}@media(max-width:480px){.metric-card{padding:.5rem}.metric-label{font-size:.5rem}.metric-value{font-size:.875rem}#status-epoch,#status-loss,#status-accuracy{font-size:1.25rem!important}.grid-cols-4.gap-2{grid-template-columns:repeat(2,1fr)!important;gap:.375rem!important}}@media(min-width:481px)and (max-width:767px){.metric-card{padding:.625rem}.metric-label{font-size:.5625rem}}@media(max-width:767px){.training-history-layout{flex-direction:column!important}.training-stats-panel{width:100%;flex-direction:row;justify-content:space-around}.stat-item{flex:1;text-align:center}}@media(max-width:480px){.modal-content{width:calc(100vw - 2rem)!important;max-width:none!important;margin:1rem;padding:1rem!important}.modal-header,.modal-body{padding:.75rem!important}}@media(min-width:481px)and (max-width:767px){.modal-content{width:calc(100vw - 3rem)!important;padding:1.25rem!important}}@media(max-width:480px){.explain-moment-panel{padding:.75rem}.explain-moment-title{font-size:1rem}.explain-moment-message{font-size:.8125rem;line-height:1.4}.explain-moment-tip-text{font-size:.75rem}}@media(max-width:767px){#sidebar-sticky-footer{position:fixed!important;bottom:0;left:0;right:0;z-index:50;border-radius:0}}@media(max-width:767px)and (orientation:landscape){.main-grid{grid-template-columns:1fr 280px}.sidebar-container{height:calc(100vh - 100px);max-height:calc(100vh - 100px)}#viz-container{height:calc(100vh - 120px)}}@media(min-width:2560px){.app-container{max-width:2400px}.main-grid{grid-template-columns:1fr 480px;gap:2rem}#viz-container{height:720px}h1,.text-2xl{font-size:2rem}.btn,.btn-primary,.btn-secondary{padding:.875rem 1.5rem;font-size:1rem}}@media print{.sidebar-container,.sidebar-tabs,.workflow-stepper,.btn,header{display:none!important}.main-grid{grid-template-columns:1fr!important}#viz-container{height:auto!important;page-break-inside:avoid}.panel-glow{box-shadow:none!important;border:1px solid #000!important}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.panel-glow,.control-fieldset,.btn,.input-field{border-width:2px!important}.btn-primary{background:#0d9488!important;border:2px solid #ffffff!important}.text-slate-400,.text-slate-500{color:#e5e7eb!important}}body{overflow-x:hidden;max-width:100vw}.app-container{min-height:100vh;overflow-x:hidden}.main-grid{overflow-x:hidden}.main-grid>section:first-child{position:relative;max-width:100%;overflow:hidden;display:flex;flex-direction:column;min-height:calc(100vh - 180px)}#viz-container{max-width:100%;box-sizing:border-box;flex:1 1 auto;min-height:0;overflow:hidden}.sidebar-container,#main-controls.sidebar-container{box-sizing:border-box}.sidebar-scroll-area,#main-controls .sidebar-scroll-area{scrollbar-gutter:stable;box-sizing:border-box}.control-fieldset{overflow-wrap:break-word;word-wrap:break-word}.input-field,.select-field{max-width:100%;box-sizing:border-box}.grid{min-width:0}.btn,.btn-primary,.btn-secondary{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#sidebar-sticky-footer,.sidebar-sticky-footer{position:relative!important;width:100%;box-sizing:border-box}.metric-value,.metric-label,.status-value{overflow:hidden;text-overflow:ellipsis}.panel,.panel-glow{contain:layout style}header{max-width:100%;overflow-x:clip;overflow-y:visible}@media(min-resolution:125dpi){.sidebar-container{height:calc(100vh - 220px)!important;max-height:calc(100vh - 220px)!important}}@media(min-resolution:150dpi){.sidebar-container{height:calc(100vh - 240px)!important;max-height:calc(100vh - 240px)!important}}@media(min-resolution:200dpi){.sidebar-container{height:calc(100vh - 280px)!important;max-height:calc(100vh - 280px)!important}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,-apple-system,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{scroll-behavior:smooth}body{min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(0 217 255 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px;--tw-ring-offset-color: #181825}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(30 30 46 / var(--tw-bg-opacity, 1))}html:not(.dark) ::-webkit-scrollbar-track{background-color:#f1f5f9}::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(88 91 112 / var(--tw-bg-opacity, 1))}html:not(.dark) ::-webkit-scrollbar-thumb:hover{background-color:#cbd5e1}::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(69 71 90 / var(--tw-bg-opacity, 1))}body{background-color:var(--color-bg-primary);font-family:Inter,system-ui,-apple-system,sans-serif;--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:28px;line-height:1.2;font-weight:700;--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}@media(max-width:480px){h1{font-size:1.25rem}}@media(min-width:481px)and (max-width:767px){h1{font-size:1.375rem}}@media(min-width:2560px){h1{font-size:2rem}}h2{font-size:20px;line-height:1.4;font-weight:600;--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}@media(max-width:480px){h2{font-size:1.125rem}}h3{font-size:16px;line-height:1.5;font-weight:600;--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.app-container{display:flex;min-height:100vh;width:100%;flex-direction:column;box-sizing:border-box}.app-container:fullscreen{height:100%;width:100%;overflow:auto;background:var(--surface-0)}.app-container:fullscreen .main-grid{height:100%}.app-container:fullscreen #viz-container{height:100%;max-height:none}.panel{--tw-backdrop-blur: blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border-radius:1rem;border-width:1px;--tw-shadow: 0 20px 25px rgba(0, 0, 0, .3);--tw-shadow-colored: 0 20px 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background:linear-gradient(135deg,#1e293be6,#0f172af2);border-color:#4755694d}html:not(.dark) .panel{background:linear-gradient(135deg,#fffffff2,#f1f5f9fa);border-color:#cbd5e180}.panel-glow{--tw-backdrop-blur: blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border-radius:1rem;border-width:2px;--tw-shadow: 0 20px 25px rgba(0, 0, 0, .3);--tw-shadow-colored: 0 20px 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:linear-gradient(135deg,#1e293be6,#0f172af2);border-color:#47556980;box-shadow:0 10px 40px #0000004d,0 0 0 1px #47556933;max-width:100%;width:100%}@media(max-width:767px){.panel-glow{padding:.75rem!important;border-radius:1rem}}@media(min-width:768px)and (max-width:1023px){.panel-glow{padding:.875rem!important}}html:not(.dark) .panel-glow{background:linear-gradient(135deg,#fffffff2,#f1f5f9fa);border-color:#cbd5e180}.panel-glow:hover{border-color:#14b8a64d;box-shadow:0 0 30px #14b8a61a}.input-field{width:100%;padding:8px 12px;border-radius:16px;border-width:1px;font-size:14px;line-height:1.5}@media(max-width:480px){.input-field{font-size:.75rem}}.input-field{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background:#0f172a80;border-color:#47556966;color:#e2e8f0}.input-field::-moz-placeholder{color:#94a3b899}.input-field::placeholder{color:#94a3b899}.input-field:hover{border-color:#47556999}.input-field:focus{outline:2px solid transparent;outline-offset:2px;border-color:#14b8a699;box-shadow:0 0 0 3px #14b8a61a}.select-field{width:100%;padding:8px 12px;border-radius:16px;border-width:1px;font-size:14px;line-height:1.5}@media(max-width:480px){.select-field{font-size:.75rem}}.select-field{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-color:#0f172a80;border-color:#47556966;color:#e2e8f0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-size:1rem;background-position:right .5rem center}.input-label{margin-bottom:4px;display:block;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.\!btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}@media(max-width:480px){.grid-cols-4.\!btn{grid-template-columns:repeat(2,1fr);gap:.375rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}@media(max-width:480px){.grid-cols-4.btn{grid-template-columns:repeat(2,1fr);gap:.375rem}}.\!btn,.btn{border-radius:16px;padding:8px 16px}.\!btn{font-size:14px;line-height:1.5;font-weight:500}@media(max-width:480px){.\!btn{font-size:.75rem}}.btn{font-size:14px;line-height:1.5;font-weight:500}@media(max-width:480px){.btn{font-size:.75rem}}.\!btn,.btn{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.\!btn:disabled{cursor:not-allowed;opacity:.4}.btn:disabled{cursor:not-allowed;opacity:.4}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px}@media(max-width:480px){.grid-cols-4.btn-primary{grid-template-columns:repeat(2,1fr);gap:.375rem}}.btn-primary{border-radius:24px;padding:8px 16px;font-size:14px;line-height:1.5;font-weight:600}@media(max-width:480px){.btn-primary{font-size:.75rem}}.btn-primary{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-primary{background:rgb(var(--color-cyan-rgb));color:var(--surface-0);box-shadow:0 2px 8px rgb(var(--color-cyan-rgb) / .25)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 16px rgb(var(--color-cyan-rgb) / .35);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px}@media(max-width:480px){.grid-cols-4.btn-secondary{grid-template-columns:repeat(2,1fr);gap:.375rem}}.btn-secondary{border-radius:24px;padding:8px 16px;font-size:14px;line-height:1.5;font-weight:500}@media(max-width:480px){.btn-secondary{font-size:.75rem}}.btn-secondary{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-secondary{background:var(--surface-2);color:var(--color-text-secondary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--border-hover);background:rgba(var(--color-cyan-rgb),.08)}.btn-secondary:active:not(:disabled){transform:scale(.97)}.btn-draw{display:inline-flex;flex:1 1 0%;align-items:center;justify-content:center;gap:.375rem}header.training-active .btn-draw:last-child{gap:.25rem}.btn-draw{border-radius:16px;padding:8px 12px;font-size:12px;line-height:1.5;font-weight:500}@media(max-width:480px){.btn-draw{font-size:.6875rem}}.btn-draw{--tw-bg-opacity: 1;background-color:rgb(49 50 68 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}html:not(.dark) .btn-draw{background-color:#e2e8f0}html:not(.dark) .btn-draw{color:#334155}html:not(.dark) .btn-draw{background-color:var(--surface-2);color:var(--color-text-primary)}html:not(.dark) #challenge-banner .btn-draw{color:var(--color-text-secondary)}.btn-draw{border-width:1px;--tw-border-opacity: 1;border-color:rgb(88 91 112 / var(--tw-border-opacity, 1))}html:not(.dark) .btn-draw{border-color:#e2e8f0}html:not(.dark) .btn-draw{border-color:var(--border-subtle)}.btn-draw{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-draw:hover{--tw-border-opacity: 1;border-color:rgb(88 91 112 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(69 71 90 / var(--tw-bg-opacity, 1))}html:not(.dark) .btn-draw:hover{background-color:#cbd5e1}html:not(.dark) .btn-draw:hover{border-color:#e2e8f0}html:not(.dark) .btn-draw:hover{background-color:var(--surface-2);border-color:var(--border-subtle)}.btn-draw.active{--tw-border-opacity: 1;border-color:rgb(0 194 230 / var(--tw-border-opacity, 1));background-color:#00a3c233;--tw-text-opacity: 1;color:rgb(61 228 255 / var(--tw-text-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(0 194 230 / .5)}.metric-card{padding:8px;text-align:center;border-radius:16px;background:#0f172a66;min-width:0;overflow:hidden;word-break:break-word}html:not(.dark) .metric-card{background:#f1f5f999}.metric-label{display:block;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8b3;margin-bottom:2px}.metric-value{display:block;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:14px;line-height:1.5;font-weight:600}@media(max-width:480px){.metric-value{font-size:.75rem}}.metric-value{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.section-content.collapsed{max-height:0!important;opacity:0;pointer-events:none;margin-top:0!important}.collapse-icon.rotated{transform:rotate(180deg)}html.dark .training-sticky{background:#0f172af2;border-bottom:1px solid rgba(51,65,85,.5)}.loading-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:24px;--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);font-size:14px;line-height:1.5;--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}html:not(.dark) .loading-overlay{color:#64748b}@media(max-width:480px){.loading-overlay{font-size:.75rem}}@media(prefers-contrast:high){.loading-overlay{color:#e5e7eb}}html:not(.dark) .loading-overlay{color:var(--color-text-secondary)}html:not(.dark) #challenge-banner .loading-overlay{color:var(--color-text-secondary)}.loading-overlay{background-color:#181825f2}html:not(.dark) .loading-overlay{background-color:#f8fafcf2;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.spinner{height:40px;width:40px;border-width:3px;border-color:rgb(88 91 112 / var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-top-color:rgb(0 217 255 / var(--tw-border-opacity, 1))}html:not(.dark) .spinner{border-color:#e2e8f0}html:not(.dark) .spinner{border-color:var(--border-subtle)}.spinner{animation:spin 1s linear infinite;border-radius:9999px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}html:not(.dark) .empty-state{color:#64748b}@media(prefers-contrast:high){.empty-state{color:#e5e7eb}}html:not(.dark) .empty-state{color:var(--color-text-secondary)}.dashboard-grid{display:grid;height:100vh;width:100%;overflow:hidden;background-color:var(--color-bg-primary)}html:not(.dark) svg .dashboard-grid line{stroke:#e2e8f0}.dashboard-grid{min-width:0;grid-template-columns:1fr minmax(320px,340px);grid-template-rows:auto 1fr;grid-template-areas:"header header" "center sidebar"}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "center" "sidebar";height:auto;overflow-y:auto}}.panel-center{grid-area:center;position:relative;display:flex;flex-direction:column;overflow:hidden;padding:12px 16px;background:var(--surface-1)}.panel-right,.panel-sidebar{grid-area:sidebar;display:flex;flex-direction:column;background:var(--surface-0);border-left:1px solid var(--border-subtle);overflow-y:auto;overflow-x:hidden}.panel-scroll::-webkit-scrollbar{width:6px}.panel-scroll::-webkit-scrollbar-track{background-color:transparent}.panel-scroll::-webkit-scrollbar-thumb{border-radius:9999px;background:var(--surface-2)}.panel-scroll::-webkit-scrollbar-thumb:hover{background:rgb(var(--color-cyan-rgb) / .3)}.panel-scroll::-webkit-scrollbar{width:8px}.panel-scroll::-webkit-scrollbar-track{border-radius:8px;--tw-bg-opacity: 1;background-color:rgb(30 30 46 / var(--tw-bg-opacity, 1))}html:not(.dark) .panel-scroll::-webkit-scrollbar-track{background-color:#f1f5f9}.panel-scroll::-webkit-scrollbar-thumb{border-radius:8px;--tw-bg-opacity: 1;background-color:rgb(69 71 90 / var(--tw-bg-opacity, 1))}html:not(.dark) .panel-scroll::-webkit-scrollbar-thumb{background-color:#cbd5e1}html:not(.dark) .panel-scroll::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}html:not(.dark) .panel-scroll::-webkit-scrollbar-thumb{background-color:var(--surface-2)}.panel-scroll::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(88 91 112 / var(--tw-bg-opacity, 1))}.panel-scroll{flex:1 1 0%;overflow-y:auto;padding:12px 16px}header.training-active .panel-scroll:last-child{gap:.25rem}.sidebar-section,.panel-scroll .bg-navy-800\/30{background:transparent;border:none;border-bottom:1px solid var(--border-subtle);border-radius:0;margin-bottom:0;padding:10px 0}.panel-scroll .bg-navy-800\/30:last-child{border-bottom:none}.sidebar-section h3,.panel-scroll .bg-navy-800\/30 h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin-bottom:8px}.panel-glow{position:relative;overflow:hidden;border-radius:8px;border:1px solid var(--border-subtle)}.panel-glow.training{animation:viz-glow-pulse 2s ease-in-out infinite}@keyframes viz-glow-pulse{0%,to{border-color:var(--border-subtle);box-shadow:0 0 12px var(--glow-color)}50%{border-color:var(--glow-border);box-shadow:0 0 20px var(--glow-color)}}#viz-container{width:100%;flex:1 1 0%}header.training-active #viz-container:last-child{gap:.25rem}#viz-container{height:100%;min-height:0;overflow:hidden}.app-top-bar{position:sticky;top:0;--tw-backdrop-blur: blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);z-index:100;background:rgba(var(--color-bg-primary-rgb),.95);border-bottom:1px solid var(--border-subtle)}.toolbar{margin-bottom:12px;display:flex;align-items:center;gap:8px;padding:8px 4px}@media(max-width:480px){.grid-cols-4.toolbar{grid-template-columns:repeat(2,1fr);gap:.375rem}}.toolbar{border-bottom:1px solid var(--border-subtle)}.toolbar-group{display:flex;align-items:center;gap:.375rem}.toolbar-divider{margin-left:4px;margin-right:4px;height:24px;width:1px;background:var(--border-subtle)}.toolbar-metric{display:flex;align-items:baseline;gap:4px;padding-left:8px;padding-right:8px}.toolbar-metric-label{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.toolbar-metric-value{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.5;font-weight:600;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}@media(max-width:480px){.toolbar-metric-value{font-size:.6875rem}}.mode-selector{display:flex;overflow:hidden;border-radius:12px;border:1px solid var(--border-subtle)}.mode-btn{cursor:pointer;padding-left:.625rem;padding-right:.625rem;padding-top:4px;padding-bottom:4px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:var(--color-text-secondary);border:none;background:transparent}.mode-btn:hover{color:var(--color-text-primary)}.mode-btn.active{background:rgba(var(--color-cyan-rgb),.15);color:rgb(var(--color-cyan-rgb))}.app-container[data-mode=learn] [data-min-mode=experiment],.app-container[data-mode=learn] [data-min-mode=advanced],.app-container[data-mode=experiment] [data-min-mode=advanced],.app-container[data-mode=experiment] [data-min-mode=learn-only],.app-container[data-mode=advanced] [data-min-mode=learn-only]{display:none!important}.control-caption{display:block;font-size:.625rem;line-height:1.3;color:#94a3b8;opacity:.7;margin-top:2px}.workflow-spine{display:flex;align-items:center;gap:.25rem;padding:.25rem 0;margin-bottom:.25rem}.workflow-stage{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:9999px;color:#64748b;background:transparent;transition:all .2s ease}.workflow-stage.active{color:#38bdf8;background:#38bdf81a;border:1px solid rgba(56,189,248,.2)}.workflow-stage.complete{color:#4ade80;background:#4ade8014}.workflow-connector{color:#475569;font-size:.75rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.onboarding-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(4px)}.onboarding-modal{background:#0f172a;border:1px solid rgba(148,163,184,.15);border-radius:1rem;padding:2rem;max-width:420px;width:90vw;box-shadow:0 25px 50px #00000080}.onboarding-title{font-size:1.25rem;font-weight:700;color:#f1f5f9;margin-bottom:.5rem}.onboarding-subtitle{font-size:.8rem;color:#94a3b8;line-height:1.5;margin-bottom:1.5rem}.onboarding-actions{display:flex;flex-direction:column;gap:.75rem}.onboarding-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.1);background:#1e293b80;color:#e2e8f0;text-align:left;cursor:pointer;transition:all .15s ease}.onboarding-btn:hover{background:#1e293bcc;border-color:#94a3b840}.onboarding-btn-primary{border-color:#38bdf84d}.onboarding-btn-primary:hover{border-color:#38bdf880;background:#38bdf814}.onboarding-btn-icon{font-size:1.25rem;flex-shrink:0;width:2rem;text-align:center}.onboarding-btn strong{display:block;font-size:.8rem;margin-bottom:.15rem}.onboarding-btn small{display:block;font-size:.65rem;color:#94a3b8}html:not(.dark) .onboarding-modal{background:#fff;border-color:#0000001a}html:not(.dark) .onboarding-title{color:#0f172a}html:not(.dark) .onboarding-subtitle{color:#64748b}html:not(.dark) .onboarding-btn{background:#f8fafccc;color:#1e293b;border-color:#00000014}html:not(.dark) .onboarding-btn:hover{background:#f1f5f9}html:not(.dark) .onboarding-btn small{color:#64748b}.\!badge{display:inline-flex!important;align-items:center!important;font-size:.625rem!important;font-weight:600!important;line-height:1!important;padding:2px 6px!important;border-radius:9999px!important;text-transform:uppercase!important;letter-spacing:.05em!important;white-space:nowrap!important}.badge{display:inline-flex;align-items:center;font-size:.625rem;font-weight:600;line-height:1;padding:2px 6px;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge-stale{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.badge-validation{background:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.badge-dataset-source{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.banner-webgl-reinit{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.25);border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;line-height:1.25rem;margin-bottom:.25rem}.banner-webgl-reinit strong{color:#f87171}.tab-content.active{animation:tab-fade-in .2s ease-out}@keyframes tab-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}details.group>summary{-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .15s ease}details.group>summary:hover{color:var(--color-text-primary)}details.group>summary+*{animation:slide-down .2s ease-out}@keyframes slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.show-more-link{cursor:pointer;font-size:11px;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:rgb(var(--color-cyan-rgb))}.show-more-link:hover{color:var(--color-text-primary)}.btn-icon-sm{display:flex;height:32px;width:32px;align-items:center;justify-content:center;border-radius:16px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-icon-sm:disabled{cursor:not-allowed;opacity:.3}.btn-icon-sm{color:var(--color-text-secondary)}.btn-icon-sm:hover:not(:disabled){background:rgba(var(--color-cyan-rgb),.08);color:var(--color-text-primary)}.sidebar-tabs{position:sticky;top:0;z-index:10;display:flex;background:var(--surface-0);border-bottom:1px solid var(--border-subtle)}.sidebar-tab{display:flex;flex:1 1 0%;cursor:pointer;align-items:center;justify-content:center;border-bottom-width:2px;border-color:transparent;padding:8px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}header.training-active .sidebar-tab:last-child{gap:.25rem}.sidebar-tab:focus{outline:2px solid transparent;outline-offset:2px}.sidebar-tab{color:var(--color-text-secondary);transition:color .15s ease}.sidebar-tab:hover{color:var(--color-text-primary)}.sidebar-tab.active{color:rgb(var(--color-cyan-rgb));border-bottom-color:rgb(var(--color-cyan-rgb))}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:12px;padding-left:12px;padding-right:12px;padding-top:.375rem;padding-bottom:.375rem;font-size:12px;line-height:1.5;font-weight:500}@media(max-width:480px){.btn-primary{font-size:.6875rem}}.btn-primary:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(0 217 255 / .4)}.btn-primary:disabled{cursor:not-allowed;opacity:.4}.btn-primary{background:rgb(var(--color-cyan-rgb));color:var(--surface-0);transition:all .15s ease}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:12px;padding-left:12px;padding-right:12px;padding-top:.375rem;padding-bottom:.375rem;font-size:12px;line-height:1.5;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media(max-width:480px){.btn-secondary{font-size:.6875rem}}.btn-secondary:focus{outline:2px solid transparent;outline-offset:2px}.btn-secondary:disabled{cursor:not-allowed;opacity:.4}.btn-secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){color:var(--color-text-primary);background:rgba(var(--color-cyan-rgb),.06);border-color:rgba(var(--color-cyan-rgb),.2)}.dataset-chips{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}.dataset-chips::-webkit-scrollbar{display:none}.dataset-chip{cursor:pointer;white-space:nowrap;border-radius:9999px;padding-left:.625rem;padding-right:.625rem;padding-top:4px;padding-bottom:4px;font-size:11px;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:var(--color-text-secondary);border:1px solid transparent}.dataset-chip:hover{color:var(--color-text-primary);background:rgba(var(--color-cyan-rgb),.06)}.dataset-chip.selected{background:rgba(var(--color-cyan-rgb),.12);color:rgb(var(--color-cyan-rgb));border-color:rgba(var(--color-cyan-rgb),.3);font-weight:600}.viz-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:8px;border:1px solid var(--border-subtle)}.charts-row{margin-top:4px;display:grid;gap:4px}html:not(.dark) svg .charts-row line{stroke:#e2e8f0}.charts-row{min-width:0;grid-template-columns:1fr 1fr 1fr;height:130px}.input-label{margin-bottom:4px;display:block;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.input-field,.select-field{width:100%;border-radius:12px;padding:.375rem .625rem;font-size:12px;line-height:1.5;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media(max-width:480px){.input-field,.select-field{font-size:.6875rem}}.input-field:focus,.select-field:focus{outline:2px solid transparent;outline-offset:2px}.input-field,.select-field{background:var(--surface-0);border:1px solid var(--border-subtle);color:var(--color-text-primary)}.input-field:focus,.select-field:focus{border-color:rgb(var(--color-cyan-rgb));box-shadow:0 0 0 2px rgb(var(--color-cyan-rgb) / .1)}.input-field:disabled,.select-field:disabled{cursor:not-allowed;opacity:.5}input[type=range]{width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:28px;padding:12px 0}.card{border-radius:24px;padding:16px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background:var(--surface-1);border:1px solid var(--border-subtle)}.metric-card{display:flex;flex:1 1 0%;flex-direction:column;align-items:center;padding-left:8px;padding-right:8px}header.training-active .metric-card:last-child{gap:.25rem}.metric-label{font-size:.625rem;line-height:.75rem;font-size:10px;line-height:1.4;font-weight:700;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}html:not(.dark) .metric-label{color:#64748b}@media(prefers-contrast:high){.metric-label{color:#e5e7eb}}html:not(.dark) .metric-label{color:var(--color-text-secondary)}.metric-value{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:20px;font-weight:700;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);line-height:1.25;--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}@media(max-width:480px){.metric-value{font-size:1.125rem}}.metric-delta.negative{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.chart-tooltip{pointer-events:none;position:absolute;z-index:50;border-radius:16px;border-width:1px;border-color:#ffffff1a;background-color:#1e1e2ee6;padding:8px 12px;font-size:12px;line-height:1.5;font-weight:500;--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1));--tw-shadow: 0 20px 25px rgba(0, 0, 0, .3);--tw-shadow-colored: 0 20px 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}html:not(.dark) .chart-tooltip{color:#334155}@media(max-width:480px){.chart-tooltip{font-size:.6875rem}}html:not(.dark) .chart-tooltip{border-color:var(--border-subtle);color:var(--color-text-primary)}.axis path,.axis line{stroke:#45475a}.axis text{font-size:.625rem;line-height:.75rem;fill:#64748b;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:10px;line-height:1.4;font-weight:700}.step-indicator.active{--tw-border-opacity: 1;border-color:rgb(0 217 255 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(0 217 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 0 20px rgba(0, 217, 255, .3);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}html:not(.dark) .step-indicator.active{color:#334155}html:not(.dark) #challenge-banner .step-indicator.active{color:var(--color-text-primary)}.step-indicator.completed{--tw-border-opacity: 1;border-color:rgb(0 217 255 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(49 50 68 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(0 217 255 / var(--tw-text-opacity, 1))}html:not(.dark) .step-indicator.completed{background-color:#e2e8f0;background-color:var(--surface-2)}.stepper-step.active .step-label{--tw-text-opacity: 1;color:rgb(0 217 255 / var(--tw-text-opacity, 1))}.network-node.active{--tw-bg-opacity: 1;background-color:rgb(0 217 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 0 20px rgba(0, 217, 255, .3);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.network-connection.positive{stroke:#00d9ff}.network-connection.negative{stroke:#ef4444}.text-gradient{background-image:linear-gradient(135deg,#00d9ff,#00a3c2);-webkit-background-clip:text;background-clip:text;color:transparent}.glow-accent{filter:drop-shadow(0 0 10px rgba(0,217,255,.3))}*:focus-visible{outline-width:2px;outline-offset:2px;outline-color:#00d9ff}.loading{pointer-events:none;cursor:wait;opacity:.5}.disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.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}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-14{bottom:3.5rem}.bottom-8{bottom:32px}.left-1\/2{left:50%}.left-4{left:16px}.right-0{right:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[150\]{z-index:150}.z-\[200\]{z-index:200}.z-\[99\]{z-index:99}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.ml-1{margin-left:4px}.ml-4{margin-left:16px}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:2px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1{height:4px}.h-1\.5{height:.375rem}.h-10{height:40px}.h-12{height:48px}.h-16{height:64px}.h-2{height:8px}.h-20{height:80px}.h-3{height:12px}.h-3\.5{height:.875rem}.h-4{height:16px}.h-5{height:20px}.h-6{height:24px}.h-8{height:32px}.h-full{height:100%}.max-h-24{max-height:96px}.max-h-\[80vh\]{max-height:80vh}.max-h-\[85vh\]{max-height:85vh}.min-h-0{min-height:0px}.min-h-\[120px\]{min-height:120px}.min-h-\[1rem\]{min-height:1rem}.min-h-\[60px\]{min-height:60px}.min-h-\[80px\]{min-height:80px}.w-10{width:40px}.w-12{width:48px}.w-16{width:64px}.w-2{width:8px}.w-20{width:80px}.w-3{width:12px}.w-3\.5{width:.875rem}.w-4{width:16px}.w-5{width:20px}.w-56{width:14rem}.w-64{width:16rem}.w-8{width:32px}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-lg{max-width:32rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-1\.5{gap:.375rem}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2px * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(4px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4px * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8px * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(12px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(12px * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(16px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(16px * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(24px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(24px * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-xl{border-radius:24px}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-accent-400{--tw-border-opacity: 1;border-color:rgb(0 217 255 / var(--tw-border-opacity, 1))}.border-amber-500{--tw-border-opacity: 1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}.border-amber-500\/30{border-color:#f59e0b4d}.border-amber-500\/50{border-color:#f59e0b80}.border-cyan-400{--tw-border-opacity: 1;border-color:rgb(0 217 255 / var(--tw-border-opacity, 1))}.border-cyan-500\/20{border-color:#00c2e633}.border-cyan-500\/30{border-color:#00c2e64d}.border-emerald-500\/30{border-color:#10b9814d}.border-emerald-700\/50{border-color:#04785780}.border-navy-600{--tw-border-opacity: 1;border-color:rgb(88 91 112 / var(--tw-border-opacity, 1))}.border-navy-700{--tw-border-opacity: 1;border-color:rgb(69 71 90 / var(--tw-border-opacity, 1))}.border-purple-500\/30{border-color:#a855f74d}.border-red-500\/30{border-color:#ef44444d}.border-slate-600{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/5{border-color:#ffffff0d}.bg-amber-500\/20{background-color:#f59e0b33}.bg-amber-600{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-cyan-500{--tw-bg-opacity: 1;background-color:rgb(0 194 230 / var(--tw-bg-opacity, 1))}.bg-cyan-500\/10{background-color:#00c2e61a}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/20{background-color:#10b98133}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-emerald-900\/30{background-color:#064e3b4d}.bg-navy-700{--tw-bg-opacity: 1;background-color:rgb(69 71 90 / var(--tw-bg-opacity, 1))}.bg-navy-800{--tw-bg-opacity: 1;background-color:rgb(49 50 68 / var(--tw-bg-opacity, 1))}.bg-navy-800\/30{background-color:#3132444d}.bg-navy-900{--tw-bg-opacity: 1;background-color:rgb(30 30 46 / var(--tw-bg-opacity, 1))}.bg-navy-900\/30{background-color:#1e1e2e4d}.bg-navy-900\/50{background-color:#1e1e2e80}.bg-navy-900\/80{background-color:#1e1e2ecc}.bg-navy-900\/90{background-color:#1e1e2ee6}.bg-purple-500\/20{background-color:#a855f733}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/20{background-color:#ef444433}.bg-white\/10{background-color:#ffffff1a}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-amber-500{--tw-gradient-from: #f59e0b var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-orange-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}.p-1{padding:4px}.p-1\.5{padding:.375rem}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.px-1{padding-left:4px;padding-right:4px}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-5{padding-left:20px;padding-right:20px}.px-6{padding-left:24px;padding-right:24px}.py-0\.5{padding-top:2px;padding-bottom:2px}.py-1{padding-top:4px;padding-bottom:4px}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:8px;padding-bottom:8px}.py-4{padding-top:16px;padding-bottom:16px}.py-8{padding-top:32px;padding-bottom:32px}.pt-1{padding-top:4px}.pt-2{padding-top:8px}.pt-4{padding-top:16px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:JetBrains Mono,Fira Code,Consolas,monospace}.text-2xl{font-size:28px;line-height:1.2}.text-\[10px\]{font-size:10px}.text-\[9px\]{font-size:9px}.text-base{font-size:14px;line-height:1.5}.text-lg{font-size:20px;line-height:1.4}.text-sm{font-size:14px;line-height:1.5}.text-xl{font-size:24px;line-height:1.3}.text-xs{font-size:12px;line-height:1.5}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-wider{letter-spacing:.05em}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-cyan-300{--tw-text-opacity: 1;color:rgb(61 228 255 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(0 217 255 / var(--tw-text-opacity, 1))}.text-cyan-500{--tw-text-opacity: 1;color:rgb(0 194 230 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px rgba(0, 0, 0, .2);--tw-shadow-colored: 0 10px 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px rgba(0, 0, 0, .3);--tw-shadow-colored: 0 20px 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-accent-400\/30{--tw-shadow-color: rgb(0 217 255 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-cyan-500\/10{--tw-shadow-color: rgb(0 194 230 / .1);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.text-gradient{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #00D9FF var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 217 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(94 234 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #5eead4 var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: #00D9FF var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;color:transparent}.glow-accent{text-shadow:0 0 20px rgba(20,184,166,.5)}.kbd{margin-left:2px;margin-right:2px;display:inline-block;padding-left:.375rem;padding-right:.375rem;padding-top:2px;padding-bottom:2px;border-radius:8px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(88 91 112 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(69 71 90 / var(--tw-bg-opacity, 1))}html:not(.dark) .kbd{background-color:#cbd5e1}html:not(.dark) .kbd{border-color:#e2e8f0}html:not(.dark) .kbd{background-color:var(--surface-2);border-color:var(--border-subtle)}.kbd{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:11px;--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}html:not(.dark) .kbd{color:#64748b}@media(prefers-contrast:high){.kbd{color:#e5e7eb}}html:not(.dark) .kbd{color:var(--color-text-secondary)}html:not(.dark) #challenge-banner .kbd{color:var(--color-text-secondary)}:root{--color-bg-primary-rgb: 24, 24, 37;--color-bg-secondary-rgb: 30, 30, 46;--color-text-primary-rgb: 205, 214, 244;--color-text-secondary-rgb: 147, 153, 178;--color-cyan-rgb: 137, 180, 250;--color-magenta-rgb: 245, 194, 231;--color-orange-rgb: 250, 179, 135;--color-success-rgb: 166, 227, 161;--color-warning-rgb: 249, 226, 175;--color-danger-rgb: 243, 139, 168;--color-bg-primary: rgb(var(--color-bg-primary-rgb));--color-bg-secondary: rgb(var(--color-bg-secondary-rgb));--color-text-primary: rgb(var(--color-text-primary-rgb));--color-text-secondary: rgb(var(--color-text-secondary-rgb));--color-cyan: rgb(var(--color-cyan-rgb));--color-cyan-glow: rgb(var(--color-cyan-rgb) / .2);--color-magenta: rgb(var(--color-magenta-rgb));--color-orange: rgb(var(--color-orange-rgb));--surface-0: #181825;--surface-1: #1e1e2e;--surface-2: #313244;--border-subtle: rgba(147, 153, 178, .12);--border-hover: rgba(137, 180, 250, .25);--chart-tick-text: #94a3b8;--chart-tick-line: #475569;--chart-domain: #334155;--chart-grid: rgba(255, 255, 255, .05);--glow-color: rgba(137, 180, 250, .08);--glow-border: rgba(137, 180, 250, .3)}html:not(.dark){--color-bg-primary-rgb: 239, 241, 245;--color-bg-secondary-rgb: 230, 233, 239;--color-text-primary-rgb: 76, 79, 105;--color-text-secondary-rgb: 108, 111, 133;--color-cyan-rgb: 30, 102, 245;--color-orange-rgb: 254, 100, 11;--color-success-rgb: 64, 160, 43;--color-warning-rgb: 223, 142, 29;--color-danger-rgb: 210, 15, 57;--color-magenta-rgb: 234, 118, 203;--surface-0: #EFF1F5;--surface-1: #E6E9EF;--surface-2: #DCE0E8;--border-subtle: rgba(76, 79, 105, .12);--border-hover: rgba(30, 102, 245, .3);--color-cyan: rgb(var(--color-cyan-rgb));--color-cyan-glow: rgb(var(--color-cyan-rgb) / .15);--chart-tick-text: #6C6F85;--chart-tick-line: #BCC0CC;--chart-domain: #ACB0BE;--chart-grid: rgba(76, 79, 105, .08);--glow-color: rgba(30, 102, 245, .05);--glow-border: rgba(30, 102, 245, .2)}html:not(.dark) .bg-navy-900\/80,html:not(.dark) .bg-navy-900\/95,html:not(.dark) .bg-navy-900\/50,html:not(.dark) .bg-navy-900\/30{background-color:var(--surface-1)!important}html:not(.dark) .bg-navy-800,html:not(.dark) .bg-navy-800\/80{background-color:var(--surface-2)!important}html:not(.dark) .bg-navy-800\/30{background-color:transparent!important}html:not(.dark) .bg-navy-700{background-color:var(--surface-2)!important}html:not(.dark) .border-navy-600,html:not(.dark) .border-navy-700,html:not(.dark) .border-navy-700\/50{border-color:var(--border-subtle)!important}html:not(.dark) .border-white\/5,html:not(.dark) .border-white\/10{border-color:var(--border-subtle)!important}html:not(.dark) .text-slate-300,html:not(.dark) .text-slate-200{color:var(--color-text-primary)!important}html:not(.dark) .text-slate-400,html:not(.dark) .text-slate-500{color:var(--color-text-secondary)!important}html:not(.dark) .bg-red-900\/20{background-color:rgba(var(--color-danger-rgb),.1)!important}html:not(.dark) .btn-primary{background:rgb(var(--color-cyan-rgb))!important;color:#fff!important;box-shadow:none!important;font-size:12px!important}html:not(.dark) .btn-secondary{background:transparent!important;border:1px solid var(--border-subtle)!important;color:var(--color-text-primary)!important;font-size:12px!important}html:not(.dark) .btn-secondary:hover{background:rgba(var(--color-cyan-rgb),.06)!important;border-color:rgba(var(--color-cyan-rgb),.3)!important}html:not(.dark) .sidebar-section h3,html:not(.dark) .panel-scroll .bg-navy-800\/30 h3{font-weight:600;color:var(--color-text-primary)}html:not(.dark) .sidebar-tab.active{background:transparent!important;color:rgb(var(--color-cyan-rgb));border-bottom-color:rgb(var(--color-cyan-rgb))}html:not(.dark) .input-field,html:not(.dark) .select-field{background:#fff!important;border-color:#acb0be66!important}html:not(.dark) .input-field:focus,html:not(.dark) .select-field:focus{border-color:rgb(var(--color-cyan-rgb))!important}#learn-menu-dropdown{position:fixed!important;z-index:9999!important}#challenge-banner{left:calc((100vw - 340px)/2)!important;transform:translate(-50%)}html:not(.dark) #challenge-banner>div{background:#fbbf241f!important;border-color:#fbbf2466!important;color:var(--color-text-primary)!important}html:not(.dark) #challenge-banner .text-amber-300,html:not(.dark) #challenge-banner .text-amber-400{color:#b45309!important}html:not(.dark) #challenge-banner .text-white{color:var(--color-text-primary)!important}html:not(.dark) #challenge-banner .text-slate-300{color:var(--color-text-secondary)!important}html:not(.dark) #challenge-banner .text-slate-400{color:var(--color-text-secondary)!important}html:not(.dark) #learn-menu-dropdown{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 4px 16px #0000001f!important}html:not(.dark) #learn-menu-dropdown button{color:var(--color-text-primary)!important}html:not(.dark) #learn-menu-dropdown button:hover{background:rgba(var(--color-cyan-rgb),.06)!important}html:not(.dark) #btn-learn-menu{background:transparent!important;color:var(--color-text-secondary)!important;border:1px solid var(--border-subtle)!important}html:not(.dark) #btn-learn-menu:hover{color:var(--color-text-primary)!important;background:rgba(var(--color-cyan-rgb),.06)!important}html:not(.dark) #help-modal>div,html:not(.dark) #tutorials-modal>div,html:not(.dark) #challenges-modal>div{background:#fff!important;border-color:#0000001a!important}html:not(.dark) .mode-selector{border-color:#0000001a!important}html:not(.dark) .mode-btn.active{background:rgba(var(--color-cyan-rgb),.1)!important;color:rgb(var(--color-cyan-rgb))!important}html:not(.dark) .text-red-400{color:rgb(var(--color-danger-rgb))!important}@media(max-width:768px){.sidebar-sticky-footer{position:fixed;bottom:0;left:0;right:0}.btn-sticky{padding-top:8px;padding-bottom:8px;font-size:12px;line-height:1.5}@media(max-width:480px){.btn-sticky{font-size:.6875rem}}.main-grid{padding-bottom:96px}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-shimmer{animation:shimmer 2s infinite linear;background:linear-gradient(to right,transparent 0%,rgba(0,217,255,.1) 50%,transparent 100%);background-size:1000px 100%}.sidebar-container{display:flex;flex-direction:column;overflow:hidden;border-radius:24px;border-width:1px;border-color:#ffffff0d;background-color:#1e1e2e80;padding:16px;--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}html:not(.dark) .sidebar-container{background-color:#f1f5f9;background-color:#f1f5f9cc;background-color:var(--surface-1)}html:not(.dark) .sidebar-container{border-color:var(--border-subtle)}.sidebar-scroll-area::-webkit-scrollbar{width:6px}.sidebar-scroll-area::-webkit-scrollbar-track{background-color:transparent}.sidebar-scroll-area::-webkit-scrollbar-thumb{border-radius:9999px;background:var(--surface-2)}.sidebar-scroll-area::-webkit-scrollbar-thumb:hover{background:rgb(var(--color-cyan-rgb) / .3)}.sidebar-scroll-area::-webkit-scrollbar{width:8px}.sidebar-scroll-area::-webkit-scrollbar-track{border-radius:8px;--tw-bg-opacity: 1;background-color:rgb(30 30 46 / var(--tw-bg-opacity, 1))}html:not(.dark) .sidebar-scroll-area::-webkit-scrollbar-track{background-color:#f1f5f9}.sidebar-scroll-area::-webkit-scrollbar-thumb{border-radius:8px;--tw-bg-opacity: 1;background-color:rgb(69 71 90 / var(--tw-bg-opacity, 1))}html:not(.dark) .sidebar-scroll-area::-webkit-scrollbar-thumb{background-color:#cbd5e1}html:not(.dark) .sidebar-scroll-area::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}html:not(.dark) .sidebar-scroll-area::-webkit-scrollbar-thumb{background-color:var(--surface-2)}.sidebar-scroll-area::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(88 91 112 / var(--tw-bg-opacity, 1))}.sidebar-scroll-area{flex:1 1 0%;overflow-y:auto;padding-right:8px}header.training-active .sidebar-scroll-area:last-child{gap:.25rem}.explain-moment-panel{position:absolute;top:16px;right:16px;z-index:20;width:20rem;max-width:100%;border-radius:24px;border-width:1px;border-color:#00d9ff33;background-color:#1e1e2ef2;padding:16px;--tw-shadow: 0 0 20px rgba(0, 217, 255, .3);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(16px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}html:not(.dark) .explain-moment-panel{background-color:var(--surface-1)}.explain-moment-header{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.explain-moment-icon{font-size:28px;line-height:1.2}@media(max-width:480px){.explain-moment-icon{font-size:1.25rem}}@media(min-width:481px)and (max-width:767px){.explain-moment-icon{font-size:1.375rem}}@media(min-width:2560px){.explain-moment-icon{font-size:2rem}}.explain-moment-title{margin-left:8px;margin-right:8px;flex:1 1 0%;font-size:16px;line-height:1.5;font-weight:600;--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}header.training-active .explain-moment-title:last-child{gap:.25rem}.explain-moment-close{display:flex;height:24px;width:24px;align-items:center;justify-content:center;border-radius:16px;--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}html:not(.dark) .explain-moment-close{color:#64748b}@media(prefers-contrast:high){.explain-moment-close{color:#e5e7eb}}html:not(.dark) .explain-moment-close{color:var(--color-text-secondary)}html:not(.dark) #challenge-banner .explain-moment-close{color:var(--color-text-secondary)}.explain-moment-close:hover{background-color:#ffffff1a;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.explain-moment-message{margin-bottom:12px;font-size:14px;line-height:1.625;--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}html:not(.dark) .explain-moment-message{color:#334155}@media(max-width:480px){.explain-moment-message{font-size:.75rem}}html:not(.dark) .explain-moment-message{color:var(--color-text-primary)}html:not(.dark) #challenge-banner .explain-moment-message{color:var(--color-text-secondary)}.explain-moment-tip{display:flex;align-items:flex-start;gap:8px;border-radius:16px;border-width:1px;border-color:#00d9ff33;background-color:#00d9ff1a;padding:12px}@media(max-width:480px){.grid-cols-4.explain-moment-tip{grid-template-columns:repeat(2,1fr);gap:.375rem}}.explain-moment-tip-icon{font-size:20px;line-height:1.4}@media(max-width:480px){.explain-moment-tip-icon{font-size:1.125rem}}.explain-moment-tip-text{flex:1 1 0%;font-size:12px;line-height:1.5;--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}header.training-active .explain-moment-tip-text:last-child{gap:.25rem}html:not(.dark) .explain-moment-tip-text{color:#334155}@media(max-width:480px){.explain-moment-tip-text{font-size:.6875rem}}html:not(.dark) .explain-moment-tip-text{color:var(--color-text-primary)}html:not(.dark) #challenge-banner .explain-moment-tip-text{color:var(--color-text-secondary)}.floating-metrics-bar{position:absolute;bottom:16px;left:50%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));display:flex;align-items:center;gap:12px;padding:12px 24px;border-radius:9999px;background-color:#1e1e2ef2;--tw-backdrop-blur: blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}html:not(.dark) .floating-metrics-bar{background-color:var(--surface-1)}.floating-metrics-bar{border-width:1px;border-color:#00d9ff4d;--tw-shadow: 0 20px 25px rgba(0, 0, 0, .3);--tw-shadow-colored: 0 20px 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);z-index:20;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;box-shadow:0 0 20px #00d9ff33,0 4px 6px -1px #0000004d}.floating-metrics-bar.hidden{pointer-events:none;--tw-translate-y: 16px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.floating-metric{display:flex;flex-direction:column;align-items:center;gap:2px}.floating-metric-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}html:not(.dark) .floating-metric-label{color:#64748b}@media(prefers-contrast:high){.floating-metric-label{color:#e5e7eb}}html:not(.dark) .floating-metric-label{color:var(--color-text-secondary)}.floating-metric-value{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:14px;line-height:1.5;font-weight:700;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}html:not(.dark) .floating-metric-value{color:#334155}@media(max-width:480px){.floating-metric-value{font-size:.875rem}}html:not(.dark) #challenge-banner .floating-metric-value{color:var(--color-text-primary)}.floating-metric-total{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.5;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}html:not(.dark) .floating-metric-total{color:#64748b}@media(max-width:480px){.floating-metric-total{font-size:.6875rem}}@media(prefers-contrast:high){.floating-metric-total{color:#e5e7eb}}html:not(.dark) .floating-metric-total{color:var(--color-text-secondary)}.floating-metric-trend{margin-left:4px;font-size:12px;line-height:1.5;font-weight:700}@media(max-width:480px){.floating-metric-trend{font-size:.6875rem}}.floating-metric-trend.trending-up{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.floating-metric-trend.trending-down{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}html:not(.dark) .floating-metric-trend.trending-down{color:rgb(var(--color-danger-rgb))}.floating-metric-divider{height:32px;width:1px;background-color:#45475a80}html:not(.dark) .floating-metric-divider{background-color:#cbd5e1}.floating-metrics-bar.training{animation:metrics-pulse 2s ease-in-out infinite}@keyframes metrics-pulse{0%,to{box-shadow:0 0 20px #00d9ff33,0 4px 6px -1px #0000004d;border-color:#00d9ff4d}50%{box-shadow:0 0 30px #00d9ff66,0 4px 6px -1px #0000004d;border-color:#00d9ff99}}.data-point-tooltip{pointer-events:none;position:absolute;z-index:30;background-color:#1e1e2ef2;--tw-backdrop-blur: blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}html:not(.dark) .data-point-tooltip{background-color:var(--surface-1)}.data-point-tooltip{border-radius:16px;border-width:1px;border-color:#00d9ff66;--tw-shadow: 0 20px 25px rgba(0, 0, 0, .3);--tw-shadow-colored: 0 20px 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);min-width:200px;padding:12px;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;box-shadow:0 0 20px #00d9ff4d,0 4px 6px -1px #00000080}.data-point-tooltip.hidden{opacity:0}.tooltip-header{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom-width:1px;border-color:#45475a80}html:not(.dark) .tooltip-header{border-color:#e2e8f0;border-color:#cbd5e1}html:not(.dark) .tooltip-header{border-color:var(--border-subtle)}.tooltip-class{font-size:14px;line-height:1.5;font-weight:700;--tw-text-opacity: 1;color:rgb(0 217 255 / var(--tw-text-opacity, 1))}@media(max-width:480px){.tooltip-class{font-size:.75rem}}.tooltip-confidence{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.5;--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}@media(max-width:480px){.tooltip-confidence{font-size:.6875rem}}.tooltip-body>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(4px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4px * var(--tw-space-y-reverse))}.tooltip-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;line-height:1.5}@media(max-width:480px){.tooltip-row{font-size:.6875rem}}.tooltip-label{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}html:not(.dark) .tooltip-label{color:#64748b}@media(prefers-contrast:high){.tooltip-label{color:#e5e7eb}}html:not(.dark) .tooltip-label{color:var(--color-text-secondary)}html:not(.dark) #challenge-banner .tooltip-label{color:var(--color-text-secondary)}.tooltip-value{font-family:JetBrains Mono,Fira Code,Consolas,monospace;--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}html:not(.dark) .tooltip-value{color:#334155;color:var(--color-text-primary)}.dataset-preview-card:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(0 217 255 / var(--tw-ring-opacity, 1))}.svg-class-a{fill:rgb(var(--color-orange-rgb));stroke:rgb(var(--color-orange-rgb))}.svg-class-b{fill:rgb(var(--color-cyan-rgb));stroke:rgb(var(--color-cyan-rgb))}.svg-class-c{fill:#a855f7;stroke:#a855f7}.svg-class-d{fill:#22c55e;stroke:#22c55e}.svg-class-e{fill:#0ea5e9;stroke:#0ea5e9}.svg-class-f{fill:#e11d48;stroke:#e11d48}.svg-grid{fill:none;stroke:rgb(var(--color-text-secondary-rgb) / .3)}.svg-text{fill:rgb(var(--color-text-secondary-rgb))}.loading-overlay{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:24px;background-color:#181825cc;--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.loading-overlay.hidden{display:none!important}.spinner{margin-bottom:12px;height:48px;width:48px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite;border-radius:9999px;border-width:4px;border-color:rgb(69 71 90 / var(--tw-border-opacity, 1));--tw-border-opacity: 1;border-top-color:rgb(0 217 255 / var(--tw-border-opacity, 1))}html:not(.dark) .spinner{border-color:#e2e8f0;border-color:var(--border-subtle)}.empty-state-preview{position:relative;margin-bottom:24px;height:8rem;width:100%}.preview-boundary{position:absolute;inset:0;opacity:.2;background:radial-gradient(ellipse at 30% 30%,rgba(251,146,60,.3),transparent 50%),radial-gradient(ellipse at 70% 70%,rgba(0,217,255,.3),transparent 50%)}@media(max-width:768px){.desktop-only,.mobile-fab.desktop-only{display:none}@media(max-width:767px){.metrics-sticky.desktop-only{display:none}}.desktop-only{display:none}.floating-metrics-bar.desktop-only{pointer-events:none;--tw-translate-y: 16px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.data-point-tooltip.desktop-only{opacity:0}.loading-overlay.desktop-only{display:none}.metric-label{font-size:9px}.metric-value{font-size:14px;line-height:1.5}@media(max-width:480px){.metric-value{font-size:.875rem}}.sidebar-container{max-height:100vh}}@media(hover:none)and (pointer:coarse){.btn-primary,.btn-secondary,.btn-danger,.btn-icon,.sidebar-tab{min-height:48px;min-width:48px}.sidebar-tab{padding-top:12px;padding-bottom:12px}}@media(prefers-contrast:high){.panel-glow{--tw-border-opacity: 1;border-color:rgb(0 217 255 / var(--tw-border-opacity, 1))}.btn-primary,.sidebar-tab.active{border-width:2px;--tw-border-opacity: 1;border-color:rgb(0 217 255 / var(--tw-border-opacity, 1))}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.sidebar-container,.app-header,.btn-explain-moment,.metrics-bar,.sidebar-sticky-footer,.mobile-fab.sidebar-container,.mobile-fab .app-header,.mobile-fab .btn-explain-moment,.mobile-fab .metrics-bar,.mobile-fab .sidebar-sticky-footer{display:none}@media(max-width:767px){.metrics-sticky.sidebar-container,.metrics-sticky .app-header,.metrics-sticky .btn-explain-moment,.metrics-sticky .metrics-bar,.metrics-sticky .sidebar-sticky-footer{display:none}}.sidebar-container,.app-header,.btn-explain-moment,.metrics-bar,.sidebar-sticky-footer{display:none}.floating-metrics-bar.sidebar-container,.floating-metrics-bar .app-header,.floating-metrics-bar .btn-explain-moment,.floating-metrics-bar .metrics-bar,.floating-metrics-bar .sidebar-sticky-footer{pointer-events:none;--tw-translate-y: 16px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.data-point-tooltip.sidebar-container,.data-point-tooltip .app-header,.data-point-tooltip .btn-explain-moment,.data-point-tooltip .metrics-bar,.data-point-tooltip .sidebar-sticky-footer{opacity:0}.loading-overlay.sidebar-container,.loading-overlay .app-header,.loading-overlay .btn-explain-moment,.loading-overlay .metrics-bar,.loading-overlay .sidebar-sticky-footer{display:none}.panel-glow{border-width:1px;--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}#viz-container{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}.btn-primary.training{animation:training-pulse 2s ease-in-out infinite}@keyframes training-pulse{0%,to{box-shadow:0 0 20px #00d9ff4d}50%{box-shadow:0 0 40px #00d9ff99}}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){transform:scale(1.02)}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled){transform:scale(.98);transition-duration:.1s}.btn-primary{min-height:48px;padding-top:12px;padding-bottom:12px}.card-hover:hover{transform:translateY(-2px)}.sidebar-tab{transition-duration:.25s}.preview-point[data-pos=a1]{top:15%;left:25%;animation-delay:0s}.preview-point[data-pos=a2]{top:25%;left:15%;animation-delay:.3s}.preview-point[data-pos=a3]{top:20%;left:40%;animation-delay:.6s}.preview-point[data-pos=a4]{top:35%;left:20%;animation-delay:.9s}.preview-point[data-pos=a5]{top:10%;left:35%;animation-delay:1.2s}.preview-point[data-pos=b1]{top:65%;left:60%;animation-delay:.15s}.preview-point[data-pos=b2]{top:75%;left:70%;animation-delay:.45s}.preview-point[data-pos=b3]{top:70%;left:80%;animation-delay:.75s}.preview-point[data-pos=b4]{top:80%;left:65%;animation-delay:1.05s}.preview-point[data-pos=b5]{top:60%;left:75%;animation-delay:1.35s}.hover\:border-cyan-500\/50:hover{border-color:#00c2e680}.hover\:bg-amber-500:hover{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-500:hover{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.hover\:bg-navy-700:hover{--tw-bg-opacity: 1;background-color:rgb(69 71 90 / var(--tw-bg-opacity, 1))}.hover\:text-cyan-300:hover{--tw-text-opacity: 1;color:rgb(61 228 255 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-slate-200:hover{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.hover\:text-slate-300:hover{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:ring-cyan-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 194 230 / var(--tw-ring-opacity, 1))}.disabled\:opacity-30:disabled{opacity:.3}.group[open] .group-open\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}