.grokking-container{background:#1e1e2f;border-radius:8px;padding:20px;color:#fff;font-family:system-ui,-apple-system,sans-serif;margin:20px 0;box-shadow:0 4px 6px #0000004d}.grokking-container h3{margin-top:0;color:#e2e8f0}.grokking-desc{font-size:.9rem;color:#94a3b8;margin-bottom:20px}.grokking-graph{display:flex;flex-direction:column;position:relative;height:300px;margin-bottom:20px}.grokking-chart-area{flex:1;background:#2a2a3c;border-left:2px solid #475569;border-bottom:2px solid #475569;position:relative;overflow:hidden}.grokking-svg{width:100%;height:100%;transform:scaleY(-1)}.grokking-y-axis{position:absolute;left:-40px;top:50%;transform:translateY(-50%) rotate(-90deg);font-size:.8rem;color:#cbd5e1}.grokking-x-axis{text-align:center;font-size:.8rem;color:#cbd5e1;margin-top:8px}.grokking-legend{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;font-size:.85rem}.legend-item{display:flex;align-items:center;gap:6px}.color-box{width:12px;height:12px;border-radius:2px}.color-box.train{background:#ef4444}.color-box.val{background:#3b82f6}.color-box.norm{background:#10b981;border:1px dashed #fff}.grokking-controls{display:flex;align-items:center;gap:15px}.grokking-controls button{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:700;transition:background .2s}.grokking-controls button:hover:not(:disabled){background:#2563eb}.grokking-controls button:disabled{background:#64748b;cursor:not-allowed}.grokking-status{font-size:.9rem;color:#fcd34d;font-weight:500}.chinchilla-container{background:#1e1e2fb3;backdrop-filter:blur(10px);border-radius:12px;padding:25px;color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;margin:25px 0;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1)}.chinchilla-header h3{margin-top:0;color:#f8fafc;font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.chinchilla-header p{color:#94a3b8;font-size:.95rem;margin-bottom:20px}.chinchilla-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-size:.9rem;color:#cbd5e1;display:flex;justify-content:space-between}.control-group input[type=range]{width:100%;accent-color:#3b82f6}.chinchilla-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.result-card{background:#ffffff0d;padding:20px;border-radius:8px;border:1px solid rgba(255,255,255,.05);transition:transform .2s}.result-card:hover{transform:translateY(-5px);background:#ffffff14}.result-card.highlight{border-color:#60a5fa4d;background:#3b82f61a}.result-card h4{margin:0 0 10px;font-size:.9rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.result-value{font-size:1.8rem;font-weight:700;color:#f8fafc;display:flex;align-items:baseline;gap:5px}.result-value span{font-size:.9rem;color:#64748b;font-weight:400}.result-subtitle{font-size:.8rem;color:#64748b;margin-top:5px}.chinchilla-comparison h4{margin:0 0 15px;font-size:1rem;color:#e2e8f0}.bar-chart{display:flex;flex-direction:column;gap:12px}.bar-row{display:grid;grid-template-columns:120px 1fr 150px;align-items:center;gap:15px}.bar-label{font-size:.85rem;color:#cbd5e1;text-align:right}.bar-track{background:#ffffff1a;height:12px;border-radius:6px;overflow:hidden}.bar-fill{height:100%;border-radius:6px}.bar-fill.gopher{background:linear-gradient(90deg,#ef4444,#f87171)}.bar-fill.chinchilla{background:linear-gradient(90deg,#10b981,#34d399)}.bar-fill.llama{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.bar-value{font-size:.8rem;color:#94a3b8}.power-law-container{background:#1e1e2fb3;backdrop-filter:blur(10px);border-radius:12px;padding:25px;color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;margin:25px 0;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1)}.power-law-container h3{margin-top:0;color:#f8fafc;font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.power-law-container .controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.power-law-container label{font-size:.95rem;color:#cbd5e1;display:flex;flex-direction:column;gap:.5rem}.power-law-container input[type=range]{width:100%;accent-color:#3b82f6}.metrics{display:flex;gap:2rem;font-size:.9rem;color:#94a3b8}.metrics strong{color:#f8fafc;font-size:1.1rem}.power-law-svg{background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.05);padding:10px}.power-law-svg line{stroke:#fff3}.power-law-svg text{fill:#94a3b8}.overtraining-container{background:#1e1e2fb3;backdrop-filter:blur(10px);border-radius:12px;padding:25px;color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;margin:25px 0;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1)}.ot-header h3{margin-top:0;color:#f8fafc;font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ot-header p{color:#94a3b8;font-size:.95rem;margin-bottom:20px}.ot-chart-wrapper{position:relative;height:300px;margin-bottom:30px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.05);padding:10px}.ot-svg{width:100%;height:100%}.ot-labels{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:space-between;padding:0 20px;pointer-events:none}.ot-label{position:absolute;transform:translate(-50%);font-size:.75rem;color:#94a3b8;text-align:center;white-space:nowrap}.ot-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.ot-stat{background:#ffffff0d;padding:15px;border-radius:8px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:5px;transition:transform .2s,box-shadow .2s,background .2s;cursor:default}.ot-stat:hover{transform:translateY(-3px);background:#ffffff14;box-shadow:0 8px 16px #0003}.ot-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:25px;font-size:.85rem;color:#cbd5e1}.ot-legend-item{display:flex;align-items:center;gap:8px}.ot-legend-color{width:12px;height:12px;border-radius:3px;display:inline-block}.ot-svg-text{font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:600;pointer-events:none;user-select:none}.ot-stat-title{font-size:.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.ot-stat-value{font-size:1.4rem;font-weight:700;color:#f8fafc}.ot-stat.loss{border-top:4px solid #3182ce}.ot-stat.brittleness{border-top:4px solid #e53e3e}.ot-stat.utility{border-top:4px solid #38a169}