@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color:#e5edf5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#080e18;font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}body{background-image:linear-gradient(#15203355 1px,#0000 1px),linear-gradient(90deg,#15203355 1px,#0000 1px);background-size:40px 40px;min-height:100vh;margin:0}header{background:#0c1421e8;border-bottom:1px solid #263044;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50vw - 640px);display:flex}a{color:#6bc9f6;text-decoration:none}a:hover{color:#ff914d}#brand{color:#ff914d;font:700 15px JetBrains Mono,monospace}main{max-width:1328px;margin:auto;padding:48px 24px}.eyebrow{color:#ff914d;letter-spacing:2px;font:12px JetBrains Mono,monospace}.heading{justify-content:space-between;align-items:center;gap:24px;display:flex}h1{margin:12px 0;font:700 clamp(24px,4vw,36px) JetBrains Mono,monospace}h2{margin:0 0 18px;font:500 15px JetBrains Mono,monospace}h3{color:#70dfa3;font-size:15px}.description{color:#98a7bc;max-width:860px;margin:12px 0 30px;line-height:1.7}.badge{color:#6bc9f6;white-space:nowrap;border:1px solid #379;border-radius:6px;padding:10px 14px}.workspace{grid-template-columns:minmax(0,1fr) 340px;gap:24px;display:grid}.panel{background:#0d1625;border:1px solid #263044;border-radius:10px;padding:24px}aside{align-content:start;gap:20px;display:grid}aside p{color:#a5b2c7;font-size:14px;line-height:1.65}dt{color:#6bc9f6;font:12px JetBrains Mono,monospace}dd{overflow-wrap:anywhere;margin:7px 0 16px;font:12px JetBrains Mono,monospace}#modules{overflow-wrap:anywhere;font:11px JetBrains Mono,monospace}.editor{align-self:start;padding:0;overflow:hidden}.editor-bar,.editor-footer{background:#111d2d;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.editor-bar{color:#9eadc0;border-bottom:1px solid #263044;font:12px JetBrains Mono,monospace}.editor-footer{border-top:1px solid #263044}#source .cm-editor{color:#dbe9fb;background:#09111e;min-height:560px;font:13px/1.8 JetBrains Mono,monospace}#source .cm-scroller{min-height:560px;max-height:75vh;font-family:inherit;overflow:auto}#source .cm-content{padding:20px 0}#source .cm-line{padding:0 14px}#source .cm-gutters{color:#62748d;background:#0d1625;border-right:1px solid #263044}#source .cm-focused{outline-offset:-2px;outline:2px solid #db7938}.reference details+details{border-top:1px solid #263044;margin-top:18px;padding-top:18px}.reference summary{cursor:pointer;color:#c1d7ee;font:13px JetBrains Mono,monospace}.reference summary:focus-visible{outline-offset:5px;outline:2px solid #db7938}.reference dd{color:#a5b2c7;line-height:1.7}.reference .example{color:#b7d3ef;background:#080e18;border-radius:6px;padding:14px;font-size:11px}button,.button{color:#111927;cursor:pointer;text-align:center;background:#ff914d;border:0;border-radius:6px;padding:12px 16px;font:500 12px JetBrains Mono,monospace;display:inline-block}.button:hover{color:#111927;background:#ffac78}button:disabled{opacity:.5;cursor:wait}.quiet{color:#9eadc0;background:0 0;padding:4px}.secondary{color:#8bd5f8;background:#193048}small{color:#8b9ab0;font-size:11px}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;margin:0;font:12px/1.8 JetBrains Mono,monospace;overflow:auto}#error{color:#ffbcc7;background:#431725;border:1px solid #8e4051;border-radius:8px;margin-bottom:24px;padding:16px}#success{border-top:1px solid #326a4b;margin-top:20px;padding-top:10px}#flag{color:#70dfa3;overflow-wrap:anywhere;margin-bottom:20px;font:12px/1.7 JetBrains Mono,monospace;display:block}#success button,#success a{width:100%;margin-top:10px;display:block}#login-panel{max-width:560px}#login-panel p{color:#98a7bc}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}@media (width<=900px){.workspace{grid-template-columns:1fr}#source .cm-editor,#source .cm-scroller{min-height:440px}.heading{flex-direction:column;align-items:flex-start;gap:4px}main{padding-top:30px}.editor-footer{flex-wrap:wrap}header{padding:0 20px}#brand{font-size:12px}}
