@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{border:0}h1,h2,h3,p{margin:0}svg{flex-shrink:0}::selection{background:#b5d3ff;color:#182b48}[data-theme]{--bg: #f3f6fb;--panel: #fff;--canvas: #fcfdff;--text: #253247;--muted: #7a8598;--subtle: #a0aabd;--border: #e4eaf2;--accent: #416be9;--accent-soft: #edf2ff;--success: #279883;--warning: #bd8734;--danger: #d86a69;--sidebar: #fff;--node: #fff;--dot: #dce4ee;--radius: 12px;--button-radius: 7px;--panel-shadow: 0 4px 18px #243c6204;--node-shadow: #e6ecf7;--font: "DM Sans", Arial, sans-serif;--heading: "Manrope", "DM Sans", sans-serif;--mono: "IBM Plex Mono", monospace;--space: 28px;--sidebar-width: 234px;color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;background:var(--bg);color-scheme:light}[data-theme=blueprint]{--bg: #eaf3fc;--panel: #f7fbff;--canvas: #eff7ff;--text: #183c57;--muted: #65809b;--border: #c9dceb;--accent: #2273ae;--accent-soft: #deedfc;--dot: #c6daea;--sidebar: #f4f9ff;--node: #f8fcff;--radius: 3px;--button-radius: 3px;--font: "IBM Plex Mono", monospace;--heading: "IBM Plex Mono", monospace;--space: 22px;--panel-shadow: none;--node-shadow: #d3e5f2}[data-theme=glacier]{--bg: #e9f6fa;--panel: #faffff;--canvas: #f3fcff;--text: #214954;--muted: #668b95;--border: #d0e8ed;--accent: #087e9a;--accent-soft: #dcf2f7;--dot: #cde6ee;--sidebar: #f4fdff;--node: #fff;--radius: 22px;--button-radius: 24px;--space: 34px;--panel-shadow: 0 10px 28px #29687909;--node-shadow: #d6eff5}[data-theme=paper]{--bg: #f5f5f3;--panel: #fff;--canvas: #fff;--text: #252b29;--muted: #7c837e;--border: #dddfda;--accent: #303d36;--accent-soft: #eaece8;--dot: transparent;--sidebar: #fafaf8;--radius: 0px;--button-radius: 0px;--heading: Georgia, "Times New Roman", serif;--space: 30px;--panel-shadow: none;--node-shadow: transparent}[data-theme=terminal]{--bg: #101a21;--panel: #182630;--canvas: #13212a;--text: #d9e9e8;--muted: #8ea4ae;--subtle: #6e8996;--border: #2e424c;--accent: #66dfb7;--accent-soft: #1e3a35;--success: #66dfb7;--warning: #e4bc70;--danger: #f58986;--sidebar: #142029;--node: #1c303b;--dot: #2b3b43;--radius: 7px;--button-radius: 4px;--font: "IBM Plex Mono", monospace;--heading: "IBM Plex Mono", monospace;--space: 24px;--panel-shadow: none;--node-shadow: #0c161d;color-scheme:dark}[data-theme=debugger]{--bg: #1e1e2a;--panel: #282836;--canvas: #22222e;--text: #dfdcec;--muted: #a29ab7;--subtle: #807991;--border: #3e3b50;--accent: #b3a0ff;--accent-soft: #39324f;--success: #98ceac;--warning: #e3be80;--danger: #f28a9a;--sidebar: #22222f;--node: #302d42;--dot: #383344;--radius: 2px;--button-radius: 2px;--font: "IBM Plex Mono", monospace;--heading: "IBM Plex Mono", monospace;--space: 20px;--panel-shadow: none;--node-shadow: #191721;color-scheme:dark}[data-theme=academy]{--bg: #f8f5e9;--panel: #fffdf7;--canvas: #fffdf7;--text: #332b48;--muted: #877d93;--border: #e2dcca;--accent: #7350d5;--accent-soft: #f0e9ff;--sidebar: #fffcef;--node: #fffef8;--dot: #e7e0ca;--radius: 15px;--button-radius: 8px;--space: 30px;--panel-shadow: 3px 4px 0 #332b4814;--node-shadow: #ebd774}[data-theme=signal]{--bg: #eeeff3;--panel: #fff;--canvas: #fff;--text: #1d253d;--muted: #747f99;--border: #d5dbea;--accent: #264ce3;--accent-soft: #e6ebff;--sidebar: #f8f9fd;--node: #fff;--dot: transparent;--radius: 5px;--button-radius: 4px;--heading: "Manrope", sans-serif;--space: 34px;--panel-shadow: 0 0 0 1px #d5dbea;--node-shadow: #c4d0ff}.theme-root{min-height:100vh}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar);border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:30px 17px 0;z-index:30}.brand{display:flex;align-items:center;gap:10px;margin:0 10px 33px;font-family:var(--heading);font-size:31px;font-weight:800;letter-spacing:-1.4px}.brand-mark{display:grid;place-items:center;background:var(--accent);color:var(--panel);border-radius:10px;width:37px;height:38px}.brand-period{color:var(--accent)}.brand-tag{font:10px var(--mono);letter-spacing:1px;align-self:center;background:var(--accent-soft);color:var(--accent);padding:3px 5px;border-radius:4px;margin-left:1px}.workspace-label{margin:0 4px 30px;padding:14px 9px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650}.workspace-icon{display:flex;color:var(--muted)}.workspace-label small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:2px}.sidebar-section-label{display:flex;justify-content:space-between;padding:0 12px;font:10px var(--mono);letter-spacing:1.4px;color:var(--muted);margin-bottom:12px}.side-nav{display:grid;gap:5px}.side-nav a{height:42px;display:flex;align-items:center;gap:11px;padding:0 12px;border-radius:7px;color:var(--muted);font-weight:500;font-size:13px}.side-nav a.active{background:var(--accent-soft);color:var(--accent)}.side-nav a:hover,.episode-nav a:hover{background:var(--accent-soft)}.side-nav a small,.side-nav a>svg:last-child:not(:first-child),.nav-count{margin-left:auto}.side-nav a small,.nav-count{font-size:10px;border:1px solid var(--border);padding:0 5px;border-radius:4px}.episode-label{margin-top:34px}.episode-nav{display:grid;gap:6px}.episode-nav a{display:flex;align-items:center;padding:13px 8px;gap:10px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:600}.episode-nav a.active{border-color:var(--border);background:var(--bg);box-shadow:0 2px 4px #243b5803}.episode-number{font:11px var(--mono);color:var(--muted);border:1px solid var(--border);height:27px;width:27px;display:grid;place-items:center;border-radius:6px}.episode-nav a.active .episode-number{background:var(--accent);color:var(--panel);border-color:var(--accent)}.episode-nav small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:3px}.episode-nav a>svg{margin-left:auto;color:var(--muted)}.sidebar-note{padding:29px 17px;color:var(--muted);margin-top:15px;position:relative}.sidebar-note>svg{color:var(--accent);opacity:.6;margin-bottom:10px}.sidebar-note p{font-family:var(--heading);font-size:16px;line-height:1.6;font-weight:600;color:var(--text);opacity:.75}.sidebar-note>span{display:block;font-size:11px;margin-top:9px;line-height:1.8}.theme-shortcut{display:flex;align-items:center;gap:9px;margin:auto 2px 18px;padding:11px 8px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:11px;font-weight:600}.theme-shortcut>svg{margin-left:auto;color:var(--muted)}.theme-shortcut small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:2px}.theme-tile{width:30px;height:30px;border:1px solid var(--border);border-radius:6px;padding:6px;display:flex;align-items:flex-end}.theme-tile>span{height:11px;width:17px;border-radius:3px}.sidebar-footer{display:flex;align-items:center;gap:6px;border-top:1px solid var(--border);font:8px var(--mono);letter-spacing:.65px;padding:18px 5px;color:var(--muted)}.sidebar-footer>span:last-child{margin-left:auto}.version-dot{width:5px;height:5px;border-radius:50%;background:var(--success)}.app-body{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-width:0}.topbar{height:67px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 var(--space);background:color-mix(in srgb,var(--panel) 65%,var(--bg));font-size:12px}.breadcrumb{display:flex;align-items:center;gap:16px;color:var(--muted)}.breadcrumb strong{color:var(--text);font-weight:500}.breadcrumb-divider{height:16px;width:1px;background:var(--border)}.topbar-right{display:flex;align-items:center;gap:24px}.local-label{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:11px}.local-label>span{width:5px;height:5px;border-radius:50%;background:var(--success)}.keyboard-pill{display:flex;align-items:center;gap:5px;background:var(--panel);border:1px solid var(--border);border-radius:5px;padding:3px 7px;color:var(--muted);font-size:10px}.episode-page,.gallery-page,.about-page{padding:30px var(--space) 18px;max-width:1800px;margin:0 auto}.page-eyebrow{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:1.6px;color:var(--muted);margin-bottom:17px}.episode-breadcrumb{font-size:9px;letter-spacing:1px}.episode-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.episode-heading h1{font-family:var(--heading);font-size:clamp(28px,2.55vw,42px);font-weight:750;letter-spacing:-1.6px;line-height:1.25}.heading-dot{color:var(--accent)}.episode-heading p{font-size:14px;color:var(--muted);margin-top:8px}.primary-button,.secondary-button,.selected-theme-button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:var(--button-radius);padding:11px 15px;font-size:12px;font-weight:550;white-space:nowrap;transition:background .15s,transform .15s}.primary-button{background:var(--accent);color:var(--panel);border:1px solid var(--accent);box-shadow:0 3px 8px color-mix(in srgb,var(--accent) 10%,transparent)}.primary-button:hover{filter:brightness(.94);transform:translateY(-1px)}.secondary-button{border:1px solid var(--border);background:var(--panel);color:var(--text)}.secondary-button:hover{background:var(--accent-soft)}.episode-meta{display:flex;align-items:center;gap:18px;margin-bottom:25px;font-size:11px;color:var(--muted)}.episode-meta>span{display:flex;align-items:center;gap:6px}.state-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;line-height:1.3;padding:4px 7px;border-radius:4px;background:var(--bg);color:var(--muted);white-space:nowrap}.tone-accent{color:var(--accent)}.tone-success{color:var(--success)}.tone-warning{color:var(--warning)}.tone-danger{color:var(--danger)}.state-badge.tone-accent{background:var(--accent-soft);color:var(--accent)}.state-badge.tone-success{background:color-mix(in srgb,var(--success) 9%,transparent);color:var(--success)}.state-badge.tone-warning{background:color-mix(in srgb,var(--warning) 10%,transparent)}.state-badge.tone-danger{background:color-mix(in srgb,var(--danger) 10%,transparent)}.tiny-dot{width:4px;height:4px;border-radius:50%;background:currentColor}.meta-divider{height:13px;width:1px;background:var(--border)}.topic-tag{font-size:10px}.studio{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:17px;align-items:start}.studio.inspector-hidden{grid-template-columns:minmax(0,1fr)}.canvas-panel{min-width:0;border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);overflow:hidden;box-shadow:var(--panel-shadow)}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 15px;height:53px;border-bottom:1px solid var(--border);position:relative;z-index:2}.view-tabs{display:flex;gap:3px;height:100%;align-items:center}.view-tabs button{background:none;color:var(--muted);display:flex;align-items:center;gap:7px;font-size:11px;padding:7px 10px;border-radius:5px;white-space:nowrap}.view-tabs button.active{color:var(--accent);background:var(--accent-soft)}.view-tabs button:hover{color:var(--accent)}.canvas-tools{display:flex;align-items:center;gap:4px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;width:30px;height:30px;background:transparent;color:var(--muted);padding:0}.icon-button:hover:not(:disabled),.icon-button.active{background:var(--accent-soft);color:var(--accent)}.layers-wrapper{position:relative}.layers-popover{position:absolute;right:0;top:37px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:15px;box-shadow:0 6px 22px #172c4222;min-width:180px}.layer-controls{border:0;margin:0;padding:0;display:grid;gap:10px}.layer-controls legend{font-size:11px;color:var(--muted);margin-bottom:12px}.layer-controls label{display:flex;align-items:center;gap:8px;text-transform:capitalize;font-size:12px}input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px}.visualization-canvas{position:relative;background-color:var(--canvas);background-image:radial-gradient(var(--dot) .8px,transparent .8px);background-size:17px 17px;min-height:340px;display:flex;flex-direction:column;justify-content:center}.canvas-status{position:absolute;left:22px;top:19px;color:var(--muted);font:8px var(--mono);letter-spacing:1.2px;display:flex;align-items:center;gap:7px;z-index:1}.live-dot{width:5px;height:5px;background:var(--muted);border-radius:50%}.live-dot.playing{background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 12%,transparent)}.scene-svg{display:block;width:100%;height:auto;min-height:300px;max-height:440px;overflow:visible}.node-box{fill:var(--node);stroke:var(--border);stroke-width:1.5}.node-shadow{fill:var(--node-shadow);opacity:.6}.node-label{font:600 16px var(--font);fill:var(--text)}.node-role{font:13px var(--font)}.node-meta{font:11px var(--mono);fill:var(--muted)}.diagram-node[role=button]{cursor:pointer}.diagram-node:hover .node-box{stroke:var(--accent)}.diagram-node.selected .node-box{stroke:var(--accent);stroke-width:1.8}.node-crashed .node-box{stroke:var(--danger);stroke-dasharray:5 4}.node-uncertain .node-box{stroke:var(--warning)}.node-active .node-box{stroke:color-mix(in srgb,var(--accent) 45%,var(--border))}.directed-link{stroke:var(--border);stroke-width:2;stroke-dasharray:5 4}.message-label{font:11px var(--mono)}.annotation text{font:13px var(--font)}.quorum-label{font:12px var(--mono)}.partition-region{fill:var(--danger);fill-opacity:.025;stroke:var(--danger);stroke-width:1.5;stroke-dasharray:6 5}.partition-label{font:10px var(--mono);fill:var(--danger)}.canvas-legend{display:flex;gap:16px;align-items:center;padding:0 22px 17px;font-size:9px;color:var(--muted)}.canvas-legend>span{display:flex;gap:5px;align-items:center}.canvas-legend i{width:5px;height:5px;border-radius:50%;display:block}.legend-active{background:var(--accent)}.legend-idle{background:var(--subtle)}.legend-failure{background:var(--warning)}.canvas-legend small{margin-left:auto;font-size:9px;white-space:nowrap}.scene-caption{display:flex;gap:14px;padding:21px 22px;border-top:1px solid var(--border);min-height:110px}.caption-step{display:grid;place-items:center;align-self:flex-start;width:33px;height:33px;flex-shrink:0;background:var(--accent-soft);color:var(--accent);border-radius:7px;font:12px var(--mono)}.caption-title{display:flex;align-items:center;gap:10px;margin:1px 0 6px}.caption-title h2{font-size:14px;font-weight:650;letter-spacing:-.2px}.caption-title .state-badge{font:7px var(--mono);padding:3px 5px;letter-spacing:.4px}.scene-caption p{font-size:12px;color:var(--muted);line-height:1.75;max-width:740px}.player-panel{padding:0 22px 13px}.step-progress{display:flex;gap:5px}.step-progress button{flex:1;padding:5px 0;background:none;text-align:left;min-width:0}.step-progress button>span{display:block;background:var(--border);height:4px;border-radius:4px;transition:background .2s}.step-progress button.current>span{background:var(--accent);box-shadow:0 0 0 1px var(--accent)}.step-progress button.complete>span{background:color-mix(in srgb,var(--accent) 38%,var(--border))}.step-progress small{display:block;font:8px var(--mono);margin-top:7px;color:var(--subtle)}.step-progress button.current small{color:var(--accent)}.playback-controls{display:flex;justify-content:space-between;align-items:center;margin-top:13px;gap:10px}.transport{display:flex;align-items:center;gap:6px}.control-separator{width:1px;height:18px;background:var(--border);margin:0 5px}.play-button{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:var(--accent);color:var(--panel)}.play-button:hover{filter:brightness(.93)}.step-count{font:10px var(--mono);color:var(--muted);margin-left:9px;white-space:nowrap}.step-count strong{color:var(--text);font-weight:500}.playback-right{display:flex;align-items:center;gap:15px}.keyboard-hint{font-size:9px;color:var(--subtle);display:flex;gap:4px;align-items:center}kbd{font:9px var(--mono);border:1px solid var(--border);border-radius:4px;padding:1px 4px;background:var(--panel);color:var(--muted);box-shadow:0 1px 0 var(--border)}.speed-select select{font:11px var(--mono);background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:4px;width:56px}.inspector{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--panel-shadow);overflow:hidden;align-self:stretch;display:flex;flex-direction:column}.inspector-heading{height:53px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid var(--border)}.inspector-heading>svg{color:var(--muted)}.inspector-heading h2{font-size:12px;font-weight:600}.inspector-live{margin-left:auto;font:7px var(--mono);letter-spacing:.6px;color:var(--muted);white-space:nowrap}.inspector-content{padding:19px 17px;flex:1}.panel-label{font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.node-selector{position:relative;margin-top:10px}.node-selector select{appearance:none;width:100%;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:8px 26px 8px 10px;color:var(--text);font-size:12px;font-weight:550}.node-selector>svg{position:absolute;right:9px;top:10px;pointer-events:none;color:var(--muted)}.node-info{display:flex;justify-content:space-between;align-items:center;margin:10px 0 17px;font-size:10px;color:var(--muted)}.node-info .state-badge{font-size:8px}.state-table{margin:0 0 24px;font:9px var(--mono)}.state-table>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.state-table dt{color:var(--muted);overflow-wrap:anywhere}.state-table dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:65%}.event-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.event-heading>span{font-size:8px;color:var(--muted)}.event-trace{padding:0;list-style:none;margin:0;max-height:190px;overflow:auto}.event-trace li{display:flex;position:relative;gap:10px;padding:0 0 14px 2px}.event-dot{width:5px;height:5px;background:currentColor;flex-shrink:0;border-radius:50%;margin-top:5px;z-index:1;box-shadow:0 0 0 4px var(--panel)}.event-trace li:not(:last-child):after{content:"";position:absolute;left:4px;top:5px;height:100%;border-left:1px solid var(--border)}.event-trace li>div{display:flex;flex-direction:column;gap:4px}.event-trace li>div>span{color:var(--text);font:9px var(--mono);line-height:1.6}.event-trace small{font:8px var(--mono);color:var(--muted)}.invariant-box{margin-top:18px;border:1px solid var(--border);padding:12px;border-radius:7px;background:var(--bg)}.invariant-box>div{display:flex;align-items:center;gap:6px;color:var(--warning);font:8px var(--mono);letter-spacing:.6px}.invariant-holds>div{color:var(--success)}.invariant-violated>div{color:var(--danger)}.invariant-box strong{display:block;font-size:10px;margin:9px 0 5px;font-weight:600}.invariant-box p{font-size:10px;line-height:1.7;color:var(--muted)}.inspector-footer{display:flex;gap:6px;align-items:center;padding:11px 17px;border-top:1px solid var(--border);font-size:8px;color:var(--muted)}.below-studio{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0 25px}.takeaway{display:flex;align-items:center;gap:11px}.takeaway-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:8px;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.takeaway p{font-size:11px;color:var(--muted)}.takeaway p>span{display:block;font:7px var(--mono);letter-spacing:1px;color:var(--accent);margin-bottom:4px}.text-button{display:flex;align-items:center;gap:7px;background:none;color:var(--muted);font-size:10px;padding:4px 0;white-space:nowrap}.text-button:hover,.text-button.active{color:var(--accent)}.episode-storyboard{padding:19px 20px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 50%,var(--bg))}.storyboard-title{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;padding:0;font-size:12px;font-weight:600}.storyboard-title>span>span{font-size:9px;color:var(--muted);margin-left:8px;font-weight:400}.storyboard-title>svg{color:var(--muted);transition:transform .2s}.rotate{transform:rotate(180deg)}.storyboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 15px;margin-top:17px}.storyboard-grid:not(.expanded)>button:nth-child(n+4){display:none}.storyboard-grid button{display:flex;gap:9px;align-items:center;background:transparent;border:1px solid transparent;border-radius:6px;text-align:left;padding:8px;color:var(--muted);font-size:10px}.storyboard-grid button>span:first-child{height:21px;min-width:21px;display:grid;place-items:center;border-radius:4px;background:var(--panel);border:1px solid var(--border);font:8px var(--mono)}.storyboard-grid button.active{background:var(--panel);border-color:var(--border);color:var(--text)}.storyboard-grid button.active>span:first-child{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-soft)}.storyboard-grid button>.tiny-dot{margin-left:auto;color:var(--accent)}.storyboard-grid button:hover{background:var(--accent-soft)}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0 4px;font-size:9px;color:var(--subtle)}.page-footer a{display:flex;align-items:center;gap:7px;color:var(--muted)}.page-footer a:hover{color:var(--accent)}.source-links{display:flex;flex-direction:column;gap:9px;margin-top:15px}.source-links a{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--accent)}.source-links a:hover{text-decoration:underline}.logs-view{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:16px;padding:60px 24px 24px;min-height:310px}.node-log-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:15px}.node-log-card h3{font-size:12px;display:flex;align-items:center;gap:7px;margin-bottom:20px}.node-log-card h3 svg{color:var(--accent)}.node-log-card dl{font:9px var(--mono);margin:20px 0 0}.node-log-card dl>div{display:flex;justify-content:space-between;gap:8px;margin-top:8px}.node-log-card dt{color:var(--muted)}.node-log-card dd{margin:0;text-align:right;overflow-wrap:anywhere}.log-entries{display:grid;gap:7px}.log-entry{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:9px;border:1px dashed var(--warning);border-radius:4px;padding:7px;color:var(--warning)}.log-entry.committed{border:1px solid color-mix(in srgb,var(--success) 35%,transparent);color:var(--success);background:color-mix(in srgb,var(--success) 4%,transparent)}.log-entry>span:last-child{font-size:8px;flex-basis:100%;padding-left:13px}.log-square{height:6px;width:6px;background:currentColor;border-radius:1px}.log-entry code{font:9px var(--mono)}.empty-log{font-size:10px;color:var(--muted);border:1px dashed var(--border);padding:12px;border-radius:4px}.inspector-logs{margin-bottom:24px}.inspector-logs .panel-label{margin-bottom:10px}.sequence-lane{stroke:var(--border);stroke-dasharray:5 5;stroke-width:1.5}.sequence-label{font:12px var(--mono);fill:var(--text)}.sequence-time{font:9px var(--mono);fill:var(--muted)}.sequence-svg{padding:35px 8px 10px;max-height:none;min-height:310px}.not-found{padding:80px 35px;text-align:center}.not-found h1{margin-bottom:25px}.mobile-menu,.mobile-close,.sidebar-scrim{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gallery-page{padding-top:32px}.gallery-page .episode-heading{margin-bottom:32px}.gallery-icon{display:grid;place-items:center;width:55px;height:55px;border:1px solid var(--border);border-radius:13px;background:var(--panel);color:var(--accent)}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:17px 0;margin-bottom:25px}.gallery-toolbar>div{display:flex;gap:20px;align-items:center}.gallery-toolbar label{font-size:11px;display:flex;align-items:center;gap:8px;color:var(--muted)}.gallery-toolbar select{max-width:250px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:5px;font-size:11px;padding:8px}.theme-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.theme-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);overflow:hidden;transition:box-shadow .2s}.theme-card.selected-theme{box-shadow:0 0 0 2px var(--accent)}.theme-card-preview{background:var(--bg);padding:16px 16px 0;border-bottom:1px solid var(--border);font-family:var(--font)}.mini-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;padding:9px 12px;font-size:8px;color:var(--muted)}.mini-brand{font-family:var(--heading);font-size:14px;font-weight:750;letter-spacing:-.5px;color:var(--text)}.mini-toolbar>span:nth-child(2){display:flex;align-items:center;gap:10px}.mini-toolbar-rule{width:1px;height:8px;background:var(--border)}.mini-menu{letter-spacing:2px}.theme-preview{background-color:var(--canvas);background-image:radial-gradient(var(--dot) .8px,transparent .8px);background-size:12px 12px;border:1px solid var(--border);border-top:0;border-bottom:0}.theme-preview .scene-svg{min-height:0;max-height:none}.mini-caption{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);padding:12px;font-size:9px;color:var(--text);margin-bottom:16px;border-radius:0 0 var(--radius) var(--radius)}.mini-caption>span{font:8px var(--mono);color:var(--accent);padding:4px;background:var(--accent-soft);border-radius:3px}.mini-caption strong{font-weight:500}.mini-caption button{display:grid;place-items:center;margin-left:auto;background:var(--accent);color:var(--panel);width:23px;height:23px;border-radius:var(--button-radius)}.theme-card-body{padding:22px}.theme-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.theme-card-heading h2{font-family:var(--heading);font-size:17px;display:flex;gap:10px;align-items:center}.theme-card-heading h2>span{font:10px var(--mono);color:var(--muted)}.color-swatches{display:flex}.color-swatches>span{height:14px;width:14px;border:1px solid #88888820;border-radius:50%;margin-left:-3px}.theme-category{font-size:9px;color:var(--accent);margin-top:8px}.theme-card-body>p{font-size:12px;line-height:1.8;color:var(--muted);margin:13px 0;min-height:43px}.theme-properties{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:19px}.theme-properties>span{background:var(--bg);border:1px solid var(--border);padding:3px 6px;border-radius:4px;font-size:9px;color:var(--muted)}.theme-card-actions{border-top:1px solid var(--border);padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.theme-card-actions .secondary-button,.selected-theme-button{font-size:11px;padding:8px 11px}.selected-theme-button{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-soft)}.compare-toggle{display:flex;gap:5px;align-items:center;font-size:10px;color:var(--muted);cursor:pointer}.gallery-bottom{display:flex;align-items:center;justify-content:space-between;padding:35px 0;gap:20px}.gallery-bottom p{font-size:12px;color:var(--muted)}.comparison{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:30px}.comparison-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.comparison-heading h2{font-size:16px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-item{padding:16px;border:1px solid var(--border);border-radius:var(--radius)}.compare-item h3{font-family:var(--heading);margin-bottom:14px}.compare-item p{font-size:12px;padding:12px 0}.compare-item .theme-preview{border:1px solid var(--border)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading>span{font-size:11px;color:var(--muted)}.showcase-canvas{background-color:var(--canvas);background-image:radial-gradient(var(--dot) 1px,transparent 1px);background-size:17px 17px;border:1px solid var(--border);border-radius:var(--radius);max-height:370px;overflow:hidden}.showcase-canvas .scene-svg{max-height:370px}.primitive-labels{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.primitive-labels span{padding:5px 8px;border:1px solid var(--border);border-radius:5px;font-size:10px;color:var(--muted)}.authoring-guide{margin:45px 0}.authoring-guide h2{display:flex;align-items:center;gap:9px}.authoring-guide p code{font-size:12px;color:var(--accent)}pre{padding:25px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:auto;font:12px/1.9 var(--mono);color:var(--text);margin:22px 0}.next-stories>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0 30px}.next-stories>div>span{padding:15px;background:var(--panel);border:1px solid var(--border);border-radius:6px;font-size:12px}.next-stories small{font:9px var(--mono);color:var(--accent);margin-right:10px}.docs-back{margin:30px 0}.presentation-shell .app-body{width:100%;margin:0}.is-presenting{padding:15px 35px;max-width:1600px}.present-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 15px;font-size:14px;color:var(--muted)}.present-brand{font-size:25px;font-weight:750;display:flex;align-items:center;gap:9px;color:var(--accent)}.is-presenting .studio{max-width:1400px;margin:auto}.is-presenting .scene-svg{max-height:calc(100vh - 300px);min-height:270px}.is-presenting .visualization-canvas{min-height:300px}.is-presenting .scene-caption p{font-size:16px;max-width:1100px}.is-presenting .caption-title h2{font-size:19px}.is-presenting .scene-caption{min-height:105px}.is-presenting .below-studio{max-width:1400px;margin:auto;padding:16px 0}.end-caption{display:flex;justify-content:center;align-items:center;gap:12px;color:var(--success);font-size:12px}[data-theme=blueprint] .visualization-canvas,[data-theme=blueprint] .theme-preview{background-image:linear-gradient(var(--dot) 1px,transparent 1px),linear-gradient(90deg,var(--dot) 1px,transparent 1px);background-size:24px 24px}[data-theme=blueprint] .node-box,[data-theme=blueprint] .node-shadow{rx:3px}[data-theme=blueprint] .episode-heading h1{font-size:30px;letter-spacing:-1.4px}[data-theme=blueprint] .canvas-toolbar{border-bottom:2px solid var(--accent)}[data-theme=glacier] .node-box,[data-theme=glacier] .node-shadow{rx:30px}[data-theme=glacier] .node-box{stroke-width:.8px}[data-theme=glacier] .canvas-toolbar{height:61px}[data-theme=glacier] .scene-caption{padding-top:26px;padding-bottom:26px}[data-theme=glacier] .episode-heading h1{font-weight:500;letter-spacing:-1.4px}[data-theme=glacier] .view-tabs button{border-radius:20px;padding:8px 14px}[data-theme=paper] .node-box,[data-theme=paper] .node-shadow{rx:0px}[data-theme=paper] .episode-heading h1{font-size:42px;font-weight:400;letter-spacing:-1px}[data-theme=paper] .canvas-toolbar{border-top:2px solid var(--text)}[data-theme=paper] .view-tabs button.active{background:none;text-decoration:underline;text-underline-offset:10px}[data-theme=paper] .scene-caption{border-top:1px solid var(--text)}[data-theme=terminal] .node-box{stroke:var(--accent);stroke-opacity:.5;rx:5px}[data-theme=terminal] .node-active .node-box{stroke-opacity:1;filter:drop-shadow(0 0 7px #66dfb725)}[data-theme=terminal] .page-eyebrow:before{content:">";color:var(--accent);margin-right:9px}[data-theme=terminal] .page-eyebrow>span:last-child{margin-left:auto}[data-theme=terminal] .canvas-toolbar{background:#11202a}[data-theme=terminal] .episode-heading h1{font-size:32px}[data-theme=debugger] .node-box,[data-theme=debugger] .node-shadow{rx:2px}[data-theme=debugger] .studio{gap:1px;grid-template-columns:minmax(0,1fr) 280px}[data-theme=debugger] .studio.inspector-hidden{grid-template-columns:minmax(0,1fr)}[data-theme=debugger] .canvas-toolbar{height:43px;padding-left:0}[data-theme=debugger] .view-tabs button{height:42px;border-radius:0;border-right:1px solid var(--border)}[data-theme=debugger] .view-tabs button.active{border-top:2px solid var(--accent);background:var(--canvas)}[data-theme=debugger] .episode-heading h1{font-size:28px;letter-spacing:-1px}[data-theme=debugger] .scene-caption{padding:15px 18px;min-height:94px}[data-theme=debugger] .inspector-heading{height:43px}[data-theme=debugger] .mini-toolbar{border-top:2px solid var(--accent)}[data-theme=academy] .canvas-panel,[data-theme=academy] .theme-card{border-color:#c9bdd5}[data-theme=academy] .node-box{stroke:#665675;stroke-width:1.5;rx:12px}[data-theme=academy] .node-shadow{opacity:1}[data-theme=academy] .caption-step,[data-theme=academy] .mini-caption>span{background:#f0d55a;color:#332b48}[data-theme=academy] .primary-button{box-shadow:2px 3px #332b48}[data-theme=academy] .episode-heading h1{font-weight:800}[data-theme=academy] .theme-gallery .theme-card-preview{border-color:var(--border)}[data-theme=signal] .node-box,[data-theme=signal] .node-shadow{rx:4px}[data-theme=signal] .node-box{stroke:var(--accent);stroke-width:2px}[data-theme=signal] .episode-heading h1{font-size:43px;letter-spacing:-2px;font-weight:800}[data-theme=signal] .canvas-toolbar{height:62px;border-bottom:3px solid var(--accent)}[data-theme=signal] .view-tabs button.active{background:var(--accent);color:var(--panel)}[data-theme=signal] .scene-caption{padding:26px}[data-theme=signal] .mini-toolbar{border-bottom:2px solid var(--accent)}@media(min-width:1500px){[data-theme]{--sidebar-width: 250px;--space: 38px}.studio{grid-template-columns:minmax(0,1fr) 282px}.visualization-canvas{min-height:390px}.scene-svg{max-height:480px}.episode-page{padding-top:36px}.episode-heading h1{font-size:42px}.inspector-content{padding:22px}.sidebar{padding-left:20px;padding-right:20px}.episode-nav a{font-size:13px}.theme-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-card-body{padding:19px}.theme-card-actions .secondary-button,.selected-theme-button{font-size:10px}.theme-card-body>p{min-height:65px}.compare-toggle{font-size:9px}}@media(max-width:1190px){[data-theme]{--sidebar-width: 210px;--space: 23px}.sidebar{padding-left:11px;padding-right:11px}.studio{grid-template-columns:minmax(0,1fr) 222px;gap:12px}.canvas-toolbar{padding:0 10px}.view-tabs button{padding:7px;font-size:10px;gap:5px}.canvas-tools{gap:0}.keyboard-hint{display:none}.inspector-content{padding:16px 13px}.inspector-heading{padding:0 12px}.scene-caption{padding:17px}.scene-caption p{font-size:11px}.scene-svg{min-height:280px}.visualization-canvas{min-height:320px}.canvas-legend{gap:11px;padding-left:16px;padding-right:16px}.canvas-legend small{display:none}.gallery-toolbar>div{gap:10px}.gallery-toolbar select{max-width:180px}.gallery-toolbar label{gap:5px}.theme-card-body{padding:16px}.theme-card-heading h2{font-size:16px}.theme-card-actions{gap:5px}.compare-toggle{font-size:9px}.gallery-page .episode-heading h1{font-size:30px}.topic-tag{display:none!important}.episode-meta{gap:14px}}@media(max-width:1000px){.studio{grid-template-columns:minmax(0,1fr)}.inspector{display:none}.canvas-tools>button{display:none}.scene-svg{max-height:420px}.visualization-canvas{min-height:350px}.gallery-toolbar{align-items:flex-start}.gallery-toolbar>div{flex-direction:column;align-items:flex-start}.gallery-toolbar label{width:100%;justify-content:space-between;gap:12px}.gallery-toolbar select{max-width:none;width:230px}.theme-gallery{gap:18px}.theme-card-actions{flex-wrap:wrap;gap:10px}.theme-card-body>p{min-height:86px}.theme-properties{min-height:49px}.theme-card-heading h2{font-size:14px}.color-swatches{display:none}[data-theme=debugger] .studio{grid-template-columns:minmax(0,1fr)}.docs-columns{gap:24px}.next-stories>div{grid-template-columns:1fr 1fr}}@media(max-width:760px){[data-theme]{--space: 20px}.sidebar{transform:translate(-100%);width:250px;transition:transform .2s}.sidebar-open{transform:translate(0)}.sidebar-scrim{display:block;position:fixed;inset:0;background:#17283b66;z-index:25}.app-body{margin-left:0;width:100%}.mobile-menu{display:inline-flex}.mobile-close{display:flex;position:absolute;right:12px;top:35px}.desktop-only{display:none}.topbar{height:58px}.topbar-right,.breadcrumb{gap:10px}.keyboard-pill{display:none}.local-label{font-size:10px}.episode-page,.gallery-page,.docs-page{padding-top:25px}.episode-heading h1{font-size:30px}.episode-heading p{font-size:13px}.episode-heading>.primary-button{font-size:0;gap:0;padding:11px}.episode-heading>.primary-button svg:first-child{width:18px;height:18px}.episode-heading>.primary-button svg:last-child{display:none}.page-eyebrow{font-size:8px;letter-spacing:1.1px}.episode-breadcrumb{font-size:8px}.theme-gallery{grid-template-columns:1fr 1fr}.gallery-page .episode-heading h1{font-size:29px}.gallery-icon{display:none}.gallery-toolbar{gap:12px}.gallery-toolbar select{width:210px}.gallery-toolbar>.secondary-button{font-size:10px;padding:9px}.gallery-toolbar>.secondary-button svg{display:none}.below-studio{gap:10px}.takeaway p{font-size:10px}.text-button{font-size:9px}.page-footer{font-size:8px}.docs-intro{padding:23px}.docs-shortcuts{gap:15px}.docs-columns{grid-template-columns:1fr;gap:30px}.docs-page p{font-size:14px}.docs-page h2{font-size:21px}.is-presenting{padding:15px}.is-presenting .present-header{font-size:11px;gap:10px}.present-brand{font-size:20px}.present-header .secondary-button{font-size:10px;padding:8px}.is-presenting .scene-caption p{font-size:13px}.is-presenting .caption-title h2{font-size:16px}}@media(max-width:520px){[data-theme]{--space: 15px}.topbar-right{display:none}.episode-page{padding-top:23px}.episode-heading h1,[data-theme=signal] .episode-heading h1,[data-theme=paper] .episode-heading h1,[data-theme=blueprint] .episode-heading h1,[data-theme=terminal] .episode-heading h1{font-size:28px;letter-spacing:-1px}.episode-heading{gap:10px}.episode-meta{gap:12px;margin-bottom:20px}.meta-divider{display:none!important}.visualization-canvas{min-height:265px}.scene-svg{min-height:220px}.canvas-status{font-size:7px;left:16px;top:15px}.canvas-toolbar{padding:0 8px;height:47px}.view-tabs button{font-size:9px;gap:5px;padding:7px}.view-tabs button svg{width:13px;height:13px}.canvas-tools .icon-button{width:25px}.canvas-legend{font-size:8px;gap:11px;padding-bottom:14px}.scene-caption{gap:10px;padding:16px 13px;min-height:125px}.caption-step{height:28px;width:28px;font-size:10px}.caption-title{gap:6px;flex-wrap:wrap}.caption-title h2{font-size:12px}.scene-caption p{font-size:11px;line-height:1.75}.caption-title .state-badge{font-size:6px}.player-panel{padding:0 13px 12px}.transport{gap:4px}.control-separator{margin:0 3px}.step-count{font-size:9px;margin-left:5px}.playback-right{gap:5px}.speed-select select{width:50px;font-size:10px}.below-studio{align-items:flex-start;flex-direction:column;padding:18px 0}.takeaway p{font-size:11px}.takeaway p>span{font-size:7px}.episode-storyboard{padding:15px}.storyboard-grid{grid-template-columns:1fr;gap:5px;margin-top:13px}.storyboard-grid button{font-size:11px}.page-footer{flex-direction:column;align-items:flex-start;gap:10px;font-size:9px}.theme-gallery{grid-template-columns:1fr;gap:24px}.theme-card-body{padding:20px}.theme-card-heading h2{font-size:18px}.color-swatches{display:flex}.theme-card-body>p{min-height:0;font-size:13px}.theme-properties{min-height:0}.theme-card-actions{flex-wrap:nowrap}.theme-card-actions .secondary-button,.selected-theme-button{font-size:11px}.compare-toggle{font-size:10px}.gallery-toolbar{flex-direction:column;align-items:stretch}.gallery-toolbar>div{gap:10px}.gallery-toolbar select{width:calc(100% - 60px);max-width:none}.gallery-toolbar>.secondary-button{align-self:flex-end;font-size:11px}.gallery-page .episode-heading h1{font-size:30px}.gallery-page .episode-heading p{font-size:13px}.gallery-page .page-eyebrow>span:last-child{display:none}.gallery-bottom{flex-direction:column;align-items:flex-start}.comparison{padding:12px}.comparison-grid{grid-template-columns:1fr}.comparison-heading h2{font-size:13px}.compare-item{padding:12px}.docs-page .page-eyebrow>span:last-child{display:none}.docs-page .episode-heading>svg{display:none}.docs-intro{padding:20px}.docs-page h2{font-size:20px}.docs-shortcuts{gap:12px}.docs-shortcuts>svg{display:none}.section-heading>span{display:none}.showcase-canvas .scene-svg{min-height:220px}.authoring-guide h2{align-items:flex-start}.authoring-guide h2 svg{margin-top:5px}pre{font-size:10px;padding:16px}.next-stories>div{grid-template-columns:1fr 1fr;gap:8px}.next-stories>div>span{font-size:10px;padding:12px}.docs-page .source-links a{font-size:11px}.logs-view{grid-template-columns:1fr;padding:48px 14px 18px}.is-presenting .present-header>span:nth-child(2){display:none}.is-presenting .scene-svg{min-height:240px}.is-presenting .visualization-canvas{min-height:280px}.is-presenting .caption-title h2{font-size:14px}.is-presenting .scene-caption p{font-size:12px}.is-presenting .scene-caption{padding:18px 13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}[data-theme]{--sidebar-width: 206px;--node-radius: 16px}[data-theme=cloud]{--bg: #fafbfd;--canvas: #fff;--sidebar: #fafbfd;--border: #dce3ed;--muted: #5c687b;--dot: transparent;--radius: 8px;--panel-shadow: none;--node-shadow: transparent}[data-theme=blueprint]{--node-radius: 3px}[data-theme=glacier]{--node-radius: 30px}[data-theme=paper]{--node-radius: 0px}[data-theme=terminal]{--node-radius: 5px}[data-theme=debugger]{--node-radius: 2px}[data-theme=academy]{--node-radius: 12px}[data-theme=signal]{--node-radius: 4px}.theme-card-preview .node-box,.theme-card-preview .node-shadow,.compare-item .node-box,.compare-item .node-shadow{rx:var(--node-radius)}.node-box{transition:stroke .25s,fill .25s}.sidebar{padding-top:34px;overflow-y:auto}.brand{font-size:28px;margin-bottom:37px;gap:9px}.brand-mark{width:32px;height:32px;border-radius:8px}.brand-mark svg{width:20px}.brand-tag,.workspace-label,.sidebar-note,.sidebar-footer,.sidebar-section-label:not(.episode-label),.nav-count,.side-nav a small{display:none}.sidebar-section-label.episode-label{font-size:10px;letter-spacing:1px;margin-top:38px}.episode-label>span{display:none}.side-nav a{font-size:13px;gap:10px;height:41px}.side-nav a.active{background:transparent;color:var(--accent)}.episode-nav a{padding:12px 7px;font-size:12px;font-weight:500;gap:9px}.episode-nav a.active{box-shadow:none;border-color:transparent;background:var(--accent-soft)}.episode-nav a>svg{display:none}.episode-number{border:0;background:transparent;font-size:10px;width:19px;height:23px}.episode-nav a.active .episode-number{background:transparent;color:var(--accent)}.episode-nav small{font-size:10px}.theme-shortcut{margin-top:auto;margin-bottom:15px;border-bottom:0;padding-top:16px;font-size:11px}.theme-shortcut small{font-size:10px}.topbar{display:none}.episode-page{padding:40px 38px 24px;max-width:1430px}.episode-page>.page-eyebrow{display:none}.episode-heading{margin-bottom:16px}.episode-heading h1{font-size:32px!important;font-weight:600;letter-spacing:-1.1px}.heading-dot{display:none}.episode-heading p{font-size:14px;margin-top:8px}.episode-heading>.primary-button{background:var(--panel);color:var(--text);border-color:var(--border);box-shadow:none;font-size:12px;padding:9px 12px}.episode-heading>.primary-button svg:last-child{display:none}.episode-meta{font-size:12px;gap:17px;margin-bottom:25px}.episode-meta .state-badge{background:transparent;padding:0;font-size:12px}.episode-meta .tiny-dot,.episode-meta .topic-tag,.episode-meta .meta-divider{display:none}.episode-meta>span>svg{width:13px}.canvas-status{display:none}.canvas-toolbar{height:51px}.view-tabs button{font-size:12px}.canvas-legend{font-size:10px;padding-bottom:18px}.canvas-legend small{font-size:10px}.visualization-canvas{min-height:330px}.scene-svg{max-height:410px}.canvas-panel{box-shadow:none}.scene-caption{padding:22px;min-height:112px;gap:13px}.caption-step{background:transparent;border:1px solid var(--border);font-size:11px;color:var(--muted);width:30px;height:30px}.caption-title h2{font-size:15px}.caption-title .state-badge{display:none}.scene-caption p{font-size:14px;line-height:1.7;max-width:850px}.player-panel{padding-bottom:17px}.step-progress small{display:none}.step-progress button>span{height:3px}.playback-controls{margin-top:16px}.step-count{font-size:11px}.keyboard-hint{font-size:10px}.speed-select select{font-size:12px}.panel-label{font-size:10px}.node-selector select{font-size:13px}.node-info{font-size:11px}.node-info .state-badge{font-size:10px}.state-table{font-size:11px}.event-trace li>div>span{font-size:11px}.event-trace small,.event-heading>span{font-size:10px}.invariant-box strong,.invariant-box p{font-size:12px}.invariant-box>div{font-size:9px}.inspector-footer{font-size:10px}.inspector-heading h2{font-size:13px}.inspector-live{display:none}.inspector-content{padding:19px 16px}.takeaway-icon,.takeaway p>span{display:none}.takeaway p{font-size:12px}.below-studio{padding:21px 0;gap:18px}.text-button{font-size:12px}.episode-storyboard{padding:17px 0;border-left:0;border-right:0;border-bottom:0;border-radius:0;background:none}.storyboard-title{font-size:12px;font-weight:500;color:var(--muted)}.storyboard-title>span>span{font-size:11px}.storyboard-grid:not(.expanded){display:none}.storyboard-grid button{font-size:12px}.page-footer{display:none}.gallery-page,.docs-page{padding-top:40px}.gallery-page .episode-heading h1,.docs-page .episode-heading h1{font-size:32px!important}.gallery-page .page-eyebrow,.docs-page .page-eyebrow{display:none}.theme-card-body>p{font-size:14px}.theme-category,.theme-properties>span{font-size:11px}.theme-card-actions .secondary-button,.selected-theme-button{font-size:12px}.compare-toggle{font-size:11px}.gallery-toolbar label,.gallery-toolbar select{font-size:12px}@media(max-width:1190px){.episode-page{padding:32px 25px}.scene-caption p{font-size:13px}.studio{grid-template-columns:minmax(0,1fr) 245px}.studio.inspector-hidden{grid-template-columns:minmax(0,1fr)}}@media(max-width:1000px){.studio{grid-template-columns:minmax(0,1fr)}.studio:not(.inspector-hidden) .inspector{display:flex}.canvas-tools>button{display:inline-flex}.inspector .inspector-content{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.inspector .panel-label,.inspector .node-selector,.inspector .node-info,.inspector .state-table{grid-column:1}.inspector .event-heading,.inspector .event-trace,.inspector .invariant-box,.inspector .inspector-logs{grid-column:2}.inspector .event-heading{grid-row:1}.inspector .event-trace{grid-row:2 / span 3}.inspector .invariant-box{grid-row:5}.inspector .inspector-logs{grid-row:6}.theme-card-actions{flex-wrap:wrap}}@media(max-width:760px){.topbar{display:flex;border-bottom:0;background:none;height:49px;padding-top:6px}.breadcrumb-divider,.breadcrumb>span:not(.breadcrumb-divider),.breadcrumb>svg,.breadcrumb>strong,.topbar-right{display:none}.episode-page{padding:15px 20px 25px}.gallery-page,.docs-page{padding-top:18px}.episode-heading h1{font-size:29px!important}.episode-heading>.primary-button{font-size:0;padding:10px}.episode-heading>.primary-button svg:first-child{width:17px;height:17px}.sidebar{padding-top:28px}.theme-shortcut{margin-top:38px}.mobile-close{top:30px}.visualization-canvas{min-height:290px}.scene-caption p{font-size:13px}.below-studio{flex-direction:column;align-items:flex-start;gap:11px}.text-button{font-size:11px}.theme-card-body>p{font-size:13px}.is-presenting{padding:15px}.presentation-shell .topbar{display:none}}@media(max-width:520px){.episode-page{padding:10px 15px 22px}.episode-heading h1{font-size:26px!important}.episode-heading p{font-size:13px}.episode-meta{font-size:11px;gap:14px;margin-bottom:20px}.episode-meta .state-badge{font-size:11px}.view-tabs button{font-size:10px}.visualization-canvas{min-height:250px}.canvas-legend{font-size:9px}.scene-caption{padding:17px 13px;gap:9px}.scene-caption p{font-size:13px}.caption-title h2{font-size:14px}.caption-step{width:25px;height:25px;font-size:10px}.transport .reset-button,.transport .control-separator{display:none}.takeaway p{font-size:12px}.inspector .inspector-content{display:block}.gallery-page .episode-heading h1,.docs-page .episode-heading h1{font-size:28px!important}.gallery-toolbar select{width:calc(100% - 65px);font-size:11px}.theme-card-actions{flex-wrap:nowrap}.is-presenting .episode-heading h1{font-size:25px!important}}[data-theme]{--preview-node-stroke: var(--border);--preview-node-width: 1.5px}[data-theme=terminal],[data-theme=signal]{--preview-node-stroke: var(--accent)}[data-theme=academy]{--preview-node-stroke: #665675}[data-theme=signal]{--preview-node-width: 2px}.theme-card-preview .node-box,.compare-item .node-box{stroke:var(--preview-node-stroke);stroke-width:var(--preview-node-width);stroke-opacity:1;filter:none}.theme-card-preview .node-active .node-box,.compare-item .node-active .node-box{stroke:color-mix(in srgb,var(--accent) 45%,var(--border))}.theme-card-preview .node-crashed .node-box,.compare-item .node-crashed .node-box{stroke:var(--danger)}.theme-card-preview .node-uncertain .node-box,.compare-item .node-uncertain .node-box{stroke:var(--warning)}@media(max-width:760px){.sidebar:not(.sidebar-open){visibility:hidden}}.language-switcher{display:inline-flex;flex-shrink:0;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:7px;background:var(--panel)}.language-switcher button{min-width:33px;min-height:27px;padding:4px 7px;border-radius:4px;background:transparent;color:var(--muted);font:11px var(--mono)}.language-switcher button:hover,.language-switcher button.active{color:var(--accent);background:var(--accent-soft)}.sidebar-locale{padding:0 8px 20px}.mobile-locale{display:none}.present-header>.language-switcher{margin-left:auto}:lang(ru) .sidebar .side-nav a{font-size:12px}:lang(ru) .theme-card-actions{flex-wrap:wrap}:lang(ru) .theme-properties{flex-wrap:wrap}:lang(ru) .caption-title h2{overflow-wrap:anywhere}@media(max-width:760px){.mobile-locale{display:block}.sidebar-locale{display:none}.topbar{justify-content:space-between}}@media(max-width:520px){.present-header{flex-wrap:wrap}.present-header .secondary-button{font-size:10px}:lang(ru) .gallery-toolbar label{flex-wrap:wrap}:lang(ru) .gallery-toolbar select{width:100%}:lang(ru) .comparison-heading h2{max-width:85%}}.about-page{max-width:1180px}.about-page .episode-heading>div>p{font-size:17px;line-height:1.8;max-width:760px}.about-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:34px 0}.about-facts>div{display:flex;flex-direction:column;gap:6px;padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.about-facts>div>span{font:10px var(--mono);letter-spacing:1.2px;color:var(--accent)}.about-facts strong{font-family:var(--heading);font-size:21px}.about-facts p{color:var(--muted);font-size:14px}.about-site{font-size:15px;color:var(--muted);line-height:1.8;max-width:760px}@media(max-width:760px){.about-facts{grid-template-columns:1fr}}.episode-meta .systems-shortcut{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:var(--accent);font-size:12px}.episode-systems{margin:28px 0 18px;padding-top:26px;border-top:1px solid var(--border);scroll-margin-top:24px}.episode-systems h2{font-size:18px;font-weight:600;margin-bottom:20px}.system-workbench,.reading-content{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-width:0}.system-tabs{display:flex;gap:24px;padding:0 24px;overflow-x:auto;border-bottom:1px solid var(--border)}.system-tabs button{flex-shrink:0;background:none;border-bottom:2px solid transparent;padding:17px 0 14px;color:var(--muted);font-size:13px;font-weight:500}.system-tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent)}.system-tabs button:focus-visible{outline-offset:-3px}.system-example{padding:26px}.system-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-bottom:28px}.system-heading h3{font-size:21px;font-weight:600;line-height:1.4}.system-mechanism{color:var(--accent);font:11px / 1.7 var(--mono);overflow-wrap:anywhere}.system-summary{flex-basis:100%;min-width:0}.system-summary,.system-stage-detail p,.system-model-note p{color:var(--muted);font-size:13px;line-height:1.8}.system-explanation{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,28%);gap:32px}.system-process,.system-model-note{min-width:0}.system-explanation h4{margin:0 0 16px;font-size:12px;font-weight:500;line-height:1.6}.system-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.system-flow li{position:relative;min-width:0}.system-stage{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;height:100%;padding:15px;text-align:left;background:transparent;border:1px solid var(--border);border-radius:var(--button-radius);transition:background .12s,border-color .12s}.system-stage:hover,.system-stage[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.system-stage-number{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--border);border-radius:50%;color:var(--muted);font:10px var(--mono)}.system-stage[aria-pressed=true] .system-stage-number{color:var(--panel);background:var(--accent);border-color:var(--accent)}.system-stage-title{color:var(--text);font-size:13px;font-weight:500;line-height:1.6}.system-stage code{color:var(--muted);font:10px / 1.65 var(--mono);overflow-wrap:anywhere;margin-top:auto}.system-flow-arrow{position:absolute;right:-20px;top:22px;color:var(--muted)}.system-stage-detail{display:flex;align-items:flex-start;gap:12px;padding:20px 0 0}.system-detail-number{color:var(--accent);font:10px / 2.34 var(--mono)}.system-detail-stack{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;flex:1;min-width:0}.system-detail-stack>p{grid-area:1 / 1;overflow-wrap:anywhere}.system-detail-sizer{visibility:hidden;pointer-events:none}.system-model-note{border-left:1px solid var(--border);padding-left:26px}.system-scene-link{display:flex;align-items:flex-start;gap:8px;color:var(--accent);background:none;text-align:left;font-size:12px;line-height:1.6;padding:0;margin-top:20px}.system-scene-link svg{margin-top:2px}.system-scene-link small{display:block;font:10px / 1.8 var(--mono);color:var(--muted);margin-top:3px}.system-references{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 20px;border-top:1px solid var(--border);margin-top:26px;padding-top:18px}.system-references>span{color:var(--muted);font-size:11px}.system-references a{display:inline-flex;align-items:baseline;gap:4px;color:var(--accent);font-size:11px;line-height:1.7}@media(max-width:900px){.system-explanation{grid-template-columns:minmax(0,1fr);gap:24px}.system-model-note{padding:16px 20px;border-left:2px solid var(--accent);background:var(--accent-soft)}.system-model-note h4{margin-bottom:8px}}@media(max-width:600px){.focused-shell .episode-meta{flex-wrap:wrap}.episode-meta .systems-shortcut{margin-left:0;flex-basis:100%}.system-tabs{padding:0 16px;gap:20px}.system-tabs button{font-size:12px}.system-example{padding:20px 16px}.system-heading{gap:7px 12px;margin-bottom:22px}.system-heading h3{font-size:19px}.system-flow{grid-template-columns:minmax(0,1fr);gap:23px}.system-stage{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:4px 12px;padding:12px}.system-stage-number{grid-row:1 / 3}.system-stage code{grid-column:2}.system-flow-arrow{inset:auto auto -19px 18px;transform:rotate(90deg)}.system-model-note{padding:14px 16px}}.introduction-label{display:block;margin-bottom:12px;font-size:11px;color:var(--accent)}.introduction-definition{max-width:780px;margin:18px 0 22px;font-size:15px;line-height:1.85;color:var(--text)}.introduction-overview{margin:18px 0 22px;max-width:850px}.introduction-overview .introduction-definition{margin:0 0 10px;max-width:none}.introduction-scope{color:var(--muted);font-size:13px;line-height:1.8}.introduction-reading{padding:28px 0 8px}.introduction-reading h2,.introduction-followups h2{font-size:18px;font-weight:600;margin-bottom:16px}.introduction-reading p,.introduction-followups p{color:var(--muted);font-size:13px;line-height:1.85}.introduction-applications{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.introduction-applications h3{font-size:13px;font-weight:500;margin-bottom:8px}.introduction-tradeoff{max-width:780px;margin:30px 0}.introduction-followups{border-top:1px solid var(--border);margin-top:12px;padding:26px 0}.introduction-followup-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.introduction-followup-links a{border-top:1px solid var(--border);padding-top:14px}.introduction-followup-links a:hover{border-color:var(--accent)}.introduction-followup-links a>span{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--accent);margin-bottom:8px}@media(max-width:600px){.introduction-definition{font-size:14px}.introduction-applications{grid-template-columns:1fr;gap:20px}.introduction-followup-links{grid-template-columns:1fr;gap:16px}}.learning-path{display:flex;gap:22px;border-bottom:1px solid var(--border);margin:0 0 20px}.learning-path button{display:flex;align-items:center;gap:7px;padding:9px 0 12px;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:12px;text-align:left}.learning-path button>span{font:10px var(--mono);opacity:.6}.learning-path button[aria-current],.learning-path button:hover{color:var(--accent)}.learning-path button[aria-current]{border-bottom-color:var(--accent)}.caption-phase{display:block;margin-bottom:6px;color:var(--muted);font-size:10px}.chapter-path{display:grid;grid-template-columns:repeat(var(--chapter-count, 6),minmax(0,1fr));gap:0 20px}.chapter-path button{align-items:baseline;line-height:1.5}.host-region{fill:var(--accent);fill-opacity:.025;stroke:var(--border);stroke-width:1}.host-label{fill:var(--muted);font:11px var(--mono)}.sequence-scroll{height:410px;overflow:auto;overscroll-behavior:contain}.sequence-scroll .sequence-svg{max-height:none;padding:16px 0}@media(min-width:601px)and (max-width:900px){.chapter-path{grid-template-columns:repeat(3,minmax(0,1fr))}}.course-connections{margin:0 0 12px;color:var(--muted);font:12px/1.6 var(--mono)}.course-connections>summary{display:flex;align-items:center;gap:10px;width:fit-content;cursor:pointer;list-style:none;padding:7px 0}.course-connections>summary::-webkit-details-marker{display:none}.course-connections>summary:hover{color:var(--accent)}.course-connections[open]>summary>svg{transform:rotate(180deg)}.course-position{font-size:10px;opacity:.65}.course-body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:36px;padding:20px 0 24px;border-bottom:1px solid var(--border)}.course-body h2{font:12px var(--mono);color:var(--text);margin:22px 0 14px}.course-question{color:var(--text);margin:0;line-height:1.8}.course-prerequisites,.course-body ol{list-style:none;margin:0;padding:0}.course-prerequisites li+li{margin-top:15px}.course-prerequisites a{color:var(--accent);display:inline-flex;align-items:center;gap:6px}.course-prerequisites p{margin:4px 0 0}.course-scope{font-size:11px;margin:24px 0 0}.course-body nav a{display:flex;gap:12px;padding:5px 8px;color:var(--muted)}.course-body nav a>span{font-size:10px;opacity:.65}.course-body nav a[aria-current]{color:var(--accent);background:var(--panel)}.course-body a:hover{color:var(--accent);text-decoration:underline}.course-next{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;margin-top:28px;border-top:1px solid var(--border);text-decoration:none;color:var(--text)}.course-next small{display:block;color:var(--muted);font:10px var(--mono);margin-bottom:8px}.course-next strong{font:16px var(--mono)}.course-next p{color:var(--muted);max-width:730px;font:12px/1.8 var(--mono);margin:8px 0 0}.course-next>svg{flex-shrink:0;color:var(--accent)}.course-next:hover strong{color:var(--accent)}.course-return{display:inline-flex;align-items:center;gap:8px;margin-top:28px;color:var(--accent);font:12px var(--mono)}.timeline-key{fill:var(--muted);font:12px var(--mono)}.timeline-operation{font:14px var(--mono)}@media(max-width:700px){.course-body{grid-template-columns:minmax(0,1fr);gap:24px}}.caption-stack{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;flex:1;min-width:0}.caption-stack>*{grid-area:1 / 1;min-width:0}.caption-sizer{visibility:hidden;pointer-events:none}.episode-reading{margin-top:8px;border-top:1px solid var(--border)}.reading-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:20px 0;background:none;color:var(--text);gap:18px}.reading-toggle strong{display:block;font-size:13px;font-weight:500}.reading-toggle small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.reading-content{display:grid;gap:28px;padding:26px}.reading-content>section{min-width:0;max-width:830px}.reading-content h3{font-size:17px;font-weight:600;margin-bottom:12px}.reading-content p{font-size:13px;line-height:1.85;color:var(--muted)}.reading-content article+article{margin-top:20px}.reading-content article>a{display:inline-flex;align-items:center;gap:5px;color:var(--accent);margin-bottom:5px;font-size:13px}.misconception>span{font-size:10px;color:var(--muted)}.misconception h4{font-size:13px;font-weight:500;margin:4px 0 5px}.reading-scene-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.reading-scene-links button{display:inline-flex;gap:10px;text-align:left;background:none;color:var(--accent);padding:5px 0;font-size:13px}.reading-scene-links button span{font:10px var(--mono);align-self:center;color:var(--muted)}.reading-sources{padding-left:18px;margin:0;display:grid;gap:10px}.reading-sources a{color:var(--accent);font-size:12px;overflow-wrap:anywhere}.reading-sources a svg{margin-left:5px;vertical-align:middle}@media(max-width:600px){.learning-path{gap:0 16px;display:grid;grid-template-columns:1fr 1fr}.learning-path button{font-size:11px;padding:9px 0}.reading-toggle small{max-width:280px}.reading-content{gap:24px;padding:20px 16px}}.focused-shell .app-body{margin-left:0;width:100%}.site-header{border-bottom:1px solid var(--border);background:var(--bg)}.site-header-inner{max-width:1200px;min-height:68px;padding:14px 32px;margin:0 auto;display:flex;align-items:center;gap:26px}.header-brand{display:inline-flex;align-items:center;gap:9px;font-size:20px;font-weight:600;letter-spacing:-.8px}.header-brand>svg{color:var(--accent)}.episode-picker{position:relative;min-width:0;max-width:280px}.episode-picker select{appearance:none;width:100%;cursor:pointer;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:var(--button-radius);padding:9px 33px 9px 13px;font-size:12px}.episode-picker select option{background:var(--panel);color:var(--text)}.episode-picker>svg{pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted)}.header-links{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:12px;color:var(--muted)}.header-links a{display:inline-flex;align-items:center;gap:7px}.header-links a:hover,.header-links a.active{color:var(--accent)}.site-header .language-switcher{flex-shrink:0}.focused-shell .episode-page,.focused-shell .gallery-page,.focused-shell .docs-page{max-width:1200px;margin:0 auto;padding:36px 32px 24px}.focused-shell .simple-toolbar{justify-content:space-between;padding:0 22px;height:48px}.canvas-view-name{color:var(--muted);font-size:12px}.detail-toggle{display:inline-flex;align-items:center;gap:7px;background:transparent;color:var(--muted);padding:8px 0 8px 12px;font-size:12px}.detail-toggle:hover,.detail-toggle[aria-expanded=true]{color:var(--accent)}.exploration-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 22px 14px;border-bottom:1px solid var(--border);background:var(--panel)}.exploration-tools .view-tabs{height:37px}.exploration-tools .canvas-tools{margin-left:auto}.detail-explanation{flex-basis:100%;font-size:11px;color:var(--muted);line-height:1.65}.exploration-tools .layer-controls{display:flex;flex-wrap:wrap;border:0;padding:0;gap:16px}.exploration-tools .layer-controls legend{margin-bottom:8px}.exploration-tools .inspector-toggle{white-space:nowrap}.quiet-legend>span{display:none}.quiet-legend small{margin-left:auto}.inspector-close{margin-left:auto;width:28px;height:28px}.focused-shell .is-presenting{max-width:1600px;padding-top:20px}@media(max-width:850px){.site-header-inner{gap:18px}.header-links{gap:16px}.header-links a>span{display:none}.header-links a{padding:8px 0}}@media(max-width:600px){.site-header-inner{padding:12px 18px;gap:12px 18px;flex-wrap:wrap}.header-brand{font-size:18px}.header-brand>svg{width:20px}.episode-picker{order:4;max-width:none;width:100%}.episode-picker select{font-size:12px;padding-top:8px;padding-bottom:8px}.focused-shell .episode-page,.focused-shell .gallery-page,.focused-shell .docs-page{padding:24px 15px}.focused-shell .simple-toolbar{padding:0 14px;height:44px}.exploration-tools{padding:10px 12px 14px}.exploration-tools .view-tabs{width:100%}.exploration-tools .view-tabs button{flex:1;justify-content:center;padding:8px 6px}.exploration-tools .canvas-tools{margin-left:0}.exploration-tools .layer-controls{flex-wrap:wrap}.focused-shell .episode-heading h1{font-size:25px!important}}.database-diagram{background:var(--panel)}.database-diagram text{fill:var(--text);font-family:var(--mono)}.database-diagram .db-operation{font-size:15px;font-weight:500}.database-diagram .db-panel-label{font-size:12px;fill:var(--muted)}.database-diagram .db-record text{font-size:13px}.database-diagram .db-record{pointer-events:none}.database-diagram .db-footer{font-size:12px;fill:var(--muted)}.database-diagram .db-panel[role=button]{cursor:pointer}.database-diagram .db-panel:focus-visible{outline:none}.database-diagram .db-panel:focus-visible>rect{stroke:var(--accent);stroke-width:3}.courses-page{max-width:1180px;margin:0 auto;padding:32px 32px 80px}.course-page-heading{margin-bottom:24px}.course-page-heading h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em;margin-bottom:15px}.course-page-heading p{max-width:680px;color:var(--muted);line-height:1.8}.course-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,30%);gap:48px;padding:36px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);align-items:center}.course-intro-copy{min-width:0}.course-eyebrow{display:block;color:var(--accent);font-size:12px;margin-bottom:16px}.course-intro h1{font-size:clamp(27px,3.5vw,40px)}.course-intro-copy>p{font-size:14px}.course-facts{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px;color:var(--muted);font-size:12px}.course-facts strong{color:var(--text);font-weight:500}.course-intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:28px}.course-intro-actions .primary-button{white-space:normal;text-align:left;min-height:44px}.course-contents-link{color:var(--accent);font-size:13px}.course-artwork{min-width:0;margin:0}.course-artwork>img{display:block;width:100%;height:240px;object-fit:contain}.course-artwork figcaption{font-size:11px;color:var(--muted);line-height:1.6;margin-top:12px}.course-line-art{display:block;width:100%}.art-link{stroke:var(--border);stroke-width:2}.art-page{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.5}.art-ink{stroke:var(--accent);stroke-width:2}.art-message{fill:var(--accent)}.course-book-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid var(--border);margin-top:16px;font-size:13px}.course-book-link small{display:block;color:var(--muted);margin-top:7px;font-size:11px}.course-book-link:hover{color:var(--accent)}.course-contents{scroll-margin-top:24px}.course-contents>h2{font-size:22px}.course-contents>.book-part-nav{margin:18px 0 32px}.course-contents>.book-chapters+.book-chapters{margin-top:36px}.course-section-description{color:var(--muted);font-size:13px;line-height:1.7;margin:6px 0 8px;max-width:760px}.book-chapter h4{font-size:18px;letter-spacing:-.02em;margin:0 0 8px}.book-chapter h4 a:hover{color:var(--accent)}.course-contents>.book-credit{margin-top:24px}@media(max-width:800px){.course-intro{grid-template-columns:minmax(0,1fr) 190px;gap:24px;padding:24px}}@media(max-width:600px){.course-intro{grid-template-columns:minmax(0,1fr);padding:24px 20px}.course-artwork{width:min(100%,240px);justify-self:center}.course-line-art{max-height:150px}.course-artwork>img{height:200px}}.book-part-heading{margin:30px 0 8px;padding-bottom:12px;border-bottom:1px solid var(--border);scroll-margin-top:24px;font-size:16px;font-weight:500}.book-back,.book-source{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:12px}.book-back{margin-bottom:15px}.book-source{margin-top:17px}.branch-list{display:grid;gap:18px}.branch-card{display:flex;align-items:center;gap:26px;padding:32px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.branch-card:hover{border-color:var(--accent)}.branch-card>div{flex:1}.branch-card h2{margin-bottom:12px;font-size:25px}.branch-card p{color:var(--muted);line-height:1.7;max-width:640px}.branch-card small{display:block;margin-top:17px;color:var(--muted);font-size:11px}.branch-index,.book-number{font-family:var(--mono);color:var(--accent);font-size:12px}.branch-index{align-self:flex-start;padding-top:7px}.book-chapters{display:grid;gap:0}.book-chapters>.book-part-heading:first-child{margin-top:0}.course-episode-list{list-style:none;padding:0;margin:12px 0 0}.course-episode-list>li+li{border-top:1px solid var(--border)}.course-episode-link{display:grid;grid-template-columns:28px minmax(0,1fr) auto 15px;align-items:center;gap:16px;padding:17px 12px;min-height:56px;border-radius:var(--radius)}.course-episode-number,.course-episode-duration{color:var(--muted);font-size:12px}.course-episode-number{font-family:var(--mono)}.course-episode-title{font-size:15px;line-height:1.5}.course-episode-duration{white-space:nowrap}.course-episode-link>svg{color:var(--muted)}.course-episode-link:hover{background:var(--panel);color:var(--accent)}.course-episode-link:focus-visible{outline-offset:-2px}@media(max-width:600px){.course-episode-link{grid-template-columns:24px minmax(0,1fr) auto;gap:10px;padding:16px 0}.course-episode-link>svg{display:none}.course-episode-title{font-size:14px}.course-episode-duration{font-size:11px}}.book-chapter{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:20px;align-items:start;padding:24px 12px;border-bottom:1px solid var(--border);border-radius:0}.book-chapter-copy{padding:0;min-width:0}.book-chapter h2,.book-chapter h3{font-size:20px;letter-spacing:-.02em;margin:0 0 8px}.book-chapter p{color:var(--muted);font-size:14px;line-height:1.65;max-width:620px}.book-chapter small{display:block;margin:12px 0 0;color:var(--muted);font-size:12px}.book-actions{display:flex;gap:8px;align-items:center}.book-actions a{display:inline-flex;align-items:center;gap:8px}.book-chapter .book-number{padding-top:4px;color:var(--muted)}.chapter-open{color:var(--accent);min-height:40px;padding:8px 12px;border-radius:var(--button-radius);font-size:13px;white-space:nowrap}.chapter-open:hover{background:var(--accent-soft)}.book-actions .secondary-button{min-width:40px;min-height:40px;justify-content:center;padding:10px}.book-actions .secondary-button span{display:none}.book-part-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.book-part-nav a{display:flex;align-items:center;gap:16px;padding:12px 16px;border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);font-size:13px}.book-part-nav a:hover{border-color:var(--accent);color:var(--accent)}.book-part-nav span{color:var(--muted);font:11px var(--mono)}.book-credit{color:var(--muted);font-size:12px;line-height:1.8}@media(max-width:800px){.book-chapter{grid-template-columns:28px minmax(0,1fr);gap:14px;padding:22px 0}.courses-page{padding:28px 18px 50px}.book-chapter-copy{padding:0}.book-actions{grid-column:2}.branch-card{padding:23px 20px;gap:16px}.branch-card h2{font-size:21px}}.system-topic{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border)}.system-topic select{flex:1;min-width:0}.system-options .system-stage{height:100%}.branch-notice{display:flex;justify-content:space-between;gap:16px;padding:10px 24px;border-bottom:1px solid var(--border);color:var(--accent);font-size:12px;background:var(--bg)}.branch-notice button{color:inherit;background:none;border:0;text-decoration:underline}.presentation-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0;font-size:12px}.presentation-tools label{display:flex;align-items:center;gap:8px}.presentation-tools button,.presentation-tools select,.system-topic select{border:1px solid var(--border);border-radius:4px;padding:8px 10px;background:var(--panel);color:var(--text);font:inherit}.presentation-tools select{max-width:340px}.presentation-tools button:disabled{opacity:.4}.presentation-tools button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px}.presentation-tools button:hover{border-color:var(--accent);color:var(--accent)}.presentation-tools .presentation-navigation{flex:1 1 260px;min-width:0}.presentation-navigation select{width:100%;max-width:none;min-width:0;min-height:40px;text-overflow:ellipsis}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.presenter-notes-dialog .dialog-heading h2{margin:4px 0 16px}.dialog-heading .icon-button{flex:none;width:40px;height:40px}.presentation-settings{max-width:480px}.presentation-settings .presentation-tools{align-items:stretch;flex-direction:column}.presentation-settings label{justify-content:space-between;min-height:44px}.mobile-step-select,.diagram-size-tools{display:none}.visualization-canvas:focus-visible{outline-offset:-3px}@media(max-width:650px){.diagram-size-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);color:var(--muted);font-size:11px}.diagram-size-tools button{display:inline-flex;align-items:center;gap:6px;padding:8px;min-height:40px;flex-shrink:0;color:var(--accent);background:var(--accent-soft);border-radius:var(--button-radius)}.episode-page:not(.is-recording) .readable-diagram{overflow-x:auto;overscroll-behavior-x:contain;min-height:0}.episode-page:not(.is-recording) .readable-diagram>.scene-svg{width:900px;min-width:900px;max-width:none;height:auto;min-height:0;max-height:none}.episode-page .step-progress{display:none}.mobile-step-select{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.mobile-step-select select{min-width:0;flex:1;width:100%;min-height:44px;padding:8px;border:1px solid var(--border);border-radius:var(--button-radius);background:var(--panel);color:var(--text);font:inherit;text-overflow:ellipsis}.episode-page .transport .icon-button,.episode-page .transport .play-button{width:44px;height:44px}.episode-page .transport{gap:4px}.episode-page .step-count{margin-left:4px}.episode-page .control-separator{display:none}.episode-page .playback-controls{gap:8px;margin-top:10px}.episode-page .speed-select select{min-height:44px}.presentation-tools .presentation-navigation{flex-basis:100%}}.presenter-window{min-height:100vh;padding:32px;color:var(--text);background:var(--bg);font-family:var(--mono)}.presenter-window h1{font-size:24px;margin:20px 0}.presenter-window p{line-height:1.8;margin:16px 0}.presenter-notes-dialog{width:min(700px,calc(100vw - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:24px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px}.presenter-notes-dialog::backdrop{background:#00000073}.presenter-notes-dialog h2{margin:20px 0;font-size:20px}.presenter-notes-dialog p{margin:12px 0;line-height:1.7}.presenter-notes-dialog aside{padding:16px;border:1px solid var(--border)}.presenter-autoplay-note{color:var(--muted);font-size:12px}.presentation-tools .discussion-prompt{flex-basis:100%;margin:0;line-height:1.5;color:var(--text)}.presenter-window aside{padding:18px;border:1px solid var(--border)}.presenter-window .source-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.focused-shell .is-recording{max-width:none;padding:12px}.is-recording .studio{width:100%;max-width:none;display:block}.is-recording .canvas-panel{width:min(100%,calc((100vh - 140px) * 16 / 9));aspect-ratio:16/9;margin:auto;container-type:inline-size;display:flex;flex-direction:column;overflow:hidden;background:var(--panel)}.is-recording .canvas-panel .visualization-canvas{flex:1;min-height:0;display:flex;justify-content:center}.is-recording .canvas-panel .scene-svg{height:100%;width:100%;max-height:none;min-height:0}.is-recording .canvas-panel .scene-caption{flex:none;min-height:0;padding:1.4cqw 2cqw;gap:1cqw}.is-recording .scene-caption p{font-size:1.35cqw;line-height:1.6;max-width:none}.is-recording .caption-title h2{font-size:1.65cqw}.is-recording .caption-step{font-size:1cqw}.is-recording .branch-notice{font-size:1.1cqw;padding:.7cqw 2cqw}.is-recording .player-panel,.is-recording .studio-header,.is-recording .below-studio,.is-recording .end-caption{display:none}.is-recording .present-header{margin-bottom:8px}.clean-recording .present-header,.clean-recording>.presentation-tools{display:none}.focused-shell .clean-recording{padding:0;display:flex;min-height:100vh;align-items:center}.clean-recording .canvas-panel{width:min(100vw,calc(100vh * 16 / 9))}.clean-recording .studio{margin:0}@media(max-width:650px){.presentation-tools label{flex-wrap:wrap}.presentation-tools select{max-width:calc(100vw - 80px)}.system-topic{padding:12px;flex-wrap:wrap}}.branch-label{display:block;color:var(--accent);font-size:11px;margin-bottom:8px}.is-recording .branch-label{font-size:1.1cqw;margin-bottom:.5cqw}@media(min-width:850px)and (min-height:620px){.focused-shell .is-database.is-presenting:not(.is-recording){height:100dvh;padding:16px 24px;display:flex;flex-direction:column}.is-database.is-presenting:not(.is-recording) .present-header{flex:none;margin-bottom:10px}.is-database.is-presenting:not(.is-recording) .studio{flex:1;min-height:0;width:100%;margin:0 auto}.is-database.is-presenting:not(.is-recording) .canvas-panel{display:flex;flex-direction:column;min-height:0;height:100%}.is-database.is-presenting:not(.is-recording) .visualization-canvas{flex:1;min-height:0;display:flex;justify-content:center}.is-database.is-presenting:not(.is-recording) .scene-svg{height:100%;min-height:0;max-height:none}.is-database.is-presenting:not(.is-recording) .scene-caption{flex:none;min-height:0;padding:12px 18px}.is-database.is-presenting:not(.is-recording) .scene-caption p{font-size:14px}.is-database.is-presenting:not(.is-recording) .caption-title h2{font-size:17px}.is-database.is-presenting:not(.is-recording) .player-panel{flex:none}.is-database.is-presenting:not(.is-recording) .below-studio,.is-database.is-presenting:not(.is-recording) .end-caption{display:none}.is-database.is-presenting:not(.is-recording) .presentation-tools{margin:0}}