:root{font-family:Inter,system-ui,sans-serif;color:#dce8f3;background:#0b1220;font-size:16px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:22px 4vw;border-bottom:1px solid #2d3b50}header strong{letter-spacing:.13em;color:#77d9e5}header span{margin-left:20px}.badge,.help{font-size:.875rem;color:#a7b8cd}main{max-width:1500px;margin:auto;padding:26px 4vw}h1{font-size:2rem;margin:0 0 10px}h2{font-size:1.12rem;margin:0 0 20px}p{line-height:1.55}.intro{margin-bottom:22px}.intro p{color:#a7b8cd}.layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px}aside,.panel{background:#141e2e;border:1px solid #2d3b50;border-radius:12px;padding:24px}aside{align-self:start}.panel{margin-bottom:24px}label{display:block;font-size:.875rem;margin:15px 0;color:#c5d4e6}input,select,button{font:inherit;border-radius:6px;padding:10px;border:1px solid #3c506b;max-width:100%}label input,label select{display:block;width:100%;margin-top:8px;background:#0b1422;color:#e2ebf5}button{background:#79dece;color:#0b222a;font-weight:650;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#1f3046;color:#dce8f3}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help{line-height:1.5}.section-head,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.actions{justify-content:flex-start;flex-wrap:wrap}.section-head h2{margin:0}.section-head{margin-bottom:20px}#message{padding:14px 18px;background:#182f43;border-left:3px solid #77d9e5;margin-bottom:24px;line-height:1.5}#logs{white-space:pre-wrap;max-height:180px;overflow:auto;font-size:.8125rem;background:#09111d;padding:16px}#viewer{height:400px;background:#0a1321;position:relative}#viewer canvas{display:block}.empty{padding:24px;color:#a7b8cd}#timeline{flex:1;min-width:100px}#chart{width:100%}.run{width:100%;text-align:left;display:block;margin:10px 0;background:#1f3046;color:#dce8f3}.run.selected{border-color:#79dece}table{width:100%;border-collapse:collapse;font-size:.875rem;margin:16px 0}td,th{text-align:left;padding:10px 6px;border-bottom:1px solid #35455b}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #77d9e5;outline-offset:3px}@media(max-width:900px){.layout{grid-template-columns:1fr}header{flex-wrap:wrap;gap:12px}.badge{margin-left:0}#viewer{height:320px}.section-head{flex-wrap:wrap}}
article,.panel,#viewer{min-width:0}#results{overflow-x:auto}#receipt{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;font-size:.875rem}#viewer canvas{max-width:100%}summary{cursor:pointer;line-height:1.5;margin-bottom:12px}#start{margin-top:18px}
main{max-width:1160px}.intro h1{font-size:clamp(1.65rem,4vw,2.6rem)}nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}nav a{color:#9ae6e1;text-decoration:none;padding:10px 16px;background:#182b3b;border-radius:8px}section{scroll-margin-top:20px}.learning-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.learning-cards>div{border-left:2px solid #36576b;padding-left:16px}.eyebrow{display:block;font-size:.75rem;letter-spacing:.12em;color:#79dece;margin-bottom:8px}.learning-cards strong{display:block}.learning-cards p{font-size:.9rem;color:#b9cada;margin:8px 0}.training-summary,.insight{padding:18px;background:#0e2634;border:1px solid #305b68;border-radius:8px;margin:16px 0;line-height:1.65}.insight strong{display:block;font-size:1.2rem}.playback{padding-top:16px}#viewer{height:450px}details{margin-top:18px}details.panel{padding:20px 24px}#motion-status{font-size:.9rem;color:#b9cada;overflow-wrap:anywhere}#training-summary progress{display:block;width:100%;height:12px;margin-top:12px;accent-color:#79dece}#message{font-size:.875rem;padding:10px 16px}#episode{min-width:180px}.run{font-size:.875rem}#experiment{max-width:850px}@media(max-width:650px){.learning-cards{grid-template-columns:1fr;gap:16px}.panel{padding:18px}#viewer{height:320px}.pair{grid-template-columns:1fr}header span{margin-left:0}header>div{display:flex;gap:12px;flex-wrap:wrap}}