.reacting-to-input-with-state-lesson .reacting-page{padding:var(--cf-space-250) var(--cf-space-350);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-150);background:var(--cf-color-surface);color:var(--cf-color-text);font-size:var(--cf-font-size-325)}.reacting-to-input-with-state-lesson .reacting-page form,.reacting-to-input-with-state-lesson .reacting-page p{margin:0}.reacting-to-input-with-state-lesson .reacting-page p{margin-top:var(--cf-space-150)}.reacting-to-input-with-state-lesson .reacting-page input{margin:0 var(--cf-space-100) var(--cf-space-100) 0;padding:var(--cf-space-050) var(--cf-space-150);border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-100);background:var(--cf-color-surface-raised);color:var(--cf-color-text);font:inherit}.reacting-to-input-with-state-lesson .reacting-page input:disabled{opacity:.55}.reacting-to-input-with-state-lesson .reacting-page button{padding:var(--cf-space-050) var(--cf-space-250);border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-100);background:var(--cf-color-surface-raised);color:var(--cf-color-text);font:inherit;font-size:var(--cf-font-size-300);cursor:pointer}.reacting-to-input-with-state-lesson .reacting-page button:hover:not(:disabled){border-color:var(--cf-color-border-hover)}.reacting-to-input-with-state-lesson .reacting-page button:disabled{cursor:default;opacity:.55}.reacting-to-input-with-state-lesson .reacting-table{width:100%;margin-top:var(--cf-space-200);border-collapse:collapse;font-size:var(--cf-font-size-300)}.reacting-to-input-with-state-lesson .reacting-table td,.reacting-to-input-with-state-lesson .reacting-table th{padding:var(--cf-space-100) var(--cf-space-150);border-bottom:1px solid var(--cf-color-border);text-align:left;overflow-wrap:anywhere}.reacting-to-input-with-state-lesson .reacting-table th{width:34%;color:var(--cf-color-text-secondary);font-weight:var(--cf-font-weight-medium)}.reacting-to-input-with-state-lesson .reacting-now{margin:0;font-size:var(--cf-font-size-300)}.reacting-to-input-with-state-lesson .reacting-now code{font-size:var(--cf-font-size-275);overflow-wrap:anywhere}.reacting-to-input-with-state-lesson .reacting-subheading{margin:var(--cf-space-250) 0 var(--cf-space-100);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275)}.reacting-to-input-with-state-lesson .reacting-log{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);margin:0;padding-left:var(--cf-space-500);font-size:var(--cf-font-size-300)}.reacting-to-input-with-state-lesson .reacting-log li{padding:var(--cf-space-100) var(--cf-space-200);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-100);background:var(--cf-color-surface);overflow-wrap:anywhere}.reacting-to-input-with-state-lesson .reacting-log li.is-human{border-color:var(--cf-color-tertiary-border);background:var(--cf-color-tertiary-subtle)}.reacting-to-input-with-state-lesson .reacting-log li.is-computer{border-color:var(--cf-color-secondary-border);background:var(--cf-color-secondary-subtle)}.reacting-to-input-with-state-lesson .reacting-log li.is-none{color:var(--cf-color-text-secondary);list-style:none}.reacting-to-input-with-state-lesson .reacting-kind{font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-semibold);text-transform:uppercase}.reacting-to-input-with-state-lesson .reacting-flags label{display:inline-flex;align-items:center;gap:var(--cf-space-100);margin-right:var(--cf-space-250);font-size:var(--cf-font-size-300);cursor:pointer}.reacting-to-input-with-state-lesson .runtime-pane.is-impossible .reacting-page{border-color:var(--cf-color-danger-border);background:var(--cf-color-danger-subtle)}