:root{color-scheme:dark;--bg: #090a0d;--bg-elev: #0d0f13;--panel: #101217;--panel-2: #14171d;--panel-3: #191d25;--line: rgba(255, 255, 255, .07);--line-2: rgba(255, 255, 255, .14);--text: #eef0f4;--text-2: #c7cbd3;--muted: #8d939f;--faint: #626874;--accent: #ffb648;--accent-soft: rgba(255, 182, 72, .12);--cta-bg: #ffb648;--cta-bg-hover: #ffc46b;--cta-text: #251706;--ok: #74e0a4;--bad: #ff9184;--warn: #ffd276;--glow-a: rgba(255, 182, 72, .1);--glow-b: rgba(120, 170, 255, .055);--grid-line: rgba(255, 255, 255, .022);--logo-bg: #191c22;--logo-accent: #ffb648;--logo-inner: #0b0c0f;--font-ui: "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Instrument Serif", "Iowan Old Style", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius: 14px;--shadow-panel: 0 40px 120px -60px #000}[data-theme=light]{color-scheme:light;--bg: #f8f5ed;--bg-elev: #fffdf8;--panel: #fffdf8;--panel-2: #fffefb;--panel-3: #f1ebdd;--line: rgba(28, 24, 16, .1);--line-2: rgba(28, 24, 16, .2);--text: #1a1b1f;--text-2: #40434a;--muted: #6b6f77;--faint: #8b8e96;--accent: #b8610c;--accent-soft: rgba(184, 97, 12, .11);--cta-bg: #c26a10;--cta-bg-hover: #ad5d0b;--cta-text: #fffaf2;--ok: #1c7d4b;--bad: #ac3527;--warn: #8d5c07;--glow-a: rgba(255, 182, 72, .16);--glow-b: rgba(90, 150, 255, .05);--grid-line: rgba(28, 24, 16, .035);--logo-bg: #191c22;--logo-accent: #ffb648;--logo-inner: #0b0c0f;--shadow-panel: 0 40px 100px -70px rgba(40, 30, 10, .5)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font-ui);font-size:16px;line-height:1.5;color:var(--text);background-color:var(--bg);background-image:radial-gradient(900px 520px at 78% -6%,var(--glow-a),transparent 62%),radial-gradient(680px 460px at 4% 2%,var(--glow-b),transparent 60%);background-repeat:no-repeat;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 100% 60% at 50% 0%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 100% 60% at 50% 0%,#000 20%,transparent 75%)}h1,h2,h3,p,dl,dd,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,textarea{font:inherit;color:inherit}ul,ol{margin:0}::selection{background:var(--accent);color:var(--cta-text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;top:10px;left:10px;z-index:300;padding:10px 16px;border-radius:8px;background:var(--accent);color:var(--cta-text);font-size:13px;font-weight:600;transform:translateY(-200%);transition:transform .18s ease}.skip-link:focus-visible{transform:translateY(0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:500;letter-spacing:-.005em;white-space:nowrap;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.btn-primary{background:var(--cta-bg);color:var(--cta-text);font-weight:600;box-shadow:0 10px 30px -14px color-mix(in srgb,var(--cta-bg) 70%,transparent)}.btn-primary:hover{background:var(--cta-bg-hover);transform:translateY(-1px)}.btn-ghost{border-color:var(--line-2);color:var(--text-2);background:transparent}.btn-ghost:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--line-2));background:var(--panel)}.btn-sm{height:32px;padding:0 12px;font-size:12.5px;border-radius:8px}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;border:1px solid transparent;color:var(--muted);transition:color .15s ease,background .15s ease,border-color .15s ease}.icon-btn:hover{color:var(--text);background:var(--panel-3);border-color:var(--line)}.icon-plain{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;color:var(--faint)}.icon-plain:hover{color:var(--text);background:var(--panel-3)}kbd{display:inline-block;font-family:var(--font-mono);font-size:10.5px;line-height:1.4;padding:2px 6px;border-radius:5px;border:1px solid var(--line-2);background:var(--panel-2);color:var(--text-2);box-shadow:0 1px 0 var(--line-2);white-space:nowrap}.lang-dot{display:inline-block;width:7px;height:7px;border-radius:999px;flex:0 0 auto}.topbar{position:sticky;top:0;z-index:80;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.topbar-inner{display:flex;align-items:center;gap:28px;height:64px}.brand{display:inline-flex;align-items:center;gap:10px}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-family:var(--font-display);font-size:21px;letter-spacing:.005em}.brand-sub{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:var(--faint);margin-top:2px}.topnav{display:flex;align-items:center;gap:22px;font-size:13.5px;color:var(--muted)}.topnav a{position:relative;padding:6px 0;transition:color .15s ease}.topnav a:hover{color:var(--text)}.topnav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.topnav a:hover:after{transform:scaleX(1)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.topbar-count{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);padding-right:12px;border-right:1px solid var(--line)}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:56px;padding:76px 0 24px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.eyebrow-dot{width:6px;height:6px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.hero-title{margin:22px 0 0;font-family:var(--font-display);font-weight:400;font-size:clamp(42px,5.6vw,74px);line-height:.99;letter-spacing:-.018em;text-wrap:balance}.hero-title em{font-style:italic;color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:color-mix(in srgb,var(--accent) 38%,transparent);text-underline-offset:7px}.hero-lede{margin-top:22px;max-width:56ch;font-size:16.5px;line-height:1.7;color:var(--text-2)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,auto));gap:34px;margin-top:44px;padding-top:22px;border-top:1px solid var(--line)}.hero-stats dt{font-family:var(--font-mono);font-size:22px;letter-spacing:-.02em;color:var(--text)}.hero-stats dd{margin-top:3px;font-size:12px;color:var(--muted);max-width:16ch;line-height:1.5}.hero-card{border:1px solid var(--line-2);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-panel);overflow:hidden;transform:rotate(-.6deg);transition:transform .4s cubic-bezier(.2,.7,.2,1)}.hero-card:hover{transform:rotate(0)}.hero-mini-bar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--panel-2);font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}.hero-mini-file{color:var(--text-2)}.hero-mini-pill{margin-left:auto;padding:3px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ok) 30%,transparent);background:color-mix(in srgb,var(--ok) 9%,transparent);color:var(--ok);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em}.hero-mini-code{margin:0;padding:16px 16px 12px;overflow-x:auto;font-family:var(--font-mono);font-size:11.8px;line-height:1.78;color:var(--text-2);tab-size:4}.tok-key{color:var(--accent)}.tok-type{color:#8ecae6}.tok-str{color:#9edc9a}.tok-num{color:#e3b5ff}.tok-fn{color:#ffd79a}.tok-var{color:#c3cdf7}.tok-dec{color:#7dd3fc}.hero-mini-out{border-top:1px solid var(--line);padding:12px 16px;font-family:var(--font-mono);font-size:11.8px;line-height:1.75;color:var(--faint);background:color-mix(in srgb,var(--bg) 55%,var(--panel));white-space:pre-wrap}.hero-mini-prompt{color:var(--accent)}.hero-mini-result{color:var(--ok)}.hero-mini-foot{display:flex;align-items:center;gap:7px;padding:9px 16px 12px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--faint)}.dot-live{width:6px;height:6px;border-radius:999px;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 18%,transparent)}.marquee{margin-top:64px;padding:14px 0;border-block:1px solid var(--line);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.marquee-track{display:flex;gap:8px;width:max-content;animation:marquee 72s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 70%,transparent);font-family:var(--font-mono);font-size:11px;color:var(--muted);white-space:nowrap}.playground-wrap{scroll-margin-top:84px}.workbench{margin-top:48px;position:relative}.wb-window{border:1px solid var(--line-2);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-panel);overflow:hidden}.wb-titlebar{display:flex;align-items:center;gap:14px;height:46px;padding:0 14px;background:var(--panel);border-bottom:1px solid var(--line)}.wb-lights{display:flex;gap:6px}.wb-lights span{width:10px;height:10px;border-radius:999px;opacity:.75}.wb-lights span:nth-child(1){background:#f2635a}.wb-lights span:nth-child(2){background:#f5bd4f}.wb-lights span:nth-child(3){background:#61c454}.wb-tab{display:inline-flex;align-items:center;gap:8px;height:100%;padding:0 14px;margin-left:4px;border-inline:1px solid var(--line);background:var(--bg-elev);font-family:var(--font-mono);font-size:12px;color:var(--text-2)}.wb-tab-name{color:var(--text)}.wb-tab-lang{font-size:10.5px;color:var(--faint)}.wb-titlebar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.shared-chip{padding:3px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em}.wb-toolbar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--bg-elev);flex-wrap:wrap}.lang-trigger{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 10px 0 11px;border-radius:9px;border:1px solid var(--line-2);background:var(--panel-2);color:var(--text);font-size:13px;font-weight:500;transition:border-color .15s ease,background .15s ease}.lang-trigger:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line-2));background:var(--panel-3)}.lang-trigger-version{font-family:var(--font-mono);font-size:10.5px;font-weight:400;color:var(--faint);padding-left:7px;border-left:1px solid var(--line)}.run-btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;border-radius:9px;border:1px solid transparent;background:var(--cta-bg);color:var(--cta-text);font-size:13px;font-weight:600;transition:background .15s ease,transform .15s ease}.run-btn:hover{background:var(--cta-bg-hover)}.run-btn:active{transform:translateY(1px)}.run-btn kbd{margin-left:3px;padding:1px 5px;font-size:9.5px;border-color:#00000024;background:#00000021;color:inherit;box-shadow:none}.run-btn.is-stop{background:transparent;color:var(--bad);border-color:color-mix(in srgb,var(--bad) 45%,transparent)}.run-btn.is-stop:hover{background:color-mix(in srgb,var(--bad) 10%,transparent)}.wb-metrics{display:flex;align-items:center;gap:5px;margin-left:4px}.metric{padding:3px 7px;border-radius:6px;border:1px solid var(--line);background:var(--panel);font-family:var(--font-mono);font-size:10.5px;color:var(--muted)}.wb-spacer{flex:1}.wb-actions{display:flex;align-items:center;gap:2px}.settings-wrap{position:relative}.wb-window.is-compact .settings-pop{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));top:auto;width:auto;gap:4px;padding:14px 16px 16px;border-radius:16px;box-shadow:0 -18px 60px -24px #000;z-index:70}.wb-window.is-compact .settings-pop:before{content:"editor settings";padding-bottom:8px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.wb-window.is-compact .settings-row{min-height:44px}.wb-window.is-compact .stepper button{min-width:34px;min-height:32px}.wb-window.is-compact .settings-pop .toggle{transform:scale(1.15);transform-origin:right center}.settings-pop{position:absolute;right:0;top:calc(100% + 8px);width:238px;padding:12px;display:grid;gap:11px;border-radius:12px;border:1px solid var(--line-2);background:var(--panel-2);box-shadow:0 26px 56px -28px #000;z-index:50;animation:pop .14s ease}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--text-2)}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:7px;overflow:hidden}.stepper button{width:24px;height:24px;color:var(--muted);line-height:1}.stepper button:hover{background:var(--panel-3);color:var(--text)}.stepper span{min-width:26px;text-align:center;font-family:var(--font-mono);font-size:11.5px;color:var(--text)}.seg{display:inline-flex;border:1px solid var(--line-2);border-radius:7px;overflow:hidden}.seg button{padding:3px 10px;font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}.seg button.is-on{background:var(--accent-soft);color:var(--accent)}.switch{position:relative;width:34px;height:19px;border-radius:999px;background:var(--line-2);transition:background .18s ease}.switch span{position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:999px;background:#fff;transition:transform .18s ease}.switch.is-on{background:var(--accent)}.switch.is-on span{transform:translate(15px);background:var(--cta-text)}.wb-body{display:grid;grid-template-columns:minmax(0,1fr) 6px var(--side, 400px);height:clamp(430px,64vh,620px)}.wb-editor{min-width:0;position:relative}.editor-shell{position:relative;height:100%}.editor-host{position:absolute;inset:0}.editor-loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;background:var(--panel);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--faint)}.spinner{display:inline-block;width:15px;height:15px;border-radius:999px;border:2px solid color-mix(in srgb,var(--text) 16%,transparent);border-top-color:var(--accent);animation:spin .8s linear infinite}.wb-resizer{position:relative;cursor:col-resize;touch-action:none}.wb-resizer:after{content:"";position:absolute;inset:0 2.5px;background:var(--line);transition:background .15s ease}.wb-resizer:hover:after,.wb-resizer:active:after{background:var(--accent)}.wb-side{display:grid;grid-template-rows:172px minmax(0,1fr);min-width:0;border-left:1px solid var(--line);background:var(--bg-elev)}.stdin-pane,.out-pane{display:flex;flex-direction:column;min-height:0}.stdin-pane{border-bottom:1px solid var(--line)}.pane-head{display:flex;align-items:center;gap:8px;flex:none;height:32px;padding:0 12px;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.pane-hint{text-transform:none;letter-spacing:0;font-size:10px;color:var(--faint)}.linkish{margin-left:auto;font-family:var(--font-mono);font-size:10px;text-transform:none;letter-spacing:0;color:var(--muted);border-bottom:1px dashed transparent}.linkish:hover:not(:disabled){color:var(--accent);border-bottom-color:color-mix(in srgb,var(--accent) 50%,transparent)}.linkish:disabled{opacity:.4;cursor:not-allowed}.stdin-input{flex:1;width:100%;border:0;outline:0;resize:none;padding:10px 12px;background:transparent;color:var(--text-2);font-family:var(--font-mono);font-size:12px;line-height:1.7;tab-size:4}.stdin-input::placeholder{color:var(--faint)}.out-body{flex:1;overflow:auto;padding:12px 12px 14px;font-family:var(--font-mono);font-size:12px;line-height:1.65}.out-running{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11.5px}.dim{color:var(--faint)}.out-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-2)}.out-text.is-error{color:var(--bad)}.out-block{margin-top:12px;padding-left:10px;border-left:2px solid}.out-block-error{border-color:color-mix(in srgb,var(--bad) 60%,transparent)}.out-block-warn{border-color:color-mix(in srgb,var(--warn) 55%,transparent)}.out-block-label{margin-bottom:4px;font-size:9.5px;text-transform:uppercase;letter-spacing:.12em}.out-block-error .out-block-label{color:var(--bad)}.out-block-warn .out-block-label{color:var(--warn)}.out-note{color:var(--faint);font-size:11.5px}.out-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding-top:10px;border-top:1px dashed var(--line);font-size:9.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--faint)}.out-provider{margin-left:auto}.out-empty{display:grid;gap:8px;padding:6px 2px;color:var(--faint)}.out-empty p{font-family:var(--font-ui);font-size:12.5px;line-height:1.6;color:var(--muted)}.out-empty strong{color:var(--text-2);font-weight:500}.out-empty-note{font-size:11.5px!important;color:var(--faint)!important}.status-pill{margin-left:auto;padding:2px 7px;border-radius:5px;border:1px solid var(--line-2);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill.is-ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 32%,transparent);background:color-mix(in srgb,var(--ok) 10%,transparent)}.status-pill.is-bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 32%,transparent);background:color-mix(in srgb,var(--bad) 10%,transparent)}.status-pill.is-busy{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 32%,transparent);background:color-mix(in srgb,var(--warn) 9%,transparent)}.wb-footer{display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-top:1px solid var(--line);background:var(--panel);font-family:var(--font-mono);font-size:10px;color:var(--faint);overflow:hidden;white-space:nowrap}.wb-footer a{color:var(--muted);border-bottom:1px solid transparent}.wb-footer a:hover{color:var(--accent);border-bottom-color:color-mix(in srgb,var(--accent) 40%,transparent)}.wb-footer-dot{opacity:.6}.picker-backdrop{position:fixed;inset:0;z-index:120;display:grid;justify-items:center;align-content:start;padding-top:11vh;background:#0506099e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .12s ease}.picker{width:min(560px,calc(100vw - 32px));max-height:68vh;display:flex;flex-direction:column;overflow:hidden;border-radius:14px;border:1px solid var(--line-2);background:var(--panel-2);box-shadow:0 40px 90px -30px #000;animation:pop .15s ease}.picker-search{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--faint)}.picker-search input{flex:1;border:0;outline:0;background:none;font-size:14.5px}.picker-search input::placeholder{color:var(--faint)}.picker-list{overflow:auto;padding:8px 8px 12px}.picker-group-label{padding:10px 8px 6px;font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--faint)}.picker-row{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border-radius:8px;text-align:left;font-size:13.5px;color:var(--text-2)}.picker-row.is-active{background:var(--accent-soft);color:var(--text)}.picker-name{font-weight:500}.picker-version{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;color:var(--faint)}.picker-row.is-current .picker-name:after{content:""}.picker-tag{padding:1px 5px;border-radius:4px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.picker-empty{padding:22px 14px;color:var(--muted);font-size:13.5px}.picker-foot{display:flex;gap:14px;padding:8px 14px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}.picker-foot-note{margin-left:auto;color:var(--muted)}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);z-index:200;padding:10px 18px;border-radius:999px;border:1px solid var(--line-2);background:var(--panel-2);color:var(--text-2);font-family:var(--font-mono);font-size:11.5px;box-shadow:0 20px 40px -20px #000;animation:rise .2s ease;max-width:calc(100vw - 32px);text-align:center}.section{padding:92px 0}.section-head{max-width:660px;margin-bottom:34px}.section-kicker{margin-bottom:14px;font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--accent)}.section-title{margin-bottom:14px;font-family:var(--font-display);font-weight:400;font-size:clamp(30px,3.4vw,44px);line-height:1.06;letter-spacing:-.012em;text-wrap:balance}.section-lede{font-size:15px;line-height:1.72;color:var(--muted)}#languages{border-top:1px solid var(--line)}.lang-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.search-box{display:flex;align-items:center;gap:9px;flex:1 1 260px;max-width:360px;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--panel);color:var(--faint);transition:border-color .15s ease}.search-box:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--line-2))}.search-box input{width:100%;border:0;outline:0;background:none;font-size:13.5px;color:var(--text)}.search-box input::placeholder{color:var(--faint)}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{padding:7px 11px;border-radius:999px;border:1px solid var(--line);font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);transition:color .15s ease,border-color .15s ease,background .15s ease}.filter-chip:hover{color:var(--text);border-color:var(--line-2)}.filter-chip.is-on{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 38%,transparent);background:var(--accent-soft)}.result-count{margin-bottom:14px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--faint)}.lang-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:12px;padding:0}.lang-card{display:flex;flex-direction:column;gap:11px;width:100%;height:100%;padding:16px;border-radius:12px;border:1px solid var(--line);background:var(--panel);position:relative;overflow:hidden;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.lang-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--card-accent, var(--accent)),transparent 72%);opacity:.5}.lang-card:hover{transform:translateY(-2px);border-color:var(--line-2);background:var(--panel-2)}.lang-card-top{display:flex;align-items:center;gap:8px}.lang-card-name{font-size:14.5px;font-weight:600}.lang-card-version{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--faint)}.lang-card-blurb{flex:1;font-size:12.6px;line-height:1.62;color:var(--muted)}.lang-card-open{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);transition:color .15s ease,opacity .15s ease;opacity:.8}.lang-card:hover .lang-card-open{color:var(--accent);opacity:1}.lang-empty{display:grid;gap:14px;justify-items:start;padding:36px 0;color:var(--muted);font-size:14px}.feature-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0}.feature-card{display:flex;flex-direction:column;gap:10px;min-height:196px;padding:22px;border-radius:14px;border:1px solid var(--line);background:var(--panel);position:relative;overflow:hidden}.feature-card.is-wide{grid-column:span 2}.feature-index{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--faint)}.feature-card h3{font-size:16.5px;font-weight:600;line-height:1.35;letter-spacing:-.01em}.feature-card p{font-size:13.2px;line-height:1.72;color:var(--muted)}.feature-tag{margin-top:auto;align-self:flex-start;padding:4px 8px;border-radius:5px;background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em}.shortcuts-inner{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:start}.shortcut-note{margin-top:20px;font-size:12.5px;line-height:1.75;color:var(--faint)}.shortcut-table{border-top:1px solid var(--line)}.shortcut-row{display:grid;grid-template-columns:104px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 2px;border-bottom:1px solid var(--line)}.shortcut-keys{display:flex;gap:5px}.shortcut-action{font-size:13.2px;color:var(--text-2)}.shortcut-where{font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}.footer{border-top:1px solid var(--line);padding:48px 0 26px;background:color-mix(in srgb,var(--bg-elev) 70%,transparent)}.footer-top{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.65fr) minmax(0,.65fr);gap:40px;padding-bottom:34px;border-bottom:1px solid var(--line)}.footer-brand{display:flex;gap:12px}.footer-name{font-family:var(--font-display);font-size:21px;margin-bottom:4px}.footer-tag{max-width:42ch;font-size:12.8px;line-height:1.7;color:var(--muted)}.footer-col h3{margin-bottom:12px;font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--faint);font-weight:500}.footer-col a{display:block;padding:4px 0;font-size:13px;color:var(--text-2);transition:color .15s ease}.footer-col a:hover{color:var(--accent)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding-top:20px;font-size:11.5px;color:var(--faint)}.footer-dot{opacity:.55}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pop{0%{opacity:0;transform:translateY(-6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--faint);background-clip:padding-box}@media(max-width:1080px){.hero{grid-template-columns:1fr;gap:40px;padding-top:56px}.hero-card{max-width:560px;transform:none}.hero-lede{max-width:62ch}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card.is-wide{grid-column:span 2}.shortcuts-inner{grid-template-columns:1fr;gap:34px}}@media(max-width:900px){.wb-body{grid-template-columns:minmax(0,1fr);grid-template-rows:430px auto;height:auto}.wb-editor{height:430px}.wb-resizer{display:none}.wb-side{grid-template-rows:150px minmax(240px,44vh);border-left:0;border-top:1px solid var(--line)}.section{padding:72px 0}.footer-top{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:span 2}}@media(max-width:720px){.shell{width:calc(100% - 32px)}.topnav,.topbar-count{display:none}.topbar-inner{gap:12px}.hero{padding-top:44px}.hero-stats{gap:18px}.hero-stats dt{font-size:19px}.hero-stats dd{font-size:11px}.marquee{margin-top:44px}.workbench{margin-top:32px}.wb-tab-lang,.shared-chip{display:none}.feature-grid{grid-template-columns:1fr}.feature-card.is-wide{grid-column:span 1}.lang-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.shortcut-row{grid-template-columns:92px minmax(0,1fr)}.shortcut-where{display:none}.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:span 1}}@media(max-width:560px){.shell{width:calc(100% - 26px)}.hero-title{font-size:clamp(34px,10vw,44px)}.hero-actions .btn{flex:1 1 100%}.run-btn kbd,.lang-trigger-version{display:none}.wb-body{grid-template-rows:380px auto}.wb-editor{height:380px}.lang-grid{grid-template-columns:1fr 1fr}.lang-card{padding:14px}.lang-card-blurb{font-size:12px}.wb-footer{font-size:9px}.footer-bottom{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.ways-trigger{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 10px;border-radius:9px;border:1px solid var(--line-2);background:var(--panel-2);color:var(--text-2);font-size:12.5px;transition:color .15s ease,border-color .15s ease,background .15s ease}.ways-trigger:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--line-2));background:var(--panel-3)}.ways-trigger-short{display:none}.ways-count{min-width:18px;padding:1px 5px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-size:10px;text-align:center}.ways-backdrop{position:fixed;inset:0;z-index:130;display:flex;justify-content:flex-end;background:#0506099e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .14s ease}.ways-panel{width:min(620px,100%);height:100%;display:flex;flex-direction:column;background:var(--bg-elev);border-left:1px solid var(--line-2);animation:slide-in .22s cubic-bezier(.2,.7,.2,1)}.ways-head{position:relative;padding:20px 20px 16px;border-bottom:1px solid var(--line)}.ways-kicker{margin-bottom:8px;font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.13em;color:var(--accent)}.ways-head h2{font-family:var(--font-display);font-size:27px;font-weight:400;line-height:1.1;letter-spacing:-.01em}.ways-sub{margin-top:8px;max-width:56ch;font-size:12.6px;line-height:1.68;color:var(--muted)}.ways-close{position:absolute;top:14px;right:14px;width:32px;height:32px}.ways-warning{margin:12px 20px 0;padding:10px 12px;border-radius:8px;border:1px solid color-mix(in srgb,var(--warn) 34%,transparent);background:color-mix(in srgb,var(--warn) 9%,transparent);color:var(--warn);font-size:11.8px;line-height:1.6}.ways-list{flex:1;overflow:auto;padding:14px 16px 22px;display:grid;gap:12px;overscroll-behavior:contain}.way-card{display:grid;gap:8px;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--panel)}.way-head{display:flex;align-items:flex-start;gap:10px}.way-title h3{font-size:14.5px;font-weight:600;letter-spacing:-.01em}.way-level{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:var(--faint)}.way-dots{display:inline-flex;gap:3px}.way-dots i{display:block;width:5px;height:5px;border-radius:999px;background:var(--line-2)}.way-dots i.is-on{background:var(--accent)}.way-lines{margin-left:auto;font-family:var(--font-mono);font-size:9.5px;color:var(--faint);white-space:nowrap}.way-note{font-size:12.3px;line-height:1.6;color:var(--muted)}.way-scale{height:3px;border-radius:999px;background:var(--line);overflow:hidden}.way-scale span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 35%,transparent))}.way-code{margin:2px 0 0;max-height:230px;overflow:auto;padding:10px 12px;border-radius:9px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 62%,var(--panel));font-family:var(--font-mono);font-size:11.3px;line-height:1.65;color:var(--text-2);white-space:pre;overscroll-behavior:contain}.way-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.ways-foot{display:flex;align-items:center;gap:10px;padding:9px 18px calc(9px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--faint)}.ways-foot-note{margin-left:auto;color:var(--accent)}.tap-list{list-style:none;padding:0;display:grid;gap:10px}.tap-item{display:flex;gap:14px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.tap-num{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-size:11px}.tap-item h3{margin-bottom:4px;font-size:14.5px;font-weight:600;letter-spacing:-.01em}.tap-item p{font-size:12.8px;line-height:1.65;color:var(--muted)}.tap-note{margin-top:16px;font-size:12px;line-height:1.75;color:var(--faint)}.diag{margin:12px 12px 0;padding:12px 14px 13px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line-2));border-left:3px solid var(--accent);border-radius:10px;background:color-mix(in srgb,var(--accent) 7%,var(--panel-2))}.diag-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.diag-badge{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.diag-line{margin-left:auto;padding:1px 8px;border:1px solid var(--line-2);border-radius:999px;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.diag h4{margin-bottom:4px;font-size:14px;font-weight:600;letter-spacing:-.01em}.diag p{font-size:12.5px;line-height:1.6;color:var(--muted)}.diag-fix{margin-top:6px}.diag-fix strong{margin-right:6px;font-weight:600;color:var(--text)}.diag-snippet{margin-top:8px;padding:7px 9px;border-radius:7px;background:var(--panel-3);font-family:var(--font-mono);font-size:11px;line-height:1.5;color:var(--text-2);white-space:pre;overflow-x:auto}main.is-mobile{display:flex;flex-direction:column}main.is-mobile>.playground-wrap{order:1;padding-top:14px}main.is-mobile>#top{order:2}main.is-mobile>#languages{order:3}main.is-mobile>#features{order:4}main.is-mobile>#shortcuts{order:5}@keyframes slide-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.wb-tabs{display:flex;border-bottom:1px solid var(--line);background:var(--bg-elev)}.wb-tab-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;border-bottom:2px solid transparent;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.wb-tab-btn.is-on{color:var(--text);border-bottom-color:var(--accent);background:color-mix(in srgb,var(--panel) 70%,transparent)}.tab-mark{width:5px;height:5px;border-radius:999px;background:var(--accent)}.tab-status{width:6px;height:6px;border-radius:999px;background:var(--faint)}.tab-status.is-ok{background:var(--ok)}.tab-status.is-bad{background:var(--bad)}.tab-status.is-busy{background:var(--warn)}.wb-window.is-compact{display:flex;flex-direction:column;height:calc(100dvh - 96px);min-height:min(440px,calc(100dvh - 96px))}.wb-window.is-compact>.wb-titlebar,.wb-window.is-compact>.wb-toolbar,.wb-window.is-compact>.wb-tabs,.wb-window.is-compact>.wb-runbar{flex:0 0 auto}.wb-body.is-compact{display:block;flex:1 1 auto;height:auto;min-height:0}.wb-pane{display:flex;flex-direction:column;height:100%;min-height:0}.wb-pane[hidden]{display:none!important}.wb-pane-body{position:relative;flex:1;min-height:0}.wb-pane>.stdin-pane,.wb-pane>.out-pane{flex:1 1 auto;min-height:0;border-bottom:0}.simple-editor{display:flex;flex-direction:column;height:100%}.simple-area{flex:1;width:100%;min-height:0;padding:14px;border:0;outline:0;resize:none;background:var(--panel);color:var(--text);font-family:var(--font-mono);font-size:16px;line-height:1.7;tab-size:2;white-space:pre-wrap;overflow:auto;overscroll-behavior:contain}.simple-foot{display:flex;justify-content:space-between;gap:10px;padding:6px 12px;border-top:1px solid var(--line);background:var(--bg-elev);font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}.simple-hint{text-transform:none;letter-spacing:0}.wb-runbar{display:flex;align-items:center;gap:12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--panel)}.run-btn-lg{flex:1;height:46px;justify-content:center;border-radius:12px;font-size:14.5px}.runbar-file{margin-left:4px;font-family:var(--font-mono);font-size:10.5px;font-weight:400;opacity:.7}.runbar-meta{display:flex;flex:0 0 auto;align-items:center;gap:8px}.wb-runbar .status-pill{margin-left:0;max-width:none;flex:0 0 auto}.runbar-stat{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.wb-window.is-compact .wb-lights{display:none}.wb-window.is-compact .wb-titlebar{height:42px;padding:0 10px}.wb-window.is-compact .wb-toolbar{gap:6px;padding:8px 10px}.wb-window.is-compact .wb-footer{display:none}@media(max-width:900px){.wb-toolbar .icon-btn{width:40px;height:40px}.lang-trigger{height:40px}.ways-trigger{height:40px;padding:0 10px}.ways-trigger-label{display:none}.ways-trigger-short{display:inline}.stdin-input,.simple-area{font-size:16px}.picker-backdrop{align-content:end;padding-top:0}.picker{width:100%;max-height:82dvh;border-radius:16px 16px 0 0;border-bottom:0;animation:slide-up .22s cubic-bezier(.2,.7,.2,1)}.ways-backdrop{align-items:flex-end}.ways-panel{width:100%;height:88dvh;border-left:0;border-top:1px solid var(--line-2);border-radius:18px 18px 0 0;animation:slide-up .24s cubic-bezier(.2,.7,.2,1)}.ways-head{padding:18px 16px 14px}.ways-head h2{font-size:24px}.ways-list{padding:12px 12px 18px}.way-code{max-height:190px;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}}@media(max-width:560px){.way-actions .btn{flex:1}}@media(max-width:400px){.lang-grid{grid-template-columns:1fr}.wb-tab-btn{font-size:9px;letter-spacing:.06em}}