.ui-as-a-tree-lesson .tree-play-panes{display:grid;grid-template-columns:1fr 1fr}.ui-as-a-tree-lesson .tree-play-panes>.runtime-pane+.runtime-pane{border-left:1px solid var(--cf-color-border)}.ui-as-a-tree-lesson .tree-play-hint{margin:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.ui-as-a-tree-lesson .tree-play-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)}.ui-as-a-tree-lesson .tree-play-page h1{margin:0 0 var(--cf-space-150);font-size:var(--cf-font-size-400)}.ui-as-a-tree-lesson .tree-play-page p{margin:var(--cf-space-150) 0 0}.ui-as-a-tree-lesson .tree-play-page ul{margin:var(--cf-space-150) 0 0;padding-left:var(--cf-space-500)}.ui-as-a-tree-lesson .tree-play-page li{margin:var(--cf-space-100) 0}.ui-as-a-tree-lesson .tree-play-page button,.ui-as-a-tree-lesson .tree-play-page input{padding:var(--cf-space-050) var(--cf-space-200);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)}.ui-as-a-tree-lesson .tree-play-page input{width:100%;max-width:100%}.ui-as-a-tree-lesson .tree-play-page button{margin-right:var(--cf-space-100);cursor:pointer}.ui-as-a-tree-lesson .tree-play-page button:hover{border-color:var(--cf-color-border-hover)}.ui-as-a-tree-lesson .tree-play-tree{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);margin:0;padding:0;list-style:none}.ui-as-a-tree-lesson .tree-play-tree li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--cf-space-100);margin:0;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);color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-275)}.ui-as-a-tree-lesson .tree-play-tree li[data-depth="1"]{margin-left:var(--cf-space-400)}.ui-as-a-tree-lesson .tree-play-tree li[data-depth="2"]{margin-left:var(--cf-space-800)}.ui-as-a-tree-lesson .tree-play-tree li.is-rendered{border-color:var(--cf-color-success-border);background:var(--cf-color-success-subtle);color:var(--cf-color-text)}.ui-as-a-tree-lesson .tree-play-tree code{font-size:var(--cf-font-size-275);overflow-wrap:anywhere}.ui-as-a-tree-lesson .tree-play-file{margin:0 0 var(--cf-space-100);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275)}.ui-as-a-tree-lesson .tree-play-code{margin:0 0 var(--cf-space-250);padding:var(--cf-space-150) var(--cf-space-200);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-100);background:var(--cf-color-surface);color:var(--cf-color-text);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-275);white-space:pre-wrap;overflow-wrap:anywhere}.ui-as-a-tree-lesson .tree-play-modules{margin:0;padding-left:0;list-style:none;font-size:var(--cf-font-size-275)}.ui-as-a-tree-lesson .tree-play-modules ul{margin:var(--cf-space-050) 0 0;padding-left:var(--cf-space-400);border-left:1px solid var(--cf-color-border-strong);list-style:none}.ui-as-a-tree-lesson .tree-play-modules li{margin:var(--cf-space-050) 0}.ui-as-a-tree-lesson .tree-play-left{margin:var(--cf-space-250) 0 0;padding:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}@media(max-width:768px){.ui-as-a-tree-lesson .tree-play-panes{grid-template-columns:1fr}.ui-as-a-tree-lesson .tree-play-panes>.runtime-pane+.runtime-pane{border-left:0;border-top:1px solid var(--cf-color-border)}}