:root{--ink:#0b1a1c;--mist:#e7f2ee;--muted:#9bb5ad;--copper:#d4894a;--lime:#c8e86a;--ada-teal:#2f6f66;--teaching-stone:#cfc6b8;--science-stone:#a8b4bc;--panel:#0a1c1ed1;--font-display:"Syne", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:var(--font-body);background:var(--ink);color:var(--mist);margin:0;overflow:hidden}.app{width:100%;height:100%;position:relative}.canvas-wrap{position:absolute;inset:0}.canvas-wrap-loading{opacity:0;pointer-events:none}.skip-link{z-index:30;background:var(--lime);color:#102010;pointer-events:auto;border-radius:999px;padding:.5rem .85rem;font-weight:600;text-decoration:none;position:absolute;top:-3rem;left:1rem}.skip-link:focus{outline:3px solid var(--copper);outline-offset:2px;top:1rem}.boot{z-index:5;text-align:center;background:radial-gradient(ellipse 50% 40% at 50% 30%, #e08a452e, transparent), var(--ink);place-content:center;gap:.5rem;padding:2rem;display:grid;position:absolute;inset:0}.boot-brand{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.6rem;font-weight:800}.boot-error{pointer-events:auto}.boot-detail{color:var(--muted);justify-self:center;max-width:36ch;margin:.35rem 0 .75rem;font-size:.9rem}:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.btn:focus:not(:focus-visible),.chip-button:focus:not(:focus-visible),.btn-text:focus:not(:focus-visible),.slider:focus:not(:focus-visible){outline:none}.hud{z-index:2;pointer-events:none;padding:1rem clamp(1rem,3vw,1.5rem);position:absolute;inset:0}.top-bar{pointer-events:auto;justify-content:space-between;align-items:center;gap:1rem;display:flex}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.lab-board{pointer-events:auto;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;border:1px solid #e7f2ee29;border-radius:1rem;width:min(22rem,100% - 2rem);padding:1rem 1.1rem 1.15rem;position:absolute;top:4.25rem;left:clamp(1rem,3vw,1.5rem)}.lab-board-list{gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.lab-board-item{text-align:left;width:100%;color:var(--mist);cursor:pointer;font:inherit;background:#00000038;border:1px solid #e7f2ee24;border-radius:.75rem;padding:.7rem .85rem}.lab-board-item strong{font-family:var(--font-display);font-size:.98rem;display:block}.lab-board-item em{color:var(--muted);margin-top:.2rem;font-size:.82rem;font-style:normal;display:block}.lab-board-item:hover{border-color:#c8e86a59}.lab-board-item.active{border-color:var(--lime);box-shadow:inset 0 0 0 1px #c8e86a40}.interact-prompt{pointer-events:none;background:var(--panel);color:var(--lime);font-family:var(--font-display);z-index:3;border:1px solid #c8e86a59;border-radius:999px;margin:0;padding:.45rem .9rem;font-size:.95rem;font-weight:700;position:absolute;top:4.25rem;left:50%;transform:translate(-50%)}.approach-sheet,.logbook-panel{pointer-events:auto;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:4;border:1px solid #e7f2ee29;border-radius:1rem;width:min(24rem,100% - 2rem);max-height:min(70vh,36rem);padding:1rem 1.1rem 1.15rem;position:absolute;top:4.25rem;left:clamp(1rem,3vw,1.5rem);overflow:auto}.logbook-section{font-family:var(--font-display);margin:1rem 0 .4rem;font-size:.95rem}.logbook-activity{gap:.45rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.logbook-activity li{background:#0003;border-radius:.5rem;gap:.15rem;padding:.45rem .55rem;font-size:.85rem;display:grid}.logbook-activity strong{text-transform:capitalize;color:var(--copper)}.logbook-activity em{color:var(--muted);font-size:.75rem;font-style:normal}.profile-input{width:100%;color:var(--mist);font:inherit;background:#00000059;border:1px solid #e7f2ee33;border-radius:.5rem;margin-top:.35rem;padding:.45rem .6rem}.mode-tag{color:var(--lime);letter-spacing:.02em;margin-left:.45rem;font-size:.72rem;font-weight:600}.mode-row{flex-wrap:wrap;margin-top:.55rem}.lab-board-item.static{cursor:default}.sandbox-card{color:var(--mist);background:#c8e86a14;border:1px solid #c8e86a33;border-radius:.55rem;margin:0 0 .75rem;padding:.55rem .65rem;font-size:.88rem;line-height:1.35}.bank-list li{align-items:flex-start;gap:.5rem;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.15rem;font-weight:800}.brand span{color:var(--lime);margin-left:.35rem;font-size:.85rem;font-weight:700}.chip{background:var(--panel);color:var(--muted);border:1px solid #e7f2ee2e;border-radius:999px;padding:.4rem .85rem;font-size:.85rem}.companion-panel{pointer-events:auto;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e7f2ee29;border-radius:1rem;width:min(26rem,100% - 2rem);padding:1rem 1.1rem;position:absolute;bottom:clamp(1rem,3vw,1.5rem);left:clamp(1rem,3vw,1.5rem)}.companion-name{font-family:var(--font-display);color:var(--copper);letter-spacing:-.02em;margin:0 0 .35rem;font-weight:700}.companion-line{color:var(--mist);margin:0;line-height:1.45}.hint{color:var(--muted);margin:.75rem 0 0;font-size:.85rem}.control-panel{pointer-events:auto;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e7f2ee29;border-radius:1rem;width:min(22rem,100% - 2rem);padding:1rem 1.1rem 1.15rem;position:absolute;top:4.25rem;right:clamp(1rem,3vw,1.5rem)}.control-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.control-header h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.05rem}.btn-text{color:var(--lime);cursor:pointer;text-underline-offset:.15em;background:0 0;border:none;padding:0;text-decoration:underline}.slider-label{color:var(--muted);justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.35rem;font-size:.9rem;display:flex}.slider-label strong{color:var(--mist);font-size:1.15rem;font-family:var(--font-display)}.slider{width:100%;accent-color:var(--copper);margin-bottom:.9rem}.readouts{gap:.55rem;margin-bottom:.9rem;display:grid}.readouts>div{gap:.15rem;display:grid}.readout-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.readout-value{font-family:var(--font-display);font-size:1.05rem;font-weight:700}.readout-words{font-family:var(--font-body);font-size:.92rem;font-weight:500;line-height:1.35}.btn-row{flex-wrap:wrap;gap:.5rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:2.4rem;padding:.45rem .95rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--copper);color:#1a1008}.btn-ghost{color:var(--mist);background:0 0;border-color:#e7f2ee47}.tele-hint{color:var(--muted);word-break:break-word;margin:.75rem 0 0;font-size:.72rem}.model-card{color:var(--muted);border-top:1px solid #e7f2ee24;margin-top:.9rem;padding-top:.85rem;font-size:.88rem}.model-card h3{font-family:var(--font-display);color:var(--mist);margin:0 0 .25rem;font-size:.95rem}.model-id{color:var(--lime);margin:0 0 .65rem;font-size:.72rem}.model-card p{margin:0 0 .5rem}.model-card ul{margin:.35rem 0 0;padding-left:1.1rem}.model-card li{margin-bottom:.25rem}.chip-button{cursor:pointer;font:inherit;color:var(--mist)}.chip-button:hover{border-color:#c8e86a73}.concept-bank{pointer-events:auto;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;border:1px solid #e7f2ee29;border-radius:1rem;width:min(22rem,100% - 2rem);padding:1rem 1.1rem 1.15rem;position:absolute;top:4.25rem;left:clamp(1rem,3vw,1.5rem)}.bank-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.bank-list li{color:var(--muted);align-items:flex-start;gap:.55rem;font-size:.88rem;display:flex}.bank-list li.got{color:var(--mist)}.bank-list li.soon{opacity:.72}.bank-list strong{font-family:var(--font-display);font-size:.95rem;display:block}.bank-list em{color:var(--muted);font-size:.8rem;font-style:normal}.save-line{color:var(--lime);margin:0 0 .75rem;font-size:.8rem}.bank-clear{width:100%;margin-top:.85rem}.hotkey-hint{color:var(--muted);margin:-.35rem 0 .75rem;font-size:.75rem}.lab-data-toggle{margin-top:.75rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.companion-actions{margin-top:.85rem}.predict-row{flex-wrap:wrap;gap:.45rem;margin-top:.85rem;display:flex}.btn.selected{border-color:var(--lime);color:var(--lime)}.btn:disabled{opacity:.45;cursor:not-allowed}.slider:disabled{opacity:.45}@media (width<=720px){.control-panel{top:auto;bottom:calc(7.5rem + env(safe-area-inset-bottom,0px));width:auto;left:clamp(.75rem,3vw,1.25rem);right:clamp(.75rem,3vw,1.25rem)}.concept-bank{width:auto;left:clamp(.75rem,3vw,1.25rem);right:clamp(.75rem,3vw,1.25rem)}.companion-panel{width:auto;right:clamp(.75rem,3vw,1.25rem)}}