@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0e1117;--bg-raised: #161b24;--bg-inset: #0a0d12;--border: #232a36;--border-strong: #2f3949;--text: #e6ebf2;--text-dim: #8b96a8;--text-faint: #5d6678;--accent: #4f8ef7;--accent-soft: rgba(79, 142, 247, .16);--green: #3fb97f;--green-soft: rgba(63, 185, 127, .16);--amber: #e0a93e;--amber-soft: rgba(224, 169, 62, .16);--red: #e5604f;--red-soft: rgba(229, 96, 79, .14);--purple: #a584f5;--exec-line: rgba(79, 142, 247, .18);--error-line: rgba(229, 96, 79, .22);--shadow: 0 4px 18px rgba(0, 0, 0, .35);--mono: "Fira Code", "SF Mono", ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--display: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--glow-1: rgba(79, 142, 247, .18);--glow-2: rgba(165, 132, 245, .18);--glow-3: rgba(63, 185, 127, .15)}:root[data-theme=light]{color-scheme:light;--bg: #f3f5f8;--bg-raised: #ffffff;--bg-inset: #e9edf2;--border: #d8dee8;--border-strong: #c3ccd9;--text: #1c2330;--text-dim: #5a6577;--text-faint: #8b95a6;--accent: #2769d8;--accent-soft: rgba(39, 105, 216, .12);--green: #1d8a58;--green-soft: rgba(29, 138, 88, .13);--amber: #b07f1a;--amber-soft: rgba(176, 127, 26, .14);--red: #c93f2e;--red-soft: rgba(201, 63, 46, .12);--purple: #6d48cf;--exec-line: rgba(39, 105, 216, .14);--error-line: rgba(201, 63, 46, .16);--shadow: 0 4px 14px rgba(23, 32, 51, .1);--mono: "Fira Code", "SF Mono", ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--display: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--glow-1: rgba(39, 105, 216, .08);--glow-2: rgba(109, 72, 207, .08);--glow-3: rgba(29, 138, 88, .07)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.45}button{align-items:center;background:var(--bg-raised);border:1px solid var(--border);border-radius:7px;color:var(--text);cursor:pointer;display:inline-flex;font:inherit;font-size:12.5px;gap:6px;padding:5px 10px}button:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-inset)}button:disabled{cursor:default;opacity:.45}select,input[type=text],input[type=number],input[type=email],input[type=password]{background:var(--bg-inset);border:1px solid var(--border);border-radius:7px;color:var(--text);font:inherit;font-size:12.5px;padding:5px 8px}input[type=text]{font-family:var(--mono)}input[type=email],input[type=password]{width:100%}.app-shell{display:flex;flex-direction:column;min-height:100%;padding:10px 12px 0}.app-shell-embed{gap:8px;height:100%;padding:8px}.dashboard-stage{display:flex;flex-direction:column;gap:10px;min-height:700px;height:calc(100svh - 10px);padding-bottom:10px}.app-shell-embed .dashboard-stage{height:100%;min-height:0;padding-bottom:0}.embed-bar{align-items:center;background:var(--bg-raised);border:1px solid var(--border);border-radius:9px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:7px 9px}.embed-bar strong{font-size:13px}.workbench{display:grid;flex:1;grid-template-columns:var( --workbench-columns, minmax(330px, 1.05fr) minmax(360px, 1.35fr) minmax(300px, 1fr) );min-height:0}.column{display:flex;flex-direction:column;min-height:0;min-width:0}.panel-slot{display:flex;min-height:92px;min-width:0}.panel-slot>.panel{flex:1;min-height:0}.column-right{overflow:hidden}.column-resizer,.stack-resizer{align-items:center;background:var(--bg);display:flex;justify-content:center;pointer-events:auto;position:relative;touch-action:none;z-index:3}.column-resizer{cursor:col-resize;min-width:10px}.column-resizer:before{background:var(--border);border-radius:1px;content:"";height:100%;transition:background .14s ease,width .14s ease;width:1px}.column-resizer:hover:before{background:var(--accent);width:2px}.stack-resizer{cursor:row-resize;flex:0 0 10px;min-height:10px}.stack-resizer:before{background:var(--border);border-radius:1px;content:"";height:1px;transition:background .14s ease,height .14s ease;width:100%}.stack-resizer:hover:before{background:var(--accent);height:2px}.layout-empty{align-items:center;color:var(--text-dim);gap:10px;justify-content:center;min-height:240px}.layout-empty p{margin:0}.viewport-note{background:var(--bg-inset);border:1px solid var(--border);border-radius:7px;color:var(--text-dim);display:none;font-size:12px;margin:0;padding:6px 9px}@media(max-width:1100px){.app-shell{min-height:100%}.dashboard-stage{height:auto;min-height:100svh}.workbench{grid-template-columns:1fr}.column-resizer{display:none}}@media(max-width:720px){.top-bar{align-items:stretch;flex-direction:column;gap:8px}.brand{justify-content:flex-start}.status-pill{flex-shrink:0;max-width:none}.top-actions{justify-content:flex-start}.viewport-note{display:block}.controls-bar{bottom:0;box-shadow:0 -6px 16px var(--bg);position:sticky;z-index:5}}.panel{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-header{align-items:baseline;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:8px 12px}.panel-header h2{align-items:center;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;letter-spacing:.04em;margin:0;text-transform:uppercase}.panel-hint{color:var(--text-faint);font-size:11.5px}.panel-empty{color:var(--text-faint);font-size:13px;margin:0;padding:16px 12px}.panel-note{background:var(--amber-soft);border-radius:6px;color:var(--amber);font-size:12px;margin:8px;padding:6px 8px}.panel-scroll{min-height:0;overflow:auto;padding:8px 12px 12px}.error-boundary-panel{border-color:var(--red)}.error-boundary-panel .panel-header{color:var(--red)}.panel-error-body{align-items:flex-start;color:var(--text-dim);display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:120px;padding:16px 12px}.panel-error-body p{margin:0}.panel-header-action{background:transparent;border:0;color:var(--text-dim);font-size:11.5px;padding:1px 0}.panel-header-action:hover:not(:disabled){background:transparent;color:var(--text)}.subsection{border-top:1px solid var(--border);color:var(--text-dim);font-size:11px;letter-spacing:.05em;margin:12px 0 4px;padding-top:10px;text-transform:uppercase}.top-bar{align-items:center;display:flex;flex-shrink:0;gap:12px;justify-content:space-between}.brand{align-items:center;display:flex;gap:9px;min-width:0}.brand-mark{color:var(--accent);font-size:20px}.brand h1{font-size:15.5px;margin:0;white-space:nowrap}.status-pill{background:var(--bg-raised);border:1px solid var(--border);border-radius:99px;color:var(--text-dim);font-size:11px;max-width:320px;overflow:hidden;padding:3px 10px;text-overflow:ellipsis;white-space:nowrap}.status-running,.status-loading,.status-interrupting{border-color:var(--amber);color:var(--amber)}.status-ready{border-color:var(--green);color:var(--green)}.top-actions{align-items:center;display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.icon-button{padding:6px 7px}.panel-menu{position:relative}.panel-menu summary{align-items:center;background:var(--bg-raised);border:1px solid var(--border);border-radius:7px;color:var(--text);cursor:pointer;display:inline-flex;font-size:12.5px;gap:6px;list-style:none;padding:5px 10px;-webkit-user-select:none;user-select:none}.panel-menu summary::-webkit-details-marker{display:none}.panel-menu summary:hover{background:var(--bg-inset);border-color:var(--border-strong)}.panel-menu[open] summary{border-color:var(--accent)}.panel-menu-popover{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:3px;min-width:174px;padding:8px;position:absolute;right:0;top:calc(100% + 6px);z-index:20}.shortcuts-popover{gap:6px;min-width:238px}.shortcut-row{align-items:center;color:var(--text-dim);display:grid;font-size:12.5px;gap:10px;grid-template-columns:minmax(92px,auto) 1fr}.shortcut-keys{align-items:center;display:inline-flex;flex-wrap:wrap;gap:4px}.shortcut-row kbd{background:var(--bg-inset);border:1px solid var(--border);border-bottom-color:var(--border-strong);border-radius:5px;color:var(--text);font-family:var(--mono);font-size:10.5px;line-height:1;min-width:22px;padding:4px 6px;text-align:center}.panel-menu-item{align-items:center;border-radius:6px;color:var(--text-dim);cursor:pointer;display:flex;font-size:12.5px;gap:8px;padding:5px 6px}.panel-menu-item:hover{background:var(--bg-inset);color:var(--text)}.panel-menu-item input{accent-color:var(--accent)}.panel-menu-reset{justify-content:center;margin-top:5px;width:100%}.account-menu{position:relative}.account-menu summary{align-items:center;background:var(--bg-raised);border:1px solid var(--border);border-radius:7px;color:var(--text);cursor:pointer;display:inline-flex;font-size:12.5px;gap:6px;list-style:none;padding:5px 10px;-webkit-user-select:none;user-select:none}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:hover{background:var(--bg-inset);border-color:var(--border-strong)}.account-menu[open] summary{border-color:var(--accent)}.account-popover{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;min-width:292px;padding:12px;position:absolute;right:0;top:calc(100% + 6px);z-index:24}.account-popover-header{display:flex;flex-direction:column;gap:2px}.account-popover-header strong{color:var(--text);font-size:13px;overflow-wrap:anywhere}.account-popover-header span,.account-note,.account-message,.account-error{color:var(--text-dim);font-size:12px;margin:0}.account-error{background:var(--red-soft);border-radius:6px;color:var(--red);padding:7px 8px}.account-message{background:var(--green-soft);border-radius:6px;color:var(--green);padding:7px 8px}.account-form,.account-signed-in{display:flex;flex-direction:column;gap:8px}.account-form label{color:var(--text-dim);display:flex;flex-direction:column;font-size:12px;gap:4px}.account-form button,.account-signed-in button{justify-content:center;width:100%}.account-mode-button{background:transparent;color:var(--text-dim)}.account-usage{align-items:center;background:var(--bg-inset);border:1px solid var(--border);border-radius:7px;display:flex;justify-content:space-between;padding:8px 9px}.account-usage span{color:var(--text-dim);font-size:12px}.account-usage strong{color:var(--accent);font-family:var(--mono);font-size:12.5px}.history-popover{gap:10px;max-height:min(620px,calc(100vh - 124px));min-width:390px;overflow:auto}.history-popover-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.history-popover-header div{display:flex;flex-direction:column;gap:2px}.history-popover-header strong{color:var(--text);font-size:13px}.history-popover-header span,.history-note,.history-item-preview,.history-item-meta{color:var(--text-dim);font-size:12px}.history-refresh-button{flex:0 0 auto}.history-note{background:var(--bg-inset);border:1px solid var(--border);border-radius:7px;margin:0;padding:8px 9px}.history-note-error{background:var(--red-soft);border-color:color-mix(in srgb,var(--red) 26%,transparent);color:var(--red)}.history-list{display:flex;flex-direction:column;gap:7px}.history-item{align-items:stretch;background:var(--bg-inset);border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:8px;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) auto;padding:7px}.history-item:hover{border-color:color-mix(in srgb,var(--green) 35%,var(--border-strong))}.history-item-main{align-items:stretch;background:transparent;border:0;display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:0;padding:0;text-align:left}.history-item-main:hover:not(:disabled){background:transparent;border-color:transparent}.history-item-title{color:var(--text);font-size:12.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-preview{font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-meta{display:flex;gap:8px}.history-item-actions{align-items:center;display:flex;gap:4px}.editor-panel .editor-host{flex:1;min-height:0;overflow:auto}.editor-host .cm-editor{background:transparent;font-size:13px;height:100%}.editor-host .cm-editor.cm-focused{outline:none}.editor-host .cm-scroller{font-family:var(--mono);line-height:1.6}.cv-breakpoint-gutter .cm-gutterElement{align-items:center;cursor:pointer;display:flex;justify-content:center;min-width:18px}.cv-breakpoint-marker,.cv-breakpoint-spacer{border-radius:999px;display:inline-block;height:8px;width:8px}.cv-breakpoint-marker{background:var(--red);box-shadow:0 0 0 2px var(--red-soft)}.cv-exec-count-gutter .cm-gutterElement{align-items:center;color:var(--text-faint);display:flex;justify-content:flex-end;min-width:30px;padding-inline:2px 6px}.cv-exec-count-marker,.cv-exec-count-spacer{border-radius:999px;display:inline-block;font-size:10px;line-height:1.45;min-width:19px;padding:0 4px;text-align:center}.cv-exec-count-marker{background:var(--accent-soft);color:var(--accent)}.cv-exec-count-spacer{visibility:hidden}.cv-exec-line{background:var(--exec-line);box-shadow:inset 3px 0 0 var(--accent)}.cv-error-line{background:var(--error-line);box-shadow:inset 3px 0 0 var(--red)}.editor-diagnostics{background:var(--red-soft);border-top:1px solid var(--border);color:var(--red);flex-shrink:0;font-size:12px;padding:6px 12px}.editor-diagnostics p{margin:2px 0}.inputs-panel{flex-shrink:0}.inputs-body{display:flex;flex-direction:column;gap:8px;padding:10px 12px}.inputs-target{color:var(--text-dim);font-size:12.5px;margin:0}.inputs-target code{color:var(--text);font-family:var(--mono)}.inputs-row{display:flex;flex-direction:column;gap:3px}.inputs-label{color:var(--text);display:flex;font-family:var(--mono);font-size:12.5px;gap:8px}.inputs-label em{color:var(--text-faint);font-family:var(--sans);font-size:11px;font-style:normal}.inputs-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.seed-control{align-items:center;color:var(--text-dim);display:inline-flex;font-size:12px;gap:6px}.seed-control input{width:90px}.var-table{border-collapse:collapse;width:100%}.var-table td{border-bottom:1px solid var(--border);font-size:12.5px;padding:4px 6px 4px 0;vertical-align:top}.var-name{color:var(--text);font-family:var(--mono);white-space:nowrap}.var-watch-button{background:transparent;border:0;color:inherit;font-family:var(--mono);font-size:inherit;margin:-2px 0;padding:2px 4px 2px 0}.var-watch-button svg{color:var(--text-faint)}.var-watch-button:hover:not(:disabled){background:transparent;color:var(--accent)}.var-watch-button.is-active{color:var(--accent)}.var-watch-button.is-active svg{color:var(--accent);fill:var(--accent-soft)}.var-type{color:var(--text-faint);font-size:11.5px;white-space:nowrap}.var-value{color:var(--text-dim);font-family:var(--mono);overflow-wrap:anywhere;width:100%}.var-table tr.is-new .var-value,.var-table tr.is-new .var-name{color:var(--green)}.var-table tr.is-new td{animation:variable-new-pulse .68s ease-out}.var-table tr.is-changed .var-value,.var-table tr.is-changed .var-name{color:var(--amber)}.var-table tr.is-changed td{animation:variable-changed-pulse .68s ease-out}.var-table tr.is-watched .var-name{color:var(--accent)}.var-table tr.is-removed td{color:var(--text-faint);text-decoration:line-through}@keyframes variable-new-pulse{0%{background:var(--green-soft);box-shadow:inset 3px 0 0 var(--green)}to{background:transparent;box-shadow:inset 0 0 0 transparent}}@keyframes variable-changed-pulse{0%{background:var(--amber-soft);box-shadow:inset 3px 0 0 var(--amber)}to{background:transparent;box-shadow:inset 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){.var-table tr.is-new td,.var-table tr.is-changed td{animation:none}}.var-badge{border-radius:4px;font-family:var(--sans);font-size:10px;margin-left:7px;padding:1px 5px;text-transform:uppercase}.var-badge-new{background:var(--green-soft);color:var(--green)}.var-badge-changed{background:var(--amber-soft);color:var(--amber)}.watch-list{display:flex;flex-direction:column;gap:8px}.watch-card{background:var(--bg-inset);border:1px solid var(--border);border-radius:8px;padding:8px}.watch-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.watch-card-actions{display:flex;flex-shrink:0;gap:2px}.watch-card-actions .icon-button{padding:4px 5px}.watch-card-header h3{color:var(--accent);font-family:var(--mono);font-size:13px;margin:0}.watch-card-header p{color:var(--text);font-family:var(--mono);font-size:12px;margin:2px 0 0;overflow-wrap:anywhere}.watch-remove{flex-shrink:0;opacity:.75}.watch-note{color:var(--text-faint);font-size:11.5px;margin:7px 0 0}.watch-timeline{display:flex;flex-direction:column;gap:5px;list-style:none;margin:8px 0 0;padding:0}.watch-timeline li{align-items:flex-start;border-left:2px solid var(--border-strong);display:grid;gap:7px;grid-template-columns:42px 1fr;padding-left:7px}.watch-timeline li.is-current{border-left-color:var(--accent)}.watch-step{background:var(--bg-raised);color:var(--text-dim);font-family:var(--mono);justify-content:center;padding:2px 4px}.watch-event-body{min-width:0}.watch-event-meta{color:var(--text-faint);font-size:11px}.watch-value{color:var(--text);font-family:var(--mono);font-size:12px;overflow-wrap:anywhere}.watch-explain{background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;margin-top:5px;padding:5px 6px}.watch-explain code{color:var(--purple);display:block;font-family:var(--mono);font-size:11.5px;overflow-wrap:anywhere}.watch-sources{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.watch-sources span{background:var(--purple);border-radius:4px;color:var(--bg);font-family:var(--mono);font-size:10.5px;padding:1px 5px}.watch-related{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.watch-related span{background:var(--accent-soft);border-radius:4px;color:var(--accent);font-family:var(--mono);font-size:10.5px;padding:1px 5px}.callstack-body{display:flex;flex-direction:column;gap:10px;padding:8px 12px 12px}.stack-list{display:flex;flex-direction:column;gap:5px;list-style:none;margin:0;padding:0}.stack-frame{background:var(--bg-inset);border:1px solid var(--border);border-radius:7px;display:flex;gap:8px;justify-content:flex-start;padding:6px 10px;width:100%}.stack-frame.is-top{border-left:3px solid var(--accent)}.stack-frame.is-selected{background:var(--accent-soft);border-color:var(--accent)}.frame-name{font-family:var(--mono);font-size:12.5px}.frame-line{color:var(--text-faint);font-size:11.5px}.frame-return{align-items:center;color:var(--green);display:inline-flex;font-family:var(--mono);font-size:11.5px;gap:4px;margin-left:auto}.call-tree-section{border-top:1px solid var(--border);padding-top:10px}.call-tree-section h3{color:var(--text-dim);font-size:11px;font-weight:700;margin:0 0 7px;text-transform:uppercase}.call-tree-list,.call-tree-list ol{display:flex;flex-direction:column;gap:5px;list-style:none;margin:0;padding:0}.call-tree-list ol{border-left:1px solid var(--border);margin-left:10px;padding-left:10px}.call-tree-node{background:var(--bg-inset);border:1px solid var(--border);border-radius:7px;display:grid;gap:4px 8px;grid-template-columns:minmax(0,1fr) auto;padding:6px 8px;text-align:left;width:100%}.call-tree-node:disabled{cursor:default;opacity:.8}.call-tree-node.is-current{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.call-tree-node.is-returning,.call-tree-node.is-returned{border-color:color-mix(in srgb,var(--green) 40%,var(--border))}.call-tree-node.is-raised{border-color:color-mix(in srgb,var(--red) 55%,var(--border))}.call-tree-name{font-family:var(--mono);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-tree-line,.call-tree-status{color:var(--text-faint);font-size:11px}.call-tree-status{justify-self:end}.call-tree-return{align-items:center;color:var(--green);display:inline-flex;font-family:var(--mono);font-size:11px;gap:4px;grid-column:1 / -1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-cards{align-content:flex-start;display:flex;flex-wrap:wrap;gap:12px}.data-card{background:var(--bg-inset);border:1px solid var(--border);border-radius:9px;flex:0 1 auto;max-width:100%;min-width:160px;padding:10px 12px}.data-card-wide{flex:1 1 100%;max-width:100%}.data-card h3{color:var(--text-dim);font-family:var(--mono);font-size:12.5px;font-weight:600;margin:0 0 8px}.data-card-return{border-color:var(--green)}.data-card-return h3{color:var(--green)}.data-card-shared{border-color:var(--purple)}.data-card-shared h3{color:var(--purple)}.heap-card{max-width:100%}.heap-map{display:flex;flex-direction:column;gap:10px;min-width:0}.heap-roots{display:flex;flex-wrap:wrap;gap:6px}.heap-roots button,.heap-links button{background:var(--bg-raised);border-color:var(--border);color:var(--text-dim);font-family:var(--mono);font-size:11px;justify-content:space-between;max-width:100%;min-width:0;padding:4px 7px}.heap-roots button.is-selected,.heap-links button.is-selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.heap-nodes{display:flex;flex-direction:column;gap:6px}.heap-node{border-top:1px solid var(--border);display:grid;gap:6px;padding-top:7px}.heap-node:first-child{border-top:0;padding-top:0}.heap-node.is-selected{box-shadow:inset 3px 0 0 var(--accent);padding-left:8px}.heap-node-main{background:transparent;border:0;display:grid;gap:6px;grid-template-columns:auto auto minmax(0,1fr);justify-content:stretch;padding:0;text-align:left}.heap-node-main:hover:not(:disabled){background:transparent;border-color:transparent}.heap-node-id,.heap-node-kind{font-family:var(--mono);font-size:11px}.heap-node-id{color:var(--accent)}.heap-node-kind{color:var(--text)}.heap-node-preview{color:var(--text-dim);font-family:var(--mono);font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heap-node-roots{display:flex;flex-wrap:wrap;gap:4px}.heap-node-roots span{background:var(--accent-soft);border-radius:4px;color:var(--accent);font-family:var(--mono);font-size:10.5px;padding:1px 5px}.heap-links{display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:0;padding:0}.heap-note{color:var(--text-faint);font-size:11px;margin:0}.shared-ref-note{color:var(--text-faint);font-size:11.5px;margin:0 0 8px}.shared-ref-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.shared-ref{align-items:baseline;display:flex;flex-wrap:wrap;gap:6px 10px;justify-content:space-between}.shared-ref-paths{display:flex;flex-wrap:wrap;gap:4px}.shared-ref-paths code{background:var(--purple);border-radius:4px;color:var(--bg);font-family:var(--mono);font-size:11px;padding:1px 6px}.shared-ref-value{color:var(--text-dim);font-family:var(--mono);font-size:12px;overflow-wrap:anywhere}.shared-ref-kind{color:var(--text-faint)}.alias-badge{background:var(--purple);border-radius:4px;color:var(--bg);font-family:var(--sans);font-size:10px;margin-left:8px;padding:1px 6px;text-transform:uppercase}.return-preview,.object-preview{color:var(--text);font-family:var(--mono);font-size:13px;margin:0}.array-render{overflow-x:auto;padding-bottom:2px}.array-row{align-items:flex-start;display:inline-flex;gap:3px}.array-cell-wrap{align-items:center;display:flex;flex-direction:column;gap:2px;min-width:34px}.array-index{color:var(--text-faint);font-family:var(--mono);font-size:10px;height:13px}.array-cell{background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:6px;font-family:var(--mono);font-size:12.5px;min-width:34px;padding:5px 7px;text-align:center}.array-cell.has-pointer{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.array-cell.is-ellipsis{border-style:dashed;color:var(--text-faint)}.array-pointer{color:var(--accent);font-family:var(--mono);font-size:10.5px;white-space:nowrap}.grid-render{border-collapse:collapse}.grid-render th{color:var(--text-faint);font-family:var(--mono);font-size:10.5px;font-weight:400;padding-right:6px}.grid-render td{background:var(--bg-raised);border:1px solid var(--border-strong);font-family:var(--mono);font-size:12px;min-width:32px;padding:4px 7px;text-align:center}.dict-render{border-collapse:collapse;width:100%}.dict-render th{border-bottom:1px solid var(--border-strong);color:var(--text-faint);font-size:10.5px;font-weight:500;padding:2px 8px 4px 0;text-align:left;text-transform:uppercase}.dict-render th:first-child{text-align:center}.dict-render th:last-child{text-align:center}.dict-render td{border-bottom:1px solid var(--border);font-family:var(--mono);font-size:12.5px;min-width:52px;padding:4px 10px;text-align:center;vertical-align:middle}.dict-render td:first-child{color:var(--purple);white-space:nowrap}.tree-render{display:block;width:100%}.tree-edge{stroke:var(--border-strong);stroke-width:1.5}.tree-node{fill:var(--bg-raised);stroke:var(--accent);stroke-width:1.5}.tree-node.is-current{fill:var(--accent);stroke:var(--accent);stroke-width:2.5}.tree-label{fill:var(--text);font-family:var(--mono);font-size:12px;text-anchor:middle}.tree-label.is-current{fill:#fff;font-weight:600}.chain-render{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2px;overflow-x:auto}.chain-node-wrap{align-items:center;display:flex;gap:5px}.chain-pointer{color:var(--accent);display:block;font-family:var(--mono);font-size:10.5px;height:15px;text-align:center;white-space:nowrap}.chain-node-wrap{flex-direction:column}.chain-node-wrap>.chain-node,.chain-node-wrap>.chain-terminal{margin-top:0}.chain-node-wrap{position:relative}.chain-node{align-items:center;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:7px;display:flex;overflow:hidden}.chain-node.is-current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.chain-val{font-family:var(--mono);font-size:12.5px;padding:6px 9px}.chain-next{background:var(--accent-soft);border-left:1px solid var(--border-strong);color:var(--accent);font-size:9.5px;padding:7px 5px;text-transform:uppercase}.chain-arrow{color:var(--text-dim);font-size:15px;padding-top:4px}.chain-terminal{border:1px dashed var(--border-strong);border-radius:7px;color:var(--text-faint);font-family:var(--mono);font-size:11.5px;padding:6px 9px}.console-body{display:flex;flex-direction:column;gap:8px}.console-stdout,.console-stderr{background:var(--bg-inset);border-radius:7px;font-family:var(--mono);font-size:12.5px;margin:0;max-height:160px;overflow:auto;padding:8px 10px;white-space:pre-wrap}.console-stderr{color:var(--amber)}.console-return{color:var(--green);font-family:var(--mono);font-size:12.5px;margin:0}.console-return span{background:var(--green-soft);border-radius:4px;font-family:var(--sans);font-size:10.5px;margin-right:7px;padding:2px 6px;text-transform:uppercase}.console-error{align-items:flex-start;background:var(--red-soft);border-radius:7px;color:var(--red);display:flex;font-size:12.5px;gap:8px;padding:8px 10px}.console-error p{color:var(--text-dim);margin:3px 0 0}.console-explanation{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent),transparent 62%);border-radius:7px;color:var(--text);font-size:12.5px;padding:8px 10px}.console-explanation strong{color:var(--accent)}.console-explanation p{color:var(--text-dim);margin:4px 0 0}.console-explanation ul{color:var(--text-dim);margin:6px 0 0;padding-left:17px}.console-explanation li{margin:2px 0}.console-note{color:var(--amber);font-size:12px;margin:0}.explainer-body{display:flex;flex-direction:column;gap:8px}.explainer-body .panel-empty{padding:4px 0}.explainer-privacy,.explainer-tip{color:var(--text-dim);font-size:11.5px;margin:0}.explainer-action{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent),transparent 62%);justify-content:center;width:100%}.explainer-error{background:var(--red-soft);border-radius:7px;color:var(--red);font-size:12px;margin:0;padding:8px 10px}.explainer-answer{background:var(--bg-inset);border:1px solid var(--border);border-radius:7px;display:flex;flex-direction:column;gap:8px;padding:9px 10px}.explainer-answer p{font-size:12.5px;margin:0;white-space:pre-wrap}.complexity-block{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;margin-top:4px;padding-top:10px}.complexity-label{font-size:12.5px;margin:0}.complexity-label strong{color:var(--purple);font-family:var(--mono)}.complexity-bars{display:flex;flex-direction:column;gap:3px}.complexity-bar-row{align-items:center;display:flex;gap:8px}.complexity-n{color:var(--text-faint);font-family:var(--mono);font-size:11px;width:44px}.complexity-bar-track{background:var(--bg-inset);border-radius:4px;flex:1;height:10px;overflow:hidden}.complexity-bar{background:var(--purple);border-radius:4px;height:100%}.complexity-ops{color:var(--text-dim);font-family:var(--mono);font-size:11px;min-width:48px;text-align:right}.landing-document{scroll-padding-top:18px;scroll-behavior:smooth}.landing-page{background:var(--bg);color:var(--text);min-height:100vh;font-family:var(--sans);position:relative;overflow-x:hidden}.ambient-glow{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(140px);z-index:0;pointer-events:none;opacity:.12}.glow-top-left{top:-150px;left:-150px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%)}.glow-bottom-right{bottom:15%;right:-150px;background:radial-gradient(circle,var(--purple) 0%,transparent 70%)}.reveal{opacity:0;transform:translateY(12px);transition:opacity .48s ease-out,transform .48s ease-out}.reveal.active-reveal{opacity:1;transform:translateY(0)}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4{font-family:var(--display);font-weight:700;text-wrap:balance}.landing-page p{text-wrap:pretty}.landing-nav{align-items:center;display:flex;gap:14px;justify-content:space-between;margin:0 auto;max-width:1180px;padding:16px 0;position:relative;z-index:10}.landing-brand{background:transparent;border:0;font-family:var(--display);font-size:18px;font-weight:800;padding:0;display:flex;align-items:center;gap:6px;color:var(--text);cursor:pointer}.landing-brand .brand-mark{color:var(--accent);font-size:22px}.landing-brand:hover:not(:disabled){background:transparent}.landing-nav nav{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end}.landing-nav a{color:var(--text-dim);font-size:13.5px;text-decoration:none;font-weight:500;transition:color .2s}.landing-nav a:hover{color:var(--text)}.landing-nav button{background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:12.5px;font-weight:600;padding:6px 12px;cursor:pointer;transition:background-color .2s,border-color .2s}.landing-nav button:hover{background-color:var(--bg-inset);border-color:var(--border-strong)}.landing-nav-toggle{display:none}.landing-hero,.landing-section{margin:0 auto;max-width:1180px;position:relative;z-index:5}.landing-hero{align-items:center;display:grid;gap:40px;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);min-height:calc(90vh - 70px);padding:46px 0 54px;background-image:radial-gradient(var(--border) 1.2px,transparent 1.2px);background-size:28px 28px;background-position:center}.landing-hero-copy{min-width:0}.landing-hero h1{background:linear-gradient(135deg,var(--text) 30%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:56px;line-height:1.05;letter-spacing:-.02em;margin:0}.landing-hero-copy>p:not(.tour-kicker),.landing-section-heading p,.landing-state-copy p,.landing-moment p{color:var(--text-dim);font-size:16px;line-height:1.5}.landing-hero-copy>p:not(.tour-kicker){margin:18px 0 0}.landing-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.landing-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--purple) 100%);border:none;color:#fff;font-weight:700;padding:10px 18px;font-size:13.5px;border-radius:8px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 14px #4f8ef740;cursor:pointer;transition:transform .2s,box-shadow .2s}.landing-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #4f8ef766}.landing-primary svg{transition:transform .2s}.landing-primary:hover svg{transform:translate(4px)}.landing-secondary{align-items:center;background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;color:var(--text);display:inline-flex;font-size:13.5px;font-weight:500;gap:6px;padding:10px 18px;text-decoration:none;transition:background-color .2s,border-color .2s,transform .2s}.landing-secondary:hover{background-color:var(--bg-inset);border-color:var(--border-strong);transform:translateY(-2px)}.landing-hero-demo{width:100%}.landing-section{border-top:1px solid var(--border);padding:58px 0}.landing-section-heading{display:grid;gap:20px;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);margin-bottom:34px}.landing-section-heading h2{color:var(--text);font-size:32px;line-height:1.1;margin:0;letter-spacing:-.01em}.landing-section-heading p{margin:0}.landing-feature-grid,.landing-moment-grid{display:grid;gap:14px}.landing-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-feature,.landing-moment,.landing-state-copy{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;padding:20px}.card-glow{background:#161b24a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);transition:border-color .3s,box-shadow .3s,transform .3s}.card-glow:hover{border-color:#4f8ef766;box-shadow:0 8px 30px #0006,0 0 15px #4f8ef71a;transform:translateY(-4px)}[data-theme=light] .card-glow{background:#ffffffb3;border-color:var(--border)}[data-theme=light] .card-glow:hover{border-color:#2769d866;box-shadow:0 8px 30px #0000000d,0 0 15px #2769d80d}.landing-feature h3,.landing-moment h3{color:var(--text);font-size:17px;margin:16px 0 0;font-family:var(--display)}.landing-feature p,.landing-moment p{color:var(--text-dim);font-size:13.5px;margin:8px 0 0;line-height:1.5}.landing-showcase{scroll-margin-top:16px}.landing-state-grid{display:grid;gap:16px;grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr)}.landing-state-copy{align-content:start;display:grid;gap:20px}.landing-state-copy p{margin:0}.landing-pill-list{display:flex;flex-wrap:wrap;gap:8px}.landing-pill-btn{background:var(--bg-inset);border:1px solid var(--border);border-radius:999px;color:var(--text-dim);font-size:12.5px;font-weight:500;padding:8px 14px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .15s}.landing-pill-btn:hover{border-color:var(--border-strong);color:var(--text);background-color:var(--bg-raised)}.landing-pill-btn.active-pill{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.landing-state-preview-panel{background:var(--bg-inset);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;min-height:290px;overflow:hidden;position:relative}.structure-preview-content{display:flex;flex-direction:column;flex:1;padding:20px}.preview-header-bar{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin:-20px -20px 20px;padding:10px 20px;background:#0a0d1240;font-size:12px;color:var(--text-dim)}.preview-status-badge{background:var(--accent-soft);border:1px solid var(--accent);border-radius:4px;color:var(--accent);font-size:9px;font-weight:600;padding:1px 5px;text-transform:uppercase}.preview-caption{color:var(--text-faint);font-size:12.5px;margin-top:auto;padding-top:14px;text-align:center;line-height:1.4}.vars-container{display:flex;flex-direction:column;gap:8px}.var-row{align-items:center;background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;display:grid;grid-template-columns:80px 50px 1fr auto;padding:8px 12px;font-family:var(--mono);font-size:12px}.var-row.var-changed{border-color:var(--accent);background:var(--accent-soft)}.var-name{color:var(--text);font-weight:500}.var-type{color:var(--text-faint);font-size:10px}.var-val{color:var(--text-dim)}.change-indicator{background:var(--accent);color:#fff;font-size:8px;font-weight:700;padding:1px 4px;border-radius:3px;text-transform:uppercase}.array-preview-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.array-label-row{display:flex;position:relative;width:100%;max-width:320px;height:18px;margin-bottom:4px}.array-marker-label{position:absolute;transform:translate(-50%);font-size:10px;font-weight:700;border-radius:3px;padding:1px 5px}.marker-lo{background:var(--green-soft);color:var(--green)}.marker-mid{background:var(--accent-soft);color:var(--accent)}.marker-hi{background:var(--red-soft);color:var(--red)}.visual-array{display:flex;gap:4px;width:100%;max-width:320px;justify-content:center}.visual-array .array-cell{align-items:center;background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;font-family:var(--mono);flex:1;height:40px;justify-content:center;position:relative}.visual-array .array-cell.lo-border{border-color:var(--green);border-width:2px}.visual-array .array-cell.mid-border{border-color:var(--accent);border-width:2px}.visual-array .array-cell.hi-border{border-color:var(--red);border-width:2px}.cell-idx-label{font-size:8px;color:var(--text-faint);position:absolute;top:1px;right:3px}.cell-val-label{font-size:13px;font-weight:500;color:var(--text)}.list-preview-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.list-pointers{display:flex;position:relative;width:100%;max-width:320px;height:18px;margin-bottom:4px}.list-pointer-tag{position:absolute;transform:translate(-50%);font-size:9px;font-weight:700;padding:1px 4px;border-radius:3px}.prev-tag{background:var(--green-soft);color:var(--green)}.curr-tag{background:var(--accent-soft);color:var(--accent)}.next-tag{background:var(--purple);color:#fff}.list-nodes{display:flex;align-items:center;justify-content:center;width:100%;max-width:320px}.list-node{display:flex;background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;overflow:hidden;font-family:var(--mono);font-size:12px}.list-node.active-node{border-color:var(--accent);box-shadow:0 0 10px #4f8ef733}.list-node.null-node{border-color:var(--border-strong);background:var(--bg-inset);color:var(--text-faint);padding:6px 12px}.node-val{padding:6px 8px;color:var(--text);font-weight:600}.node-next-dot{background:var(--bg-inset);border-left:1px solid var(--border);padding:6px 8px;color:var(--accent)}.list-arrow-connector{color:var(--text-faint);display:flex;align-items:center;margin:0 4px}.animating-arrow{color:var(--accent);animation:arrow-slide 1s infinite alternate}@keyframes arrow-slide{0%{transform:translate(0)}to{transform:translate(4px)}}.tree-preview-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.tree-svg{width:100%;max-width:250px;height:auto}.highlighted-circle{animation:tree-circle-glow 1.5s infinite alternate}@keyframes tree-circle-glow{0%{stroke-width:2px}to{stroke-width:3px;filter:drop-shadow(0 0 4px rgba(79,142,247,.5))}}.tree-path-trace{stroke-dashoffset:20;animation:trace-dash 3s linear infinite}@keyframes trace-dash{to{stroke-dashoffset:0}}.heap-preview-container{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;width:100%}.heap-stack-col,.heap-map-col{display:flex;flex-direction:column;gap:8px}.heap-col-label{color:var(--text-faint);font-size:10px;font-weight:700;text-transform:uppercase;margin-bottom:4px}.heap-box{background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-family:var(--mono);font-size:11px}.h-name{color:var(--text)}.h-arrow{color:var(--accent)}.h-ref{color:var(--purple);font-weight:700}.heap-object{background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;overflow:hidden;font-family:var(--mono);font-size:11px}.heap-object.active-object{border-color:var(--accent);box-shadow:0 0 10px #4f8ef726}.heap-obj-header{background:#0a0d124d;border-bottom:1px solid var(--border);padding:4px 8px;color:var(--purple);font-weight:700}.heap-obj-body{padding:8px;display:flex;flex-direction:column;gap:2px}.ref-link{color:var(--purple)}.stack-preview-container{display:flex;flex-direction:column;justify-content:center;flex:1;width:100%}.call-stack-list{display:flex;flex-direction:column;gap:6px;width:100%;max-width:280px;margin:0 auto}.stack-frame{background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;transition:transform .2s}.stack-frame:hover{transform:scale(1.02)}.stack-frame.top-frame{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.03)}.frame-func{font-weight:600;font-family:var(--mono);font-size:12px;color:var(--text)}.frame-vars{font-size:11px;color:var(--text-dim)}.console-preview-container{display:flex;flex-direction:column;flex:1;width:100%}.console-lines{background:var(--bg-inset);border:1px solid var(--border);border-radius:8px;padding:12px;font-family:var(--mono);font-size:11px;line-height:1.6;flex:1}.c-line{margin-bottom:4px;color:var(--text-dim)}.c-line.c-success{color:var(--green)}.complexity-preview-container{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;width:100%}.complexity-badge{background:var(--accent-soft);border:1px solid var(--accent);border-radius:8px;padding:10px 20px;display:flex;flex-direction:column;align-items:center;width:100%;max-width:220px}.o-notation{font-size:24px;font-weight:800;font-family:var(--display);color:var(--accent)}.complexity-label{font-size:11px;color:var(--text-dim);font-weight:500}.complexity-table{border-collapse:collapse;font-size:11px;width:100%;max-width:280px}.complexity-table th,.complexity-table td{border-bottom:1px solid var(--border);padding:5px;text-align:left}.complexity-table th{color:var(--text-faint)}.complexity-table td{color:var(--text-dim)}.interactive-demo-card{background:#0e1117b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;width:100%}[data-theme=light] .interactive-demo-card{background:#ffffffd9;box-shadow:0 10px 40px #00000014}.demo-window-header{align-items:center;background:var(--bg-raised);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 16px}.demo-window-dots{display:flex;gap:6px}.demo-window-dots .dot{border-radius:50%;display:inline-block;height:10px;width:10px}.demo-window-dots .dot.red{background-color:var(--red)}.demo-window-dots .dot.yellow{background-color:var(--amber)}.demo-window-dots .dot.green{background-color:var(--green)}.demo-window-title{color:var(--text-dim);font-family:var(--mono);font-size:12px}.demo-controls{display:flex;gap:4px}.demo-controls button{align-items:center;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-dim);display:inline-flex;justify-content:center;padding:5px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.demo-controls button:hover{background:var(--bg-inset);border-color:var(--border);color:var(--text)}.demo-layout{display:grid;grid-template-rows:auto 1fr;min-height:400px}@media(min-width:768px){.demo-layout{grid-template-columns:.9fr 1.1fr;grid-template-rows:1fr}}.demo-editor-panel{background:#0a0d1233;border-bottom:1px solid var(--border);overflow-y:auto;padding:16px}@media(min-width:768px){.demo-editor-panel{border-bottom:0;border-right:1px solid var(--border)}}.demo-code{font-family:var(--mono);font-size:12px;line-height:1.6;margin:0}.demo-code-line{border-left:2px solid transparent;display:flex;padding-left:8px;transition:background-color .2s,border-color .2s}.demo-code-line.active-line{background:var(--exec-line);border-left-color:var(--accent)}.demo-code-line .line-number{color:var(--text-faint);margin-right:14px;text-align:right;-webkit-user-select:none;user-select:none;width:16px}.demo-code-line .line-content{color:var(--text);white-space:pre}.demo-viz-panel{display:flex;flex-direction:column;gap:16px;padding:16px}.demo-panel-section{display:flex;flex-direction:column;gap:8px}.demo-panel-label{color:var(--text-faint);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.demo-array-container{background:var(--bg-inset);border:1px solid var(--border);border-radius:8px;padding:16px 8px;overflow-x:auto}.demo-array{display:flex;gap:6px;justify-content:center}.demo-array-cell-wrapper{align-items:center;display:flex;flex-direction:column;position:relative;width:38px}.demo-array-cell{align-items:center;background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;color:var(--text);display:flex;font-family:var(--mono);font-size:13px;font-weight:500;height:34px;justify-content:center;position:relative;width:34px;transition:border-color .3s,background-color .3s}.demo-array-cell.mid-cell{border-color:var(--accent);background:var(--accent-soft)}.demo-array-cell.found-cell{border-color:var(--green);background:var(--green-soft);animation:found-pulse 1s ease infinite alternate}@keyframes found-pulse{0%{transform:scale(1)}to{transform:scale(1.08);box-shadow:0 0 10px #3fb97f66}}.cell-index{color:var(--text-faint);font-size:8px;position:absolute;right:3px;top:1px}.demo-cell-pointers{align-items:center;display:flex;flex-direction:column;gap:2px;margin-top:4px;min-height:48px;position:relative;width:100%}.pointer-label{border-radius:3px;font-size:9px;font-weight:700;padding:1px 4px;text-align:center;width:auto;box-shadow:0 1px 3px #0000001a;transition:transform .3s cubic-bezier(.25,1,.5,1)}.pointer-left{background-color:var(--green-soft);color:var(--green);border:1px solid var(--green)}.pointer-right{background-color:var(--red-soft);color:var(--red);border:1px solid var(--red)}.pointer-mid{background-color:var(--accent-soft);color:var(--accent);border:1px solid var(--accent)}.demo-panel-columns{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:480px){.demo-panel-columns{grid-template-columns:1fr 1fr}}.demo-panel-col{display:flex;flex-direction:column;gap:8px}.demo-variables-table{border-collapse:collapse;font-size:12px;width:100%}.demo-variables-table th,.demo-variables-table td{border-bottom:1px solid var(--border);padding:6px 8px;text-align:left}.demo-variables-table th{color:var(--text-faint);font-weight:500}.demo-variables-table td:first-child{color:var(--text-dim);font-family:var(--mono)}.demo-variables-table td:last-child{color:var(--text);font-family:var(--mono);font-weight:500}.highlight-var{background-color:var(--accent-soft);color:var(--accent)!important;border-radius:3px;animation:highlight-flash .3s ease-out}@keyframes highlight-flash{0%{background-color:var(--accent);color:#fff}}.demo-console{background:var(--bg-inset);border:1px solid var(--border);border-radius:8px;flex:1;font-family:var(--mono);font-size:11px;padding:10px;overflow-y:auto}.console-line{line-height:1.5;margin-bottom:4px}.console-prompt{color:var(--accent);font-weight:700}.console-success{color:var(--green)}.demo-step-badge{align-self:flex-end;background:var(--bg-inset);border-top:1px solid var(--border);border-left:1px solid var(--border);border-top-left-radius:8px;color:var(--text-faint);font-size:10px;padding:4px 8px}.landing-moment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-final-cta{align-items:center;display:flex;gap:18px;justify-content:space-between;padding-bottom:68px}.landing-final-cta h2{color:var(--text);font-size:32px;line-height:1.1;margin:0;max-width:720px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}@media(max-width:960px){.landing-hero,.landing-section-heading,.landing-feature-grid,.landing-state-grid,.landing-moment-grid{grid-template-columns:1fr}.landing-hero{min-height:0}.landing-hero h1{font-size:42px}.landing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-final-cta{align-items:flex-start;flex-direction:column;gap:20px}}@media(max-width:620px){.landing-page{padding:12px}.landing-feature-grid,.landing-moment-grid{grid-template-columns:1fr}}.landing-page{background:linear-gradient(color-mix(in srgb,var(--border) 42%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 42%,transparent) 1px,transparent 1px),var(--bg);background-size:44px 44px;color:var(--text);min-height:100vh;overflow-x:hidden;padding:0 24px}.landing-page:before{background:linear-gradient(180deg,var(--green),var(--amber),var(--purple));content:"";height:100%;left:max(20px,calc((100vw - 1180px)/2 - 24px));opacity:.18;position:absolute;top:0;width:1px}.ambient-glow{display:none}.landing-page a:focus-visible,.landing-page button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.landing-nav{max-width:1180px;padding:18px 0 14px}.landing-nav nav{gap:10px}.landing-nav a,.landing-footer a{align-items:center;display:inline-flex;gap:6px}.landing-nav .landing-nav-cta{background:var(--text);border-color:var(--text);color:var(--bg)}.landing-nav .landing-brand{background:transparent;border:0;padding:0}.landing-nav .landing-brand:hover{background:transparent;border-color:transparent}.landing-nav .landing-icon-button{align-items:center;aspect-ratio:1;display:inline-flex;justify-content:center;padding:7px;width:34px}.landing-brand .brand-mark,.landing-footer-brand .brand-mark{color:var(--green)}.landing-hero,.landing-section,.landing-footer{max-width:1180px}.landing-hero{align-items:stretch;background:none;display:grid;gap:30px;grid-template-columns:1fr;min-height:0;padding:58px 0 86px}.landing-hero-copy{max-width:860px}.landing-hero h1{background:none;-webkit-text-fill-color:currentColor;color:var(--text);font-size:66px;letter-spacing:0;line-height:.98;max-width:780px}.landing-hero-lede{color:var(--text);font-size:19px;line-height:1.55;max-width:720px}.landing-category-line{color:var(--text-dim);font-size:15px;margin:12px 0 0}.landing-language-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.landing-language-badges span,.landing-run-label{background:var(--bg-inset);border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:12px;font-weight:650;padding:5px 9px}.landing-language-badges span:nth-child(1){border-color:color-mix(in srgb,var(--green) 60%,var(--border));color:var(--green)}.landing-language-badges span:nth-child(2){border-color:color-mix(in srgb,var(--amber) 60%,var(--border));color:var(--amber)}.landing-language-badges span:nth-child(3){border-color:color-mix(in srgb,var(--purple) 60%,var(--border));color:var(--purple)}.landing-actions{margin-top:26px}.landing-primary{background:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 70%,white);border-radius:8px;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 22%,transparent)}.landing-primary:hover{background:color-mix(in srgb,var(--accent) 88%,white);box-shadow:0 14px 28px color-mix(in srgb,var(--accent) 30%,transparent)}.landing-secondary{border-radius:8px}.landing-hero-demo{position:relative;width:100%}.landing-hero-demo:before{background:linear-gradient(90deg,var(--green),var(--amber),var(--purple));content:"";height:3px;left:0;position:absolute;right:0;top:-1px;z-index:2}.landing-section{padding:88px 0}.landing-section-heading{gap:24px;grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);margin-bottom:38px}.landing-section-heading h2,.landing-audience-heading h2,.landing-final-cta h2{font-size:38px;letter-spacing:0;line-height:1.08}.landing-section-heading p,.landing-proof-card p,.landing-flow-step p,.landing-audience-card p{color:var(--text-dim)}.landing-flow-grid,.landing-proof-grid,.landing-audience-strip{display:grid;gap:16px}.landing-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr));position:relative}.landing-flow-grid:before{background:linear-gradient(90deg,var(--green),var(--amber),var(--purple));content:"";height:1px;left:11%;opacity:.38;position:absolute;right:11%;top:38px}.landing-flow-step,.landing-proof-card,.landing-audience-card{background:color-mix(in srgb,var(--bg-raised) 90%,transparent);border:1px solid var(--border);border-radius:8px;padding:20px;position:relative}.landing-flow-step{min-height:210px}.landing-flow-step:nth-child(1){border-top-color:var(--green)}.landing-flow-step:nth-child(2){border-top-color:var(--amber)}.landing-flow-step:nth-child(3){border-top-color:var(--purple)}.landing-flow-index{color:var(--text-faint);display:block;font-family:var(--mono);font-size:12px;margin-bottom:16px}.landing-flow-step h3,.landing-proof-card h3,.landing-audience-card h3{color:var(--text);font-size:18px;letter-spacing:0;margin:16px 0 0}.landing-flow-step p,.landing-proof-card p,.landing-audience-card p{font-size:13.5px;line-height:1.55;margin:9px 0 0}.landing-proof-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-state-grid{gap:18px;grid-template-columns:minmax(300px,.76fr) minmax(0,1.24fr);margin-top:22px}.landing-structure-list{display:grid;gap:12px}.landing-structure-card{align-items:center;background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:grid;gap:13px;grid-template-columns:38px minmax(0,1fr);padding:11px 13px;text-align:left;transition:border-color .2s,transform .2s,background-color .2s;width:100%}.landing-structure-card:hover,.landing-structure-card.active-structure{background:var(--bg-inset);border-color:var(--accent);transform:translateY(-1px)}.landing-structure-card span:last-child{display:grid;gap:5px;min-width:0}.landing-structure-card strong{font-family:var(--display);font-size:16px;letter-spacing:0}.landing-structure-card small{color:var(--text-dim);font-size:12.5px;line-height:1.35}.landing-state-preview-panel{align-self:start;display:flex;min-height:336px;position:sticky;top:24px}.landing-state-preview-panel>.structure-preview-content{flex:1}.landing-snippet-lab{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;display:grid;gap:0;grid-template-columns:248px minmax(0,1fr);overflow:hidden}.landing-snippet-tabs{background:var(--bg-inset);border-right:1px solid var(--border);display:grid;align-content:start;gap:8px;padding:14px}.landing-snippet-tabs button{background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);cursor:pointer;display:grid;gap:4px;padding:11px 12px;text-align:left}.landing-snippet-tabs button:hover,.landing-snippet-tabs button.active-snippet{background:var(--bg-raised);border-color:var(--accent);color:var(--text)}.landing-snippet-tabs span{font-weight:700}.landing-snippet-tabs small{color:var(--text-faint);font-size:11px}.landing-snippet-code{background:var(--bg-inset);border:0;color:var(--text);font-family:var(--mono);font-size:13px;line-height:1.65;margin:0;min-height:286px;overflow:auto;padding:18px 20px}.landing-run-panel{align-items:center;animation:fadeIn .25s ease-out;border-top:1px solid var(--border);display:flex;gap:18px;grid-column:2;justify-content:space-between;padding:16px 20px}.landing-run-panel p{color:var(--text);line-height:1.45;margin:10px 0 0}.landing-run-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.landing-run-actions .landing-secondary{gap:8px}.landing-audience-section{background:color-mix(in srgb,var(--bg-inset) 54%,transparent);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:none;padding-left:24px;padding-right:24px;width:100vw}.landing-audience-inner{margin:0 auto;max-width:1180px}.landing-audience-heading{max-width:760px}.landing-audience-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;max-width:1180px}.landing-final-cta{align-items:center;display:flex;gap:28px;justify-content:space-between;padding-bottom:82px}.landing-final-cta h2{margin-top:8px;max-width:760px}.landing-footer{align-items:center;border-top:1px solid var(--border);display:flex;gap:20px;justify-content:space-between;margin:0 auto;padding:24px 0 34px;position:relative;z-index:5}.landing-footer-brand{align-items:center;background:transparent;border:0;color:var(--text);cursor:pointer;display:inline-flex;font-family:var(--display);font-weight:800;gap:8px;padding:0}.landing-footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end}.landing-footer-links a,.landing-footer-links button{background:transparent;border:0;color:var(--text-dim);cursor:pointer;font-size:13px;padding:0;text-decoration:none}.landing-footer-links a:hover,.landing-footer-links button:hover{color:var(--text)}.interactive-demo-card{background:color-mix(in srgb,var(--bg-raised) 92%,transparent);backdrop-filter:none;border-radius:8px;-webkit-backdrop-filter:none}.demo-static-fallback{margin:0}.demo-static-fallback img{display:block;height:auto;width:100%}.demo-window-header{gap:12px}.demo-affordance{align-items:center;background:var(--bg-inset);border:1px solid var(--border);border-radius:999px;color:var(--text);cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;margin-left:auto;padding:5px 10px}.demo-affordance:hover{border-color:var(--green);color:var(--green)}.demo-controls{flex-shrink:0}.demo-array{--demo-cell-gap: 6px;--demo-cell-size: 38px;column-gap:var(--demo-cell-gap);display:grid;grid-template-columns:repeat(4,var(--demo-cell-size));justify-content:center;margin:0 auto;padding-bottom:28px;position:relative;width:170px}.demo-array-cell-wrapper{width:var(--demo-cell-size)}.demo-array-index-marker{background:var(--green-soft);border:1px solid var(--green);border-radius:999px;bottom:0;color:var(--green);font-family:var(--mono);font-size:10px;font-weight:800;left:0;padding:2px 0;position:absolute;text-align:center;transform:translate(calc(var(--array-index) * (var(--demo-cell-size) + var(--demo-cell-gap))));transition:opacity .2s,transform .35s cubic-bezier(.16,1,.3,1);width:var(--demo-cell-size)}.demo-array-index-marker.is-hidden{opacity:0}.demo-map{background:var(--bg-inset);border:1px solid var(--border);border-radius:8px;display:grid;gap:8px;min-height:102px;padding:10px}.demo-map-empty,.demo-map-entry{align-items:center;color:var(--text-dim);display:flex;font-family:var(--mono);font-size:12px}.demo-map-empty{justify-content:center}.demo-map-entry{background:var(--bg-raised);border:1px solid var(--border);border-radius:7px;display:grid;grid-template-columns:1fr auto;padding:8px 10px}.demo-map-entry span:first-child:before{color:var(--text-faint);content:"value "}.demo-map-entry span:last-child:before{color:var(--text-faint);content:"index "}.demo-map-entry.active-entry{background:var(--amber-soft);border-color:var(--amber);color:var(--amber)}@media(min-width:961px){.landing-hero{align-items:center;gap:34px;grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);min-height:0;padding:34px 0}.landing-hero-copy{max-width:610px}.landing-hero h1{font-size:58px}.landing-hero-demo .demo-layout{min-height:340px}.landing-hero-demo .demo-editor-panel{max-height:none}.landing-hero-demo .demo-console{display:none}}@media(prefers-reduced-motion:reduce){.landing-document{scroll-behavior:auto}.reveal,.reveal.active-reveal,.animate-fade-in{opacity:1;transform:none;transition:none}.animating-arrow,.demo-array-index-marker,.demo-array-cell.found-cell,.highlighted-circle,.tree-path-trace,.landing-run-panel{animation:none!important;transition:none!important}}@media(max-width:960px){.landing-page{padding:0 18px}.landing-page:before{left:14px}.landing-hero h1{font-size:48px}.landing-hero-lede{font-size:17px}.landing-section-heading,.landing-flow-grid,.landing-state-grid,.landing-snippet-lab{grid-template-columns:1fr}.landing-state-preview-panel{position:static;top:auto}.landing-flow-grid:before{height:auto;inset:10% auto 10% 37px;width:1px}.landing-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-snippet-tabs{border-bottom:1px solid var(--border);border-right:0;grid-template-columns:repeat(3,minmax(0,1fr))}.landing-run-panel{grid-column:1}.landing-audience-section{padding-left:18px;padding-right:18px}}@media(max-width:700px){.landing-page{padding:0 14px}.landing-page:before{display:none}.landing-nav{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:9px;padding:12px 0}.landing-nav-toggle{align-items:center;aspect-ratio:1;display:inline-flex;justify-content:center;padding:7px}.landing-nav nav{background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:4px;left:0;margin:0;overflow:visible;padding:10px;position:absolute;right:0;top:calc(100% + 4px);z-index:30}.landing-nav nav.is-open{display:flex}.landing-nav nav a,.landing-nav .landing-nav-cta{border-radius:8px;font-size:14px;justify-content:flex-start;padding:10px 12px;width:100%}.landing-nav nav a:hover{background:var(--bg-inset)}.landing-nav nav .landing-icon-button{align-self:flex-start}.landing-nav nav .account-menu{width:100%}.landing-hero{padding:24px 0 8px}.landing-hero h1{font-size:39px}.landing-category-line{display:none}.landing-language-badges{margin-top:14px}.landing-actions{margin-top:18px}.landing-section{padding:64px 0}.landing-flow-section{padding-top:16px}.landing-section-heading h2,.landing-audience-heading h2,.landing-final-cta h2{font-size:30px}.landing-proof-grid,.landing-audience-strip,.landing-snippet-tabs{grid-template-columns:1fr}.landing-hero-demo .demo-window-header{flex-wrap:wrap}.landing-hero-demo .demo-window-title{flex:1}.landing-hero-demo .demo-affordance{flex:1 1 100%;justify-content:center;margin-left:0;order:4}.landing-hero-demo .demo-layout{grid-template-columns:1fr;min-height:0}.landing-hero-demo .demo-viz-panel{grid-row:1;gap:0;padding:12px}.landing-hero-demo .demo-editor-panel{border-right:0;grid-row:2;max-height:100px;padding:10px 12px}.landing-hero-demo .demo-array-container{padding:10px 8px}.landing-hero-demo .demo-code{font-size:11px}.landing-hero-demo .demo-panel-columns,.landing-hero-demo .demo-console,.landing-hero-demo .demo-step-badge{display:none}.landing-snippet-code{font-size:11.5px;min-height:236px}.landing-run-panel,.landing-final-cta,.landing-footer{align-items:flex-start;flex-direction:column}.landing-run-actions,.landing-footer-links{justify-content:flex-start}.landing-audience-section{padding-left:14px;padding-right:14px}}.product-tour{border-top:1px solid var(--border);margin:0 -12px;padding:54px 12px 64px}.tour-inner{display:flex;flex-direction:column;gap:34px;margin:0 auto;max-width:1180px;width:100%}.tour-intro{align-items:end;display:grid;gap:24px;grid-template-columns:minmax(0,.9fr) minmax(320px,.8fr)}.tour-intro h2,.tour-copy h3,.tour-audience h3{color:var(--text);line-height:1.08;margin:0}.tour-intro h2{font-size:34px}.tour-intro p,.tour-copy>p,.tour-audience>div>p{color:var(--text-dim);font-size:15px;margin:0}.tour-kicker{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 9px;text-transform:uppercase}.tour-metrics{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.tour-metric{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:3px;padding:13px 14px}.tour-metric strong{color:var(--text);font-size:18px;line-height:1.1}.tour-metric span{color:var(--text-faint);font-size:12px}.tour-sections{display:flex;flex-direction:column;gap:42px}.tour-section{align-items:center;border-top:1px solid var(--border);display:grid;gap:28px;grid-template-columns:minmax(280px,.74fr) minmax(0,1.26fr);padding-top:42px}.tour-section-reverse{grid-template-columns:minmax(0,1.26fr) minmax(280px,.74fr)}.tour-section-reverse .tour-copy{order:2}.tour-copy{min-width:0}.tour-copy h3,.tour-audience h3{font-size:27px}.tour-copy>p{margin-top:12px}.tour-feature-list{display:flex;flex-direction:column;gap:13px;margin-top:22px}.tour-feature{align-items:flex-start;display:grid;gap:11px;grid-template-columns:32px minmax(0,1fr)}.tour-feature-icon{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent),transparent 62%);border-radius:8px;color:var(--accent);display:inline-flex;height:32px;justify-content:center;width:32px}.tour-feature h4,.tour-audience-card h4{color:var(--text);font-size:14px;line-height:1.25;margin:0}.tour-feature p,.tour-audience-card p{color:var(--text-dim);font-size:13px;margin:4px 0 0}.tour-figure{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);margin:0;overflow:hidden}.tour-figure img{aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--bg-inset),var(--bg-raised)),var(--bg-inset);display:block;object-fit:cover;width:100%}.tour-figure figcaption{border-top:1px solid var(--border);color:var(--text-faint);font-size:12px;padding:9px 11px}.tour-audience{border-top:1px solid var(--border);display:grid;gap:24px;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);padding-top:38px}.tour-audience-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.tour-audience-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;padding:13px}.tour-audience-card .tour-feature-icon{margin-bottom:12px}@media(max-width:900px){.product-tour{padding-top:38px}.tour-intro,.tour-section,.tour-section-reverse,.tour-audience{grid-template-columns:1fr}.tour-section-reverse .tour-copy{order:0}.tour-intro{align-items:start}.tour-intro h2{font-size:28px}.tour-copy h3,.tour-audience h3{font-size:23px}.tour-audience-grid{grid-template-columns:1fr}}@media(max-width:620px){.product-tour{padding-bottom:44px}.tour-inner{gap:26px}.tour-metrics{grid-template-columns:1fr}.tour-section{gap:20px;padding-top:32px}}.controls-bar{align-items:center;background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;display:flex;flex-shrink:0;flex-wrap:wrap;gap:14px;padding:8px 12px}.run-button{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;padding:6px 16px}.run-button:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}.transport{display:flex;gap:4px}.transport button{padding:5px 8px}.debug-nav-button{color:var(--text-dim)}.debug-nav-button:hover:not(:disabled){color:var(--accent)}.play-toggle{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.scrubber{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.scrubber input[type=range]{accent-color:var(--accent);width:100%}.scrubber-meta{align-items:center;color:var(--text-faint);display:flex;font-size:11.5px;justify-content:space-between}.step-meta{font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-count{align-items:center;display:inline-flex;font-family:var(--mono);gap:4px}.step-jump{padding:1px 4px;text-align:right;width:58px}.speed-control{align-items:center;color:var(--text-dim);display:flex;font-size:11.5px;gap:6px}.speed-control input{accent-color:var(--accent);width:90px}.ghost-button{background:transparent}@media(max-width:480px){.controls-bar{gap:9px}.step-count{font-size:11px;gap:3px}.step-jump{width:44px}}.app-shell{background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 28%),radial-gradient(circle at 88% 6%,color-mix(in srgb,var(--purple) 6%,transparent),transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--bg-inset) 42%,var(--bg)),var(--bg));overflow-anchor:none}.dashboard-stage{background:linear-gradient(color-mix(in srgb,var(--border) 24%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 18%,transparent) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--bg-raised) 38%,var(--bg)),var(--bg));background-size:26px 26px,26px 26px,auto;border:1px solid color-mix(in srgb,var(--border-strong) 78%,transparent);border-radius:12px;box-shadow:inset 0 1px color-mix(in srgb,var(--text) 5%,transparent),0 18px 42px #00000038;overflow-anchor:none;padding:10px}.app-shell-embed .dashboard-stage{border-radius:10px;padding:8px}.top-bar,.embed-bar,.controls-bar{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-raised) 92%,var(--bg)),var(--bg-raised));border-color:color-mix(in srgb,var(--border-strong) 72%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--text) 5%,transparent),0 8px 22px #0000001f}.top-bar{border:1px solid color-mix(in srgb,var(--border-strong) 72%,transparent);border-radius:10px;padding:8px 10px}.brand-mark{color:var(--green);text-shadow:0 0 12px color-mix(in srgb,var(--green) 34%,transparent)}.brand{flex:0 0 auto}.brand h1{letter-spacing:0}.status-pill{background:var(--bg-inset);flex:0 0 auto;max-width:none;box-shadow:inset 3px 0 color-mix(in srgb,var(--text-faint) 55%,transparent)}.status-running,.status-loading,.status-interrupting{background:var(--amber-soft);box-shadow:inset 3px 0 0 var(--amber)}.status-ready{background:var(--green-soft);box-shadow:inset 3px 0 0 var(--green)}.top-actions select,.top-actions button,.panel-menu summary,.account-menu summary{background:color-mix(in srgb,var(--bg-inset) 78%,var(--bg-raised));border-color:color-mix(in srgb,var(--border) 78%,transparent);border-radius:7px}.top-actions select:hover,.top-actions button:hover:not(:disabled),.panel-menu summary:hover,.account-menu summary:hover{background:var(--bg-inset);border-color:color-mix(in srgb,var(--accent) 38%,var(--border-strong))}.panel-menu[open] summary,.account-menu[open] summary{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.panel-menu-popover,.account-popover{background:color-mix(in srgb,var(--bg-raised) 95%,var(--bg));border-color:color-mix(in srgb,var(--border-strong) 72%,transparent);border-radius:9px;box-shadow:0 18px 42px #00000052}.workbench{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-inset) 84%,var(--bg)),var(--bg-inset));border:1px solid color-mix(in srgb,var(--border-strong) 76%,transparent);border-radius:10px;box-shadow:inset 0 1px color-mix(in srgb,var(--text) 4%,transparent);gap:0;overflow:hidden;overflow-anchor:none;padding:1px}.column{gap:0}.column-resizer,.stack-resizer{background:transparent}.column-resizer:before,.stack-resizer:before{background:color-mix(in srgb,var(--border-strong) 64%,transparent)}.column-resizer:hover:before,.stack-resizer:hover:before{background:var(--green);box-shadow:0 0 12px color-mix(in srgb,var(--green) 34%,transparent)}.panel{--panel-accent: var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-raised) 94%,var(--bg)),var(--bg-raised));border-color:color-mix(in srgb,var(--border-strong) 62%,transparent);border-radius:8px;box-shadow:inset 0 1px color-mix(in srgb,var(--text) 4%,transparent),inset 3px 0 color-mix(in srgb,var(--panel-accent) 24%,transparent)}.editor-panel{--panel-accent: var(--accent)}.data-panel{--panel-accent: var(--green)}.variables-panel,.inputs-panel{--panel-accent: var(--amber)}.watch-panel,.callstack-panel,.explainer-panel{--panel-accent: var(--purple)}.console-panel{--panel-accent: var(--green)}.panel:focus-within{border-color:color-mix(in srgb,var(--panel-accent) 42%,var(--border-strong))}.panel-header{align-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-inset) 54%,transparent),transparent);min-height:36px;padding:7px 11px}.panel-header h2{color:var(--text);letter-spacing:.055em}.panel-header h2:before{background:var(--panel-accent);border-radius:999px;box-shadow:0 0 10px color-mix(in srgb,var(--panel-accent) 38%,transparent);content:"";display:inline-block;height:7px;margin-right:1px;width:7px}.panel-header h2 svg{color:color-mix(in srgb,var(--panel-accent) 76%,var(--text))}.panel-hint{background:color-mix(in srgb,var(--bg-inset) 82%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:999px;color:var(--text-dim);font-family:var(--mono);font-size:10.5px;padding:2px 7px}.panel-empty{align-items:center;background:color-mix(in srgb,var(--bg-inset) 62%,transparent);border:1px dashed color-mix(in srgb,var(--border-strong) 62%,transparent);border-radius:8px;display:flex;margin:10px;min-height:58px}.panel-scroll{scrollbar-color:color-mix(in srgb,var(--border-strong) 88%,transparent) transparent;scrollbar-width:thin}.editor-panel .editor-host{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 4%,transparent),transparent 34%),var(--bg-inset)}.editor-host .cm-editor{font-size:13.25px}.editor-host .cm-gutters{background:color-mix(in srgb,var(--bg-inset) 86%,var(--bg));border-right:1px solid color-mix(in srgb,var(--border) 72%,transparent);color:var(--text-faint)}.cv-exec-line{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 28%,transparent),transparent 68%);box-shadow:inset 3px 0 0 var(--accent),inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.cv-error-line{background:linear-gradient(90deg,color-mix(in srgb,var(--red) 28%,transparent),transparent 68%);box-shadow:inset 3px 0 0 var(--red),inset 0 0 0 1px color-mix(in srgb,var(--red) 14%,transparent)}.cv-breakpoint-marker{box-shadow:0 0 0 2px var(--red-soft),0 0 10px color-mix(in srgb,var(--red) 34%,transparent)}.data-card,.watch-card,.explainer-answer,.console-stdout,.console-stderr,.console-explanation,.console-error,.complexity-bar-track{border:1px solid color-mix(in srgb,var(--border) 72%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--text) 3%,transparent)}.data-card{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-inset) 82%,transparent),var(--bg-inset));border-radius:8px}.data-card h3{align-items:center;display:flex;gap:6px}.data-card h3:before{background:var(--green);border-radius:2px;content:"";height:12px;width:3px}.data-card-return h3:before{background:var(--green)}.data-card-shared h3:before{background:var(--purple)}.array-cell,.grid-render td,.chain-node{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-raised) 92%,var(--bg)),var(--bg-raised))}.array-cell.has-pointer,.chain-node.is-current{background:var(--green-soft);border-color:var(--green);box-shadow:inset 0 -2px color-mix(in srgb,var(--green) 42%,transparent),0 0 0 1px color-mix(in srgb,var(--green) 42%,transparent)}.array-pointer,.chain-pointer{color:var(--green);font-weight:700}.dict-render td:first-child,.shared-ref-paths code,.alias-badge,.watch-sources span{background:var(--purple);color:#fff}.var-table td{border-bottom-color:color-mix(in srgb,var(--border) 66%,transparent)}.var-table tr.is-new td{background:color-mix(in srgb,var(--green-soft) 68%,transparent)}.var-table tr.is-changed td{background:color-mix(in srgb,var(--amber-soft) 76%,transparent)}.var-watch-button.is-active{background:var(--accent-soft);border-radius:5px;padding-left:4px}.stack-frame,.call-tree-node{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-inset) 82%,transparent),var(--bg-inset))}.stack-frame.is-top{border-left-color:var(--green)}.stack-frame.is-selected,.call-tree-node.is-current{background:color-mix(in srgb,var(--accent-soft) 74%,var(--bg-inset));border-color:var(--accent)}.watch-timeline li.is-current{border-left-color:var(--green)}.watch-step{border-color:color-mix(in srgb,var(--border) 70%,transparent)}.console-return{background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 34%,transparent);border-radius:7px;padding:7px 9px}.complexity-bar{background:linear-gradient(90deg,var(--purple),var(--accent))}.controls-bar{border-radius:10px;gap:12px;padding:9px 11px}.run-button{background:var(--green);border-color:color-mix(in srgb,var(--green) 82%,white);box-shadow:0 0 18px color-mix(in srgb,var(--green) 18%,transparent)}.run-button:hover:not(:disabled){background:color-mix(in srgb,var(--green) 86%,white);border-color:color-mix(in srgb,var(--green) 70%,white);filter:none}.transport{background:var(--bg-inset);border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:8px;gap:2px;padding:3px}.transport button{background:transparent;border-color:transparent;border-radius:6px;padding:5px 7px}.transport button:hover:not(:disabled){background:var(--bg-raised);border-color:color-mix(in srgb,var(--accent) 32%,var(--border))}.play-toggle{background:var(--accent-soft)!important;border-color:color-mix(in srgb,var(--accent) 58%,transparent)!important}.scrubber{background:var(--bg-inset);border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:8px;padding:6px 8px 5px}.scrubber input[type=range],.speed-control input{accent-color:var(--green)}.step-meta{color:var(--text-dim)}.step-count{color:var(--text-faint)}.step-jump{background:color-mix(in srgb,var(--bg-raised) 82%,var(--bg-inset));border-radius:5px}.speed-control{background:var(--bg-inset);border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:8px;padding:5px 7px}.ghost-button{border-color:color-mix(in srgb,var(--border) 76%,transparent);color:var(--text-dim)}.ghost-button:hover:not(:disabled){color:var(--text)}@media(max-width:1100px){.dashboard-stage{border-radius:10px}.workbench{overflow:visible}}