@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";.log-entry.leaving{animation:none!important}:root{font-family:DM Sans,Helvetica Neue,Arial,sans-serif;color:#202020;background:#f4f3ef;font-synthesis:none;--red:#da2a22;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:5px}[hidden]{display:none!important}.experience{height:100dvh;min-height:480px;position:relative;overflow:hidden}.backdrop{position:absolute;top:16%;left:6%;right:4%;pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:600;letter-spacing:-.075em;line-height:.83;font-size:clamp(75px,12.9vw,230px);color:#19191913}.backdrop span{display:block}.backdrop span:first-child{color:#cd1e161f;margin-bottom:10px}#scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;outline:none}#scene canvas{width:100%;height:100%;display:block;touch-action:none}header{position:absolute;top:28px;left:38px;right:38px;display:flex;align-items:center;justify-content:space-between;z-index:4;pointer-events:none}.wordmark{pointer-events:auto;color:var(--red);text-decoration:none;font-size:36px;font-weight:700;letter-spacing:-2.5px;line-height:1}.brand-mark{font-size:11px;font-weight:400;letter-spacing:0;vertical-align:top;margin-left:4px}.edition{font:9px var(--mono);letter-spacing:1.5px;color:#92918e}.connection{display:flex;align-items:center;gap:8px;font:9px var(--mono);letter-spacing:1px;color:#62615f}.connection i,.journal-title i,.model-tag i,footer i{background:var(--red);display:inline-block;width:5px;height:5px;border-radius:50%}.connection.offline{color:var(--red)}.instrument-label{position:absolute;left:38px;top:47%;display:flex;gap:12px;z-index:2;pointer-events:none;font:9px/1.9 var(--mono);letter-spacing:.8px;color:#9b9995}.cross{font-size:19px;font-weight:400;line-height:1.3;color:var(--red)}.view-controls{position:absolute;left:38px;bottom:44px;display:flex;align-items:center;gap:12px;z-index:4}.view-controls button{border:1px solid #d9d6d1;border-radius:50%;background:transparent;width:32px;height:32px;font-size:18px;color:#555}.view-controls>span{font:8px/1.7 var(--mono);letter-spacing:.6px;color:#9a9793}#journal-panel{position:absolute;z-index:3;right:38px;top:23%;width:236px;pointer-events:none;opacity:0;transition:opacity .5s}.journal-title{font:8px var(--mono);letter-spacing:1.2px;color:#9a9690;display:flex;align-items:center;gap:8px;margin-bottom:24px}.journal-title span{margin-left:auto;color:var(--red)}#journal-panel.visible{opacity:1}#journal{display:flex;flex-direction:column;gap:17px;max-height:44vh;overflow:hidden;-webkit-mask-image:linear-gradient(black 90%,transparent);mask-image:linear-gradient(black 90%,transparent)}.log-entry{padding-left:13px;border-left:1px solid #d4d0c9;animation:arrive .5s both;transition:opacity .6s,transform .6s}.log-entry:last-child{border-left-color:var(--red)}.log-entry.leaving{opacity:0;transform:translateY(-10px)}.log-meta{font:8px var(--mono);letter-spacing:.4px;color:#a4a09a;margin-bottom:7px}.log-line{font:12px/1.6 var(--mono);color:#34312e;min-height:20px;overflow-wrap:anywhere}.log-line:after{content:"▌";color:var(--red);animation:blink .7s infinite}.log-line.typed:after{display:none}.log-sub{font:8px var(--mono);margin-top:5px;color:#b2aca5}.console{position:absolute;z-index:5;bottom:58px;left:50%;transform:translate(-50%);width:min(570px,calc(100vw - 40px))}#composer{border:1px solid #dedbd6;background:#fffefbe6;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:19px;padding:18px 18px 13px;box-shadow:0 8px 35px #30231909;transition:border-color .2s}#composer:focus-within{border-color:#bfb7ac}textarea{border:0;outline:none;resize:none;background:none;color:#272320;width:100%;height:52px;max-height:100px;padding:0;font-size:15px;line-height:1.6;letter-spacing:-.2px}textarea::placeholder{color:#98928a}textarea:disabled{opacity:.65}.composer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.model-tag{display:flex;align-items:center;gap:7px;font-size:11px;color:#45403b}.model-tag>span{margin-left:5px;color:#a49d94;font-size:10px}.actions{display:flex;align-items:center;gap:8px}.actions button{height:29px;width:29px;display:flex;align-items:center;justify-content:center;border:0;background:none;color:#827c74;font-size:20px;border-radius:8px}.actions #run{background:var(--red);color:#fff;width:32px;height:32px;transition:background .2s}.actions #run:hover{background:#b72018}.actions svg{width:20px;height:20px}.pause-symbol{font-size:17px}#suggestions{display:flex;justify-content:center;gap:8px;margin-top:12px}#suggestions button{background:transparent;border:1px solid #dcd8d1;border-radius:20px;padding:7px 11px;font-size:10px;white-space:nowrap;color:#8d857a;transition:color .2s,border-color .2s}#suggestions button:hover{border-color:#bc8177;color:var(--red)}.console-foot{display:flex;justify-content:space-between;padding:11px 4px 0;font:8px var(--mono);color:#a9a299;letter-spacing:.2px}.keycap{border:1px solid #d6d0c7;border-radius:3px;padding:0 3px}#error{font-size:11px;line-height:1.5;color:#be2a23;text-align:center;margin-top:7px}#error:empty{display:none}#answer-wrap{padding:0 7px 15px}.answer-label{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.8px;color:#a0988d;margin-bottom:8px}#state{color:var(--red)}#answer{font-size:20px;letter-spacing:-.45px;line-height:1.5;max-height:92px;overflow-y:auto;scrollbar-width:thin;overflow-wrap:anywhere;white-space:pre-wrap;-webkit-mask-image:linear-gradient(black 95%,transparent);mask-image:linear-gradient(black 95%,transparent)}footer{position:absolute;bottom:21px;left:38px;right:38px;z-index:2;display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:1px;color:#b6afa5;pointer-events:none}footer i{width:3px;height:3px;margin:0 6px;vertical-align:middle}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:0}}@media(min-width:1700px){.console{bottom:85px}#journal-panel{right:5%;top:29%}}@media(max-width:1000px){.edition,.instrument-label{display:none}#journal-panel{right:22px;width:185px;top:17%}.log-line{font-size:10px}.view-controls>span{display:none}.view-controls{bottom:25px;left:23px}footer>span:first-child{visibility:hidden}}@media(max-width:600px){header{top:22px;left:22px;right:22px}.wordmark{font-size:31px}.connection{font-size:8px}.backdrop{top:19%;left:6%;font-size:16vw;line-height:.92;letter-spacing:-.07em}.backdrop span:last-child{max-width:90%;line-height:.94}.console{bottom:52px;width:calc(100vw - 32px)}#composer{padding:15px 15px 11px;border-radius:17px}textarea{font-size:14px;height:46px}#suggestions{gap:5px;flex-wrap:wrap;margin-top:10px}#suggestions button{font-size:9px;padding:6px 8px}.console-foot{font-size:7px}#journal-panel{top:12%;right:18px;width:162px}.journal-title{margin-bottom:12px;font-size:7px}#journal{max-height:140px;gap:10px}.log-meta,.log-sub{font-size:7px}.log-entry{padding-left:8px}.log-line{font-size:10px}.log-entry:not(:last-child):not(:nth-last-child(2)){display:none}#answer{font-size:17px;max-height:77px}#step-info{font-size:7px}footer{left:20px;right:20px;bottom:19px;font-size:6px}.view-controls{bottom:15px;left:17px}.view-controls button{height:26px;width:26px;font-size:14px}}@media(max-height:650px){.console{bottom:36px}#composer{padding-top:12px}textarea{height:35px}.console-foot{padding-top:7px}#suggestions{margin-top:7px}.backdrop{top:17%}#answer{max-height:52px;font-size:16px}#journal-panel{top:17%}.view-controls{bottom:12px}footer{bottom:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}