@font-face{font-family:IosevkaMonospace;src:url(/fonts/IosevkaFixed-Extended.ttf) format("truetype")}@font-face{font-family:Iosevka Web;src:url(/fonts/Iosevka-Regular.ttf) format("truetype")}@font-face{font-family:Iosevka Thin Web;src:url(/fonts/Iosevka-ExtraLight.ttf) format("truetype")}*,*:before,*:after{box-sizing:border-box;scrollbar-width:thin}:root{font-family:Iosevka Web,system-ui,monospace;line-height:1.5;font-weight:400;color-scheme:light dark;--bg-color: #ffffff;--text-color: #213547;--btn-bg: #f9f9f9;--link-color: #646cff;--link-hover: #747bff;--border-color: #ddd;--prism-foreground: #24292f;--prism-comment: #6a737d;--prism-string: #032f62;--prism-keyword: #e91e63;--prism-boolean: #005cc5;--prism-function: #6f42c1;--prism-number: #005cc5;--prism-operator: #e91e63;--prism-variable: #24292f;--prism-punctuation: #24292f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--bg-color: #101414;--text-color: rgba(255, 255, 255, .87);--btn-bg: #1a1a1a;--border-color: #333;--prism-foreground: #d4d4d4;--prism-comment: #6a9955;--prism-string: #ce9178;--prism-keyword: #569cd6;--prism-boolean: #569cd6;--prism-function: #dcdcaa;--prism-number: #b5cea8;--prism-operator: #d4d4d4;--prism-variable: #9cdcfe;--prism-punctuation: #d4d4d4}}body{margin:0;display:block;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;transition:background-color .3s,color .3s}.app-container{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory}section{height:100vh;width:100%;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:2rem;box-sizing:border-box}h1{font-family:Iosevka Thin Web,monospace;font-size:clamp(6rem,25vw,30rem);font-weight:100;line-height:1;margin:0;letter-spacing:-.02em;text-align:center}h2{font-family:Iosevka Thin Web,monospace;font-size:3rem;font-weight:100;margin-bottom:2rem}p{font-family:IosevkaMonospace,monospace;margin-top:1rem;opacity:.8;font-size:1.1rem}.info-card{display:flex;gap:1.5rem;margin-top:3rem;align-items:center}.info-card a{display:inline-block;padding:.8em 1.5em;border:1px solid var(--link-color);color:var(--text-color);text-decoration:none;font-family:IosevkaMonospace,monospace;font-size:1rem;transition:all .2s ease;cursor:pointer}.info-card a:hover{background-color:var(--link-color);color:#fff}.playground-container{display:flex;width:100%;max-width:90vw;height:60vh;gap:2rem}.editor-card,.preview-card{flex:1;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;background-color:#00000005}.editor-card h3,.preview-card h3{margin:0;font-weight:400;font-size:1.2rem;opacity:.7}.editor-error{color:#ff6b6b;font-family:IosevkaMonospace,monospace;font-size:.9rem;padding-top:1rem;margin-top:.5rem;border-top:1px solid rgba(255,107,107,.2);min-height:1.5rem;animation:fadeIn .2s ease-in-out;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.error-message{white-space:pre-wrap;word-break:break-word;line-height:1.4;flex:1}.error-copy-btn{background:transparent;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7}.error-copy-btn:hover{background:#ff6b6b1a;border-color:#ff6b6b;opacity:1}.error-copy-btn:active{transform:scale(.95)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.icon-btn{background:transparent;border:none;color:var(--text-color);cursor:pointer;padding:.5rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.icon-btn:hover{background-color:#8080801a}textarea{flex:1;background:transparent;border:none;color:var(--text-color);font-family:IosevkaMonospace,monospace;font-size:1rem;resize:none;outline:none;line-height:1.5}.blockly-wrapper{flex:1;position:relative;width:100%;min-height:300px;overflow:hidden}.blocks-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background:#8080800d;border-radius:8px;border:1px dashed var(--border-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.scroll-indicator{position:absolute;bottom:2rem;opacity:.5;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.docs-section{height:auto;min-height:100vh;justify-content:flex-start;padding-top:6rem}.docs-container{width:100%;max-width:800px;text-align:left;padding-bottom:4rem}.docs-content h3{font-family:Iosevka Web,monospace;font-size:1.8rem;margin-top:3rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.docs-content h4{font-family:Iosevka Web,monospace;font-size:1.4rem;margin-top:2rem;margin-bottom:1rem;font-weight:600}.docs-content p,.docs-content li{font-family:Iosevka Web,monospace;font-size:1.1rem;line-height:1.7;opacity:.9;margin-bottom:1rem}.docs-content ul{padding-left:1.5rem;margin-bottom:1rem}.docs-content li{margin-bottom:.5rem}.docs-content pre{background:#00000008;padding:1rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;border:1px solid var(--border-color)}.docs-content code{font-family:IosevkaMonospace,monospace;font-size:.9em}.docs-content p code,.docs-content li code{background:#8080801a;padding:.2rem .4rem;border-radius:4px}code[class*=language-],pre[class*=language-]{color:var(--prism-foreground);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;-webkit-hyphens:none;hyphens:none;font-family:IosevkaMonospace,monospace;font-size:.9em;background:transparent}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--prism-comment);font-style:italic}.token.namespace{opacity:.7}.token.string,.token.attr-value{color:var(--prism-string)}.token.punctuation,.token.operator{color:var(--prism-operator)}.token.punctuation{color:var(--prism-foreground)}.token.entity,.token.url,.token.symbol,.token.number,.token.boolean,.token.variable,.token.constant,.token.property,.token.regex,.token.inserted,.token.atrule,.token.keyword,.token.attr-name,.token.selector{color:var(--prism-keyword)}.token.function,.token.deleted,.token.tag,.token.function-variable{color:var(--prism-function)}.token.tag,.token.selector,.token.keyword{color:var(--prism-keyword)}.editor-card{flex:1;display:flex;flex-direction:column;overflow:hidden}.anchor-heading{position:relative;scroll-margin-top:2rem}.anchor-link{position:absolute;margin-left:.5rem;top:50%;transform:translateY(-50%);color:var(--link-color);text-decoration:none;opacity:0;transition:opacity .2s ease;font-weight:400}.anchor-heading:hover .anchor-link{opacity:1}.anchor-link:hover{color:var(--link-hover)}@media(max-width:900px){.playground-container{flex-direction:column;height:auto;width:100%}.editor-card,.preview-card{min-height:50vh;width:100%}.demo-section{height:auto;min-height:100vh;padding-top:4rem;padding-bottom:4rem;justify-content:flex-start}h1{font-size:clamp(4rem,15vw,10rem)}.hero-section p{text-align:center}}.blocklySvg{background-color:transparent!important}.blocklyMainBackground{stroke:none!important;fill:transparent!important}.blocklyToolboxDiv{background-color:transparent!important}.blocklyFlyoutBackground{fill:var(--bg-color)!important;fill-opacity:.8!important}.blocklyScrollbarHandle{fill:var(--text-color)!important;fill-opacity:.2!important}.blocklyScrollbarHandle:hover{fill-opacity:.4!important}.sponsors-section{height:auto;min-height:80vh;justify-content:flex-start;padding:8rem 2rem;background:linear-gradient(to bottom,transparent,rgba(100,108,255,.02))}.sponsors-container{width:100%;max-width:1000px;text-align:center}.sponsors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:4rem}.sponsor-card{background:#8080800d;border:1px solid var(--border-color);border-radius:16px;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;text-decoration:none;color:inherit}.sponsor-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--link-color),transparent);transform:translate(-100%);transition:transform .5s ease}.sponsor-card:hover{transform:translateY(-10px);background:#80808014;border-color:var(--link-color);box-shadow:0 20px 40px #0000001a}.sponsor-card:hover:before{transform:translate(100%)}.sponsor-logo-placeholder{width:64px;height:64px;background:var(--link-color);border-radius:12px;margin-bottom:1.5rem;opacity:.8;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5rem}.sponsor-name{font-family:Iosevka Web,monospace;font-size:1.2rem;font-weight:500;opacity:.9}.sponsor-tier{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem;opacity:.5;font-family:IosevkaMonospace,monospace}.code-block-wrapper{position:relative;margin:1.5rem 0}.code-copy-button{position:absolute;top:.75rem;right:.75rem;background:#8080801a;border:1px solid var(--border-color);border-radius:6px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-color);opacity:.6;transition:all .2s ease;z-index:10}.code-copy-button:hover{opacity:1;background:#80808033;border-color:var(--link-color)}.code-copy-button:active{transform:scale(.95)}.code-copy-button svg{width:16px;height:16px}.syntax-editor-wrapper{flex:1;height:100%;position:relative;overflow:hidden}.syntax-editor-wrapper>div{height:100%!important}.syntax-editor-textarea{outline:none!important;background:transparent!important;color:var(--text-color)!important;caret-color:var(--text-color)!important}.syntax-editor-textarea::placeholder{color:var(--text-color);opacity:.4}.syntax-editor-textarea::selection{background-color:#646cff4d}.syntax-editor-pre{background:transparent!important;margin:0!important;padding:0!important}.syntax-editor-pre code{background:transparent!important}