.optimistic-ui-lesson .optimistic-panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.optimistic-ui-lesson .optimistic-panes>.runtime-pane+.runtime-pane{border-left:1px solid var(--cf-color-border)}.optimistic-ui-lesson .playground-panes.optimistic-stacked{grid-template-columns:minmax(0,1fr)}.optimistic-ui-lesson .playground-panes.optimistic-stacked>.source-pane{border-right:0;border-bottom:1px solid var(--cf-color-border)}.optimistic-ui-lesson .optimistic-choice-label{align-self:center;margin-right:var(--cf-space-100);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.optimistic-ui-lesson .optimistic-chat,.optimistic-ui-lesson .optimistic-post{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)}.optimistic-ui-lesson .optimistic-chat button,.optimistic-ui-lesson .optimistic-post 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}.optimistic-ui-lesson .optimistic-chat button:hover:not(:disabled),.optimistic-ui-lesson .optimistic-post button:hover:not(:disabled){border-color:var(--cf-color-border-hover)}.optimistic-ui-lesson .optimistic-chat button:disabled,.optimistic-ui-lesson .optimistic-post button:disabled{cursor:default;opacity:.6}.optimistic-ui-lesson .optimistic-post-title{margin:0 0 var(--cf-space-200);font-weight:var(--cf-font-weight-semibold)}.optimistic-ui-lesson .optimistic-chat ul{margin:var(--cf-space-200) 0 0;padding-left:var(--cf-space-400)}.optimistic-ui-lesson .optimistic-chat li{margin-bottom:var(--cf-space-100)}.optimistic-ui-lesson .optimistic-chat li.is-sending{color:var(--cf-color-text-tertiary)}.optimistic-ui-lesson .optimistic-renders{width:100%;border-collapse:collapse;font-size:var(--cf-font-size-300)}.optimistic-ui-lesson .optimistic-renders td,.optimistic-ui-lesson .optimistic-renders th{padding:var(--cf-space-100) var(--cf-space-150);border-bottom:1px solid var(--cf-color-border);text-align:left}.optimistic-ui-lesson .optimistic-renders th{color:var(--cf-color-text-secondary);font-weight:var(--cf-font-weight-semibold)}.optimistic-ui-lesson .optimistic-renders tr.is-different td{background:var(--cf-color-primary-faint);color:var(--cf-color-text)}.optimistic-ui-lesson .optimistic-renders code{font-size:var(--cf-font-size-275)}.optimistic-ui-lesson .optimistic-timeline{margin:0;padding-left:var(--cf-space-500);font-size:var(--cf-font-size-300)}.optimistic-ui-lesson .optimistic-timeline li{margin-bottom:var(--cf-space-150);color:var(--cf-color-text-secondary)}.optimistic-ui-lesson .optimistic-timeline li:last-child{color:var(--cf-color-text)}.optimistic-ui-lesson .optimistic-timeline strong{display:block;color:var(--cf-color-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.optimistic-ui-lesson .optimistic-timeline span{overflow-wrap:anywhere}@media(max-width:768px){.optimistic-ui-lesson .optimistic-panes{grid-template-columns:minmax(0,1fr)}.optimistic-ui-lesson .optimistic-panes>.runtime-pane+.runtime-pane{border-left:0;border-top:1px solid var(--cf-color-border)}}