*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0f1117;--bg-surface:#161b22;--bg-elevated:#1c2128;--bg-hover:#21262d;--border:#30363d;--border-subtle:#21262d;--text:#e6edf3;--text-muted:#8b949e;--text-subtle:#838c96;--accent:#58a6ff;--accent-hover:#79b8ff;--green:#3fb950;--red:#f85149;--yellow:#d29922;--purple:#bc8cff;--orange:#ffa657;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", "SF Mono", "Consolas", "Liberation Mono", monospace;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--radius:6px;--radius-lg:10px;--header-height:52px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1117;--bg-surface:#161b22;--bg-elevated:#1c2128;--bg-hover:#21262d;--border:#30363d;--border-subtle:#21262d;--text:#e6edf3;--text-muted:#8b949e;--text-subtle:#838c96;--accent:#58a6ff;--accent-hover:#79b8ff;--green:#3fb950;--red:#f85149;--yellow:#d29922;--purple:#bc8cff;--orange:#ffa657}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-surface:#f6f8fa;--bg-elevated:#fff;--bg-hover:#eaeef2;--border:#d0d7de;--border-subtle:#d8dee4;--text:#1f2328;--text-muted:#59636e;--text-subtle:#656d76;--accent:#0969da;--accent-hover:#0550ae;--green:#1a7f37;--red:#cf222e;--yellow:#9a6700;--purple:#8250df;--orange:#bc4c00}@media (prefers-color-scheme:light){:root:not([data-theme]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-surface:#f6f8fa;--bg-elevated:#fff;--bg-hover:#eaeef2;--border:#d0d7de;--border-subtle:#d8dee4;--text:#1f2328;--text-muted:#59636e;--text-subtle:#656d76;--accent:#0969da;--accent-hover:#0550ae;--green:#1a7f37;--red:#cf222e;--yellow:#9a6700;--purple:#8250df;--orange:#bc4c00}}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1117;--bg-surface:#161b22;--bg-elevated:#1c2128;--bg-hover:#21262d;--border:#30363d;--border-subtle:#21262d;--text:#e6edf3;--text-muted:#8b949e;--text-subtle:#838c96;--accent:#58a6ff;--accent-hover:#79b8ff;--green:#3fb950;--red:#f85149;--yellow:#d29922;--purple:#bc8cff;--orange:#ffa657}}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;overflow-x:hidden}#app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.skip-nav{z-index:200;background:var(--accent);color:var(--bg);border-radius:var(--radius);padding:8px 14px;font-weight:600;text-decoration:none;transition:top .15s;position:absolute;top:-56px;left:8px}.skip-nav:focus{top:8px}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.editor-pane:focus-within{outline:2px solid var(--accent);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.skip-nav{transition:none}}.header{height:var(--header-height);background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;padding:0 12px;display:flex}.header-left{align-items:center;gap:6px;min-width:0;display:flex}.logo{font-family:var(--font-mono);color:var(--accent);letter-spacing:.05em;font-size:16px;font-weight:700}.tagline{color:var(--text-muted);font-size:13px;font-weight:400;display:none}.header-right{align-items:center;gap:4px;min-width:0;display:flex}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:5px 8px;font-size:13px;font-weight:500;line-height:1.4;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn-secondary{background:var(--bg-elevated);border-color:var(--border);color:var(--text)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-hover);color:var(--text)}.btn-icon{justify-content:center;width:28px;height:28px;padding:5px}.btn-label,.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,:root[data-theme=light] .theme-toggle .icon-sun{display:block}:root[data-theme=light] .theme-toggle .icon-moon{display:none}@media (prefers-color-scheme:light){:root:not([data-theme]) .theme-toggle .icon-sun{display:block}:root:not([data-theme]) .theme-toggle .icon-moon{display:none}}.examples-select{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;font-size:12px;font-family:var(--font-sans);text-overflow:ellipsis;outline:none;min-width:0;max-width:130px;padding:5px 8px;transition:border-color .15s}.examples-select:hover,.examples-select:focus{border-color:var(--accent)}.main{flex-direction:column;flex:1;gap:10px;padding:10px;display:flex;overflow:hidden}.editors-row{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.editor-pane{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;flex:1;min-height:12rem;display:flex;overflow:hidden}.pane-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);flex-shrink:0;padding:8px 14px;font-size:11px;font-weight:600}.pane-label-hint{text-transform:none;letter-spacing:0;color:var(--text-subtle);font-weight:400}.editor-container{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.editor-container .cm-editor{flex:1;height:100%;min-height:0}.editor-container .cm-scroller{overflow:auto}.results-row{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;flex-shrink:0;min-height:140px;max-height:60vh;display:flex;overflow:hidden}@supports (height:100dvh){#app{height:100dvh}.results-row{max-height:60dvh}}.results-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.results-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:11px;font-weight:600}.eval-status{color:var(--text-subtle);font-size:11px;font-family:var(--font-mono)}.eval-status.ok{color:var(--green)}.eval-status.error{color:var(--red)}.results-panels{flex:1;display:flex;overflow:hidden}.result-panel{flex-direction:column;flex:1;min-width:0;display:none;overflow:hidden}.result-panel.is-current{display:flex}.result-panel-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:7px;padding:6px 14px;display:flex}.runtime-badge{font-family:var(--font-mono);letter-spacing:.05em;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.runtime-badge.js{background:var(--bg-elevated);color:var(--orange);border:1px solid #ffa6574d}.runtime-badge.python{background:var(--bg-elevated);color:var(--accent);border:1px solid #58a6ff4d}.runtime-badge.go{background:var(--bg-elevated);color:var(--green);border:1px solid #3fb9504d}.runtime-name{color:var(--text-muted);font-size:12px;display:none}.result-output{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;color:var(--text);flex:1;padding:10px 14px;font-size:13px;line-height:1.6;overflow:auto}.result-output.is-error{color:var(--red)}.result-output .placeholder{color:var(--text-subtle)}.result-output strong{font-weight:700}.result-output .error-location{color:var(--text-muted);letter-spacing:.02em;margin-top:2px;font-size:11.5px;display:inline-block}.reeval-btn{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.reeval-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-hover)}.reeval-btn:disabled{opacity:.5;cursor:default}.reeval-btn:disabled:hover{border-color:var(--border);color:var(--text-muted);background:0 0}.reeval-label{display:none}.runtime-tabs{background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);flex-shrink:0;gap:2px;padding:6px 10px 0;display:flex}.runtime-tab{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;flex:1;padding:8px 10px;font-size:12px;font-weight:600;transition:color .15s,box-shadow .15s}.runtime-tab:hover{color:var(--text)}.runtime-tab.is-current{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.result-panel-status{margin-left:auto}.eval-status.divergence{color:var(--yellow)}.divergence-badge{letter-spacing:.03em;background:#d299221f;border:1px solid #d2992266;border-radius:4px;margin-left:6px;padding:1px 6px;font-weight:700}.result-panel.is-divergent{box-shadow:inset 0 0 0 1px #d2992273}.divergence-compare{background:#d299220f;border-top:1px solid #d2992259;flex-shrink:0;max-height:160px;padding:8px 14px;font-size:12px;overflow:auto}.divergence-compare>summary{cursor:pointer;color:var(--yellow);letter-spacing:.02em;font-weight:600;list-style:none}.divergence-compare>summary::-webkit-details-marker{display:none}.divergence-compare>summary:before{content:"≠ ";font-weight:700}.divergence-compare-body{flex-direction:column;gap:4px;margin-top:8px;display:flex}.divergence-compare-row{align-items:center;gap:8px;display:flex}.divergence-compare-row .dv-value{font-family:var(--font-mono);color:var(--text);word-break:break-all}.divergence-compare-row .dv-value.dv-diff{color:var(--yellow)}.divergence-compare-note{color:var(--text-muted);margin-top:8px;font-size:11px}.divergence-compare-note a{color:var(--accent)}.result-panel-load,.result-panel-loading,.result-panel-failure{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:16px;display:none}.result-panel[data-state=collapsed] .result-output{display:none}.result-panel[data-state=collapsed] .result-panel-load{display:flex}.result-panel[data-state=loading] .result-output{display:none}.result-panel[data-state=loading] .result-panel-loading{display:flex}.result-panel[data-state=timeout] .result-output,.result-panel[data-state=crashed] .result-output{display:none}.result-panel[data-state=timeout] .result-panel-failure,.result-panel[data-state=crashed] .result-panel-failure{display:flex}.result-panel-load{cursor:pointer;color:var(--text-muted);font-family:var(--font-sans);background:0 0;border:none;transition:background .15s,color .15s}.result-panel-load:hover{background:var(--bg-hover);color:var(--text)}.result-panel-load .load-title{font-size:13px;font-weight:600}.result-panel-load .load-hint{color:var(--text-subtle);font-size:11px;font-family:var(--font-mono)}.result-panel-loading{color:var(--text-muted);font-size:12px}.loading-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-spinner,.busy-spinner{animation-duration:2s}.loading-bar{transition:none}}.loading-progress{background:var(--border);border-radius:2px;width:70%;max-width:180px;height:4px;margin-top:2px;overflow:hidden}.loading-bar{background:var(--accent);border-radius:2px;width:0;height:100%;transition:width .2s;display:block}.result-panel-busy{align-items:center;margin-left:6px;display:none}.result-panel.is-busy .result-panel-busy{display:inline-flex}.result-panel.is-busy .result-output{opacity:.5}.busy-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin}.result-panel-failure{color:var(--text-muted);font-size:12px}.result-panel-failure .failure-title{color:var(--text);font-size:13px;font-weight:600}.result-panel[data-state=crashed] .failure-title{color:var(--red)}.result-panel-failure .failure-detail{color:var(--text-subtle);font-size:11px;font-family:var(--font-mono);word-break:break-word;max-width:90%}.result-panel-failure .failure-detail:empty{display:none}.result-panel-recover{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-sans);cursor:pointer;margin-top:2px;padding:4px 14px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.result-panel-recover:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-hover)}.editor-statusbar{border-top:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-muted);font-size:11px;font-family:var(--font-mono);letter-spacing:.03em;flex-shrink:0;padding:4px 14px}.cm-tooltip.cm-tooltip-hover{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);max-width:420px}.cm-hover-tooltip{font-family:var(--font-mono);padding:8px 12px;font-size:12.5px;line-height:1.55}.cm-hover-tooltip strong{color:var(--text);font-weight:600}.cm-hover-tooltip .muted{color:var(--text-muted);font-family:var(--font-sans)}.cm-hover-tooltip small{color:var(--text-subtle);font-size:11px}.toast{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);opacity:0;pointer-events:none;white-space:nowrap;z-index:100;border-radius:20px;padding:8px 18px;font-size:13px;transition:opacity .2s,transform .2s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}@media (min-width:768px){.header{gap:10px;padding:0 16px}.logo{font-size:18px}.tagline{display:inline}.header-right{gap:6px}.btn{padding:5px 12px}.btn-label,.reeval-label{display:inline}.examples-select{max-width:none;padding:5px 10px;font-size:13px}.main{gap:12px;padding:14px}.editors-row{gap:12px}}@media (min-width:1024px){.header{gap:12px;padding:0 20px}.header-right{gap:8px}.main{padding:16px}.editors-row{grid-template-columns:1fr 1fr;display:grid}.editor-pane{min-height:0}.results-row{min-height:140px;max-height:240px}.runtime-tabs{display:none}.result-panel{border-right:1px solid var(--border-subtle);display:flex}.result-panel:last-child{border-right:none}.runtime-name{display:inline}}