:root{color:#e6eeed;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0c121b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0}a{color:#9eeacb;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a.primary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #a7f4d2}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}header,footer,main{max-width:1160px;margin:auto}header{border-bottom:1px solid #26313d;justify-content:space-between;align-items:center;padding:30px 32px;font-size:.82rem;display:flex}.brand{color:#adf1d2;align-items:center;gap:10px;font-size:1.4rem;display:flex}.brand span{letter-spacing:.17em;font-size:.75rem;font-weight:750}main{padding:0 32px}.intro{padding:62px 0 38px}.eyebrow{color:#96a4b0;letter-spacing:.18em;font-size:.7rem;font-weight:650}h1{letter-spacing:-.055em;margin:20px 0;font-size:clamp(2.4rem,5vw,4.2rem);font-weight:550;line-height:1.08}h1 span{color:#9ae7c3}.intro>p:last-child{color:#a8b5bf;max-width:540px;line-height:1.7}h2{letter-spacing:-.025em;font-size:1.12rem}.workspace{border:1px solid #2d3944;border-radius:18px;grid-template-columns:1.15fr 1fr;display:grid;overflow:hidden}.stage-panel{background:radial-gradient(at 50% 40%,#203a40 0,#121e28 58%,#111a24 100%);flex-direction:column;min-width:0;display:flex}.panel-top,.stage-footer{letter-spacing:.12em;color:#a2b4bd;justify-content:space-between;align-items:center;padding:24px;font-size:.62rem;display:flex}.pill{color:#aeedce;letter-spacing:0;border:1px solid #416457;border-radius:30px;padding:7px 11px;font-size:.72rem}.controls{background:#141d28;border-left:1px solid #2d3944;padding:28px}.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title h2{margin:0 0 20px}.section-title>span{letter-spacing:.14em;color:#82929f;margin-bottom:20px;font-size:.58rem}fieldset{border:0;margin:0 0 22px;padding:0}legend,label{color:#b4c1ca;margin-bottom:10px;font-size:.76rem;display:block}label{justify-content:space-between;gap:12px;display:flex}output{font-variant-numeric:tabular-nums;color:#9de4c1}.activity-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.activity-grid button{color:#b7c3cc;background:#1b2633;border:1px solid #374453;border-radius:7px;padding:10px 5px;font-size:.72rem}.activity-grid button[aria-pressed=true]{color:#102c24;background:#a0e8c6;border-color:#a0e8c6;font-weight:700}input:not([type=range]),select{color:#dfe9eb;background:#0f1823;border:1px solid #3a4756;border-radius:7px;width:100%;min-width:0;margin-bottom:19px;padding:11px}input[type=range]{accent-color:#9eeac7;width:100%;margin:0 0 23px}input[type=file]{padding:9px;font-size:.75rem}input::file-selector-button{color:#dceae7;background:#2a3a48;border:0;border-radius:3px;margin-right:8px;padding:4px 7px}.gaze-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.primary{color:#123128;text-align:center;background:#a0e8c6;border:1px solid #a0e8c6;border-radius:7px;padding:12px 17px;font-size:.79rem;font-weight:650;display:inline-block}.primary:hover{background:#b8f6d8;text-decoration:none}.controls .primary{width:100%}.quiet{color:#a0bec0;background:0 0;border:0;padding:6px;font-size:.72rem}.hint{color:#8fa0af;margin-bottom:0;font-size:.67rem;line-height:1.5}#stage{flex:1;place-items:center;min-height:310px;display:grid;position:relative;overflow:hidden}#rive-canvas{width:100%;height:100%;position:absolute;inset:0}.stage-caption{color:#96a8b5;text-align:center;overflow-wrap:anywhere;max-width:100%;padding:0 20px;font-size:.65rem;position:absolute;bottom:16px}.stage-footer{border-top:1px solid #2d404b;padding:16px 24px}#status{color:#aec2c7;overflow-wrap:anywhere;min-height:52px;padding:0 24px;font-size:.72rem;line-height:1.55}#schematic{place-items:center;width:260px;height:270px;display:grid;position:relative}.halo{border:1px solid #638b7b42;border-radius:50%;position:absolute;inset:18px;box-shadow:0 0 0 25px #638b7b0d,0 0 0 53px #638b7b08}.avatar{background:linear-gradient(140deg,#d5fce7,#85dbb8 65%,#579b87);border-radius:49% 49% 43% 43%;width:154px;height:166px;animation:4s ease-in-out infinite float;position:relative;box-shadow:inset -10px -10px 22px #39796633,0 18px 60px #0003}.eyes{transform:translate(var(--gaze-x,0px),var(--gaze-y,0px));justify-content:center;gap:37px;padding-top:62px;display:flex}.eyes i{background:#143b34;border-radius:9px;width:11px;height:17px;display:block}.mouth{width:25px;height:var(--mouth-height,6px);background:#225549;border-radius:5px 5px 15px 15px;transition:height .12s;position:absolute;top:106px;left:65px}.shadow{filter:blur(4px);background:#05131955;border-radius:50%;width:104px;height:13px;position:absolute;bottom:11px}[data-activity="2"] .avatar{transform:rotate(-7deg)}[data-activity="5"] .avatar{background:linear-gradient(140deg,#f5d8ca,#d1aa9c)}[data-activity="6"] .eyes i{height:3px;margin-top:8px}[data-activity="6"] .avatar{opacity:.7}[data-emotion="1"] .mouth{border-radius:3px 3px 20px 20px;width:32px;height:13px;left:61px}[data-emotion="2"] .mouth{transform:rotate(180deg)}.connect{background:#111a25;border:1px solid #2b3846;border-radius:14px;margin-top:24px;padding:28px}.connect p,.contract p,.cta p{color:#a0b0bf;font-size:.83rem;line-height:1.7}.connect .section-title h2,.connect .section-title>span{margin-bottom:0}.form-grid{grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:15px;margin-top:22px;display:grid}.actions{align-items:center;gap:16px;display:flex}.contract{grid-template-columns:1fr 1fr;gap:60px;padding:58px 0;display:grid}.contract h2{font-size:1.65rem;font-weight:500;line-height:1.4}.contract a{font-size:.8rem}pre{color:#aee5cf;background:#101a23;border:1px solid #2a3b46;border-radius:12px;margin:0;padding:26px;font-size:.85rem;line-height:1.7;overflow:auto}.cta{background:#162a25;border:1px solid #335445;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding:28px 30px;display:flex}.cta h2{margin:0}.cta p{max-width:560px;margin-bottom:0}.cta a{white-space:nowrap}footer{color:#8e9eac;justify-content:space-between;gap:20px;padding:32px;font-size:.7rem;display:flex}@keyframes float{50%{translate:0 -9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=800px){.workspace{grid-template-columns:1fr}.controls{border-top:1px solid #2d3944;border-left:0}#stage{min-height:350px}.form-grid{grid-template-columns:1fr 1fr}.contract{gap:25px}.cta{flex-direction:column;align-items:flex-start}}@media (width<=500px){header,footer{padding:22px 20px}main{padding:0 20px}.intro{padding:36px 0 24px}.controls,.connect{padding:20px}.form-grid,.contract{grid-template-columns:1fr}.section-title>span{display:none}.contract{padding:35px 0}footer{flex-direction:column}.brand span{font-size:.65rem}}