@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#e9eceb;background:#101513;font-synthesis:none;--muted:#a3aaa5;--lime:#d8ff79;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}#experiment{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(340px,1fr);height:100dvh;min-height:650px}#stage{position:relative;overflow:hidden;background:#a99a83}#scene{width:100%;height:100%;display:block;touch-action:none}header{position:absolute;top:38px;left:40px;pointer-events:none;color:#242821}h1{font-size:1.5rem;line-height:1.2;letter-spacing:-.035em;font-weight:500;margin:0}#neural{padding:36px 28px 26px;display:flex;flex-direction:column;position:relative;border-left:1px solid #ffffff16;background:radial-gradient(ellipse at 50% 35%,#243024 0%,#101513 65%);min-width:0;overflow:hidden}h2{font-weight:500;font-size:1.4rem;letter-spacing:-.03em;margin:0}#brain{display:block;width:100%;flex:1;min-height:150px;max-height:500px;touch-action:none}#stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #ffffff20;padding-top:21px}.stat strong{display:block;font-family:var(--mono);font-weight:400;font-size:1.5rem;letter-spacing:-.045em;color:#e3f9b6}.stat span{font-size:.75rem;color:var(--muted);display:block;margin-top:6px}.neural-label{display:flex;align-items:center;justify-content:space-between;font:400 .75rem var(--mono);color:var(--muted);margin:20px 0 10px}.sparkline{width:100%;height:47px;display:block}dialog{background:#172019;border:1px solid #46543e;border-radius:16px;max-width:550px;padding:35px;color:#e1e9de;line-height:1.6}dialog::backdrop{background:#070d09b8;backdrop-filter:blur(8px)}dialog p{font-size:1rem}dialog a{color:var(--lime)}#close-about{position:absolute;right:15px;top:10px;border:0;background:none;color:#ddd;font-size:1.7rem}#model-details{color:#bccbb2}.legend{display:flex;justify-content:space-between;font:.6875rem var(--mono);color:#93a385;margin-bottom:18px}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;background:#d8ff79}.loading-bar{height:2px;background:#d8ff7930;position:absolute;left:0;right:0;bottom:0;overflow:hidden}.loading-bar:after{content:'';display:block;width:35%;height:100%;background:var(--lime);animation:load 2s infinite ease-in-out}@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(390%)}}.loaded .loading-bar{display:none}@media(max-width:950px){#experiment{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr)}header{top:26px;left:25px}#neural{padding:27px 20px}}@media(max-width:700px){#experiment{height:auto;min-height:0;grid-template-columns:1fr}#stage{height:70dvh;min-height:530px}#neural{height:700px;border-left:0;border-top:1px solid #ffffff20;padding:25px}header{left:24px;top:27px}#brain{min-height:200px}}
#neural{overflow-y:auto}#brain{flex:1 0 240px;min-height:240px;cursor:grab}#brain:active{cursor:grabbing}#input-source{font-size:.75rem;line-height:1.5;min-height:2.25em;color:#aebaa7;margin:0 0 12px}#stats{padding-top:15px;gap:10px}.stat strong{font-size:1.25rem}#about{max-width:720px;max-height:88dvh;overflow-y:auto}#about h3{font-size:1rem;margin:28px 0 10px;color:#e3f9b6}#about table{width:100%;border-collapse:collapse;font-size:.875rem}#about th,#about td{text-align:left;padding:10px 8px;border-bottom:1px solid #ffffff22}#about th{color:#aebaa7;font-weight:400}#about td:not(:first-child){font-family:var(--mono)}#learning-curve{display:block;width:100%;height:auto}#about details{font-size:.875rem}#about summary{cursor:pointer;color:var(--lime)}#wording-results{padding-left:20px}#wording-results li{margin:10px 0}#download-report{display:inline-block;text-decoration:none;margin-top:20px;border:1px solid #ffffff33;border-radius:7px;background:#243024;color:#e3f9b6;padding:10px 14px;font-size:.875rem}@media(max-width:700px){#neural{height:860px}#brain{min-height:280px}}
.legend{gap:8px 16px;flex-wrap:wrap;line-height:1.5;font-size:.75rem}
.experiment-controls{display:flex;align-items:center;gap:18px;margin-top:22px}.experiment-controls button{border:0;background:none;color:#b4c1ad;font-size:.75rem;padding:7px 0}.experiment-controls button:hover{color:var(--lime)}.experiment-controls button:disabled{opacity:.45;cursor:wait}.experiment-controls #pause{border:1px solid #ffffff28;border-radius:20px;padding:7px 16px;color:#e3f9b6}.experiment-controls #details{text-decoration:underline;text-underline-offset:4px}