body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.kodevr-blockly-workspace{max-width:100%!important;min-width:0!important;overflow:hidden!important}.blocklyScrollbarHorizontal,.blocklyScrollbarVertical{display:none!important}.blocklyMainBackground,.blocklyTreeRow{overflow:hidden!important}.blocklyTreeRow{align-items:center!important;border:none!important;border-radius:8px!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin:2px 0!important;min-height:60px!important;overflow-x:hidden!important;padding:4px 2px!important;position:relative!important;text-align:center!important;transition:all .2s ease!important}.blocklyTreeIcon{border-radius:8px!important;height:48px!important;margin-bottom:2px!important;margin-right:0!important;width:48px!important}.blocklyTreeLabel{color:#333!important;font-weight:500!important}.blocklyTreeSelected{box-shadow:none!important}.blocklyToolboxCategory:active,.blocklyToolboxCategory:hover,.blocklyTreeRow:active,.blocklyTreeRow:hover,.blocklyTreeSelected{background-color:inherit!important;opacity:1!important}.blocklyMainBackground{background-color:#fafafa!important}.blocklyGrid{stroke:#e0e0e0!important;stroke-width:1!important}.blocklyToolboxCategory{word-wrap:break-word!important;align-items:center!important;border:none!important;border-radius:12px!important;box-shadow:none!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;font-size:8px!important;font-weight:600!important;height:72px!important;justify-content:center!important;margin:4px 2px!important;max-height:600px!important;max-width:96px!important;min-height:72px!important;min-width:96px!important;overflow:hidden!important;overflow-x:hidden!important;padding:0!important;position:relative!important;text-align:center!important;transition:all .2s ease!important;width:96px!important}.blocklyToolboxCategory:hover{transform:translateY(-2px) scale(1.02)!important}.blocklyToolboxCategory:before{background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;content:""!important;display:block!important;height:20px!important;margin-bottom:2px!important;width:20px!important}.blocklyToolboxCategory .blocklyToolboxCategoryLabel{word-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;line-height:1.2!important;max-width:88px!important;overflow-wrap:break-word!important;padding:0 1px!important}.blocklyToolboxDiv{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;border-right:2px solid #dee2e6!important;box-shadow:4px 0 12px #0000001a!important;max-width:110px!important;min-width:110px!important;overflow-x:hidden!important;overflow-y:auto!important;padding:4px!important;width:110px!important}.blocklyToolboxContents{max-width:100%!important;overflow-x:hidden!important}.blocklyToolboxDiv *{box-sizing:border-box!important;max-width:100%!important}.blocklyToolboxDiv .blocklyTreeRoot{max-width:100%!important;overflow-x:hidden!important}.blocklyFlyoutBackground{border-radius:12px!important;padding:8px!important}.blocklyFlyoutItem{border-radius:6px!important;margin:4px 0!important;padding:4px!important}.blocklyFlyoutItem:hover{background-color:#0000000d!important;transform:scale(1.02)!important}.blocklyTreeIcon{align-items:center!important;background:none!important;border:none!important;box-shadow:none!important;display:flex!important;justify-content:center!important;margin-right:4px!important;padding-top:0!important}.blocklyTreeIcon,.blocklyTreeIcon img{height:24px!important;width:24px!important}.blocklyTreeIcon img{object-fit:contain!important}.blocklyTreeIcon img,.blocklyTreeIcon svg{filter:brightness(0) invert(1)!important}.blocklyTreeLabel{color:#fff!important;display:block!important;font-size:10px!important;font-weight:600!important;line-height:1.2!important;opacity:1!important;padding:2px 0!important;text-align:center!important;visibility:visible!important}.blocklyTreeRowContentContainer{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;max-width:100%!important;overflow:hidden!important;overflow-x:hidden!important;width:100%!important}.event_category{color:#fff!important;font-weight:600!important}.blocklyToolboxCategory:has(.event_category),.blocklyTreeRow:has(.event_category){background-color:#ffbf00!important;border-radius:8px!important}.blocklyToolboxCategory.event_category,.blocklyTreeRow .event_category,.blocklyTreeRow.event_category{background-color:#ffbf00!important}.blocklyToolboxCategory:has(.movement_category),.blocklyTreeRow:has(.movement_category){background-color:#4c97ff!important;border-radius:8px!important}.blocklyToolboxCategory.movement_category,.blocklyTreeRow .movement_category,.blocklyTreeRow.movement_category{background-color:#4c97ff!important}.blocklyToolboxCategory:has(.control_category),.blocklyTreeRow:has(.control_category){background-color:#ff8c1a!important;border-radius:8px!important}.blocklyToolboxCategory.control_category,.blocklyTreeRow .control_category,.blocklyTreeRow.control_category{background-color:#ff8c1a!important}.blocklyToolboxCategory:has(.logic_category),.blocklyTreeRow:has(.logic_category){background-color:#96f!important;border-radius:8px!important}.blocklyToolboxCategory.logic_category,.blocklyTreeRow .logic_category,.blocklyTreeRow.logic_category{background-color:#96f!important}.blocklyToolboxCategory:has(.math_category),.blocklyTreeRow:has(.math_category){background-color:#5cb85c!important;border-radius:8px!important}.blocklyToolboxCategory.math_category,.blocklyTreeRow .math_category,.blocklyTreeRow.math_category{background-color:#5cb85c!important}.blocklyToolboxCategory:has(.sensing_category),.blocklyTreeRow:has(.sensing_category){background-color:#00d4aa!important;border-radius:8px!important}.blocklyToolboxCategory.sensing_category,.blocklyTreeRow .sensing_category,.blocklyTreeRow.sensing_category{background-color:#00d4aa!important}.blocklyToolboxCategory:has(.pen_category),.blocklyTreeRow:has(.pen_category){background-color:#993157!important;border-radius:8px!important}.blocklyToolboxCategory.pen_category,.blocklyTreeRow .pen_category,.blocklyTreeRow.pen_category{background-color:#993157!important}.blocklyToolboxCategory:has(.magnet_category),.blocklyTreeRow:has(.magnet_category){background-color:#e91e63!important;border-radius:8px!important}.blocklyToolboxCategory.magnet_category,.blocklyTreeRow .magnet_category,.blocklyTreeRow.magnet_category{background-color:#e91e63!important}.blocklyToolboxCategory:has(.variables_category),.blocklyTreeRow:has(.variables_category){background-color:#007c67!important;border-radius:8px!important}.blocklyToolboxCategory.variables_category,.blocklyTreeRow .variables_category,.blocklyTreeRow.variables_category{background-color:#2496a5!important}.blocklyBlockCanvas .blocklyBlock[data-id*=controls_for],.blocklyBlockCanvas .blocklyBlock[data-id*=controls_if],.blocklyBlockCanvas .blocklyBlock[data-id*=controls_ifelse],.blocklyBlockCanvas .blocklyBlock[data-id*=controls_repeat],.blocklyBlockCanvas .blocklyBlock[data-id*=controls_while]{fill:#ff8c1a!important}.blocklyBlockCanvas .blocklyBlock[data-id*=logic_boolean],.blocklyBlockCanvas .blocklyBlock[data-id*=logic_compare],.blocklyBlockCanvas .blocklyBlock[data-id*=logic_negate],.blocklyBlockCanvas .blocklyBlock[data-id*=logic_operation],.blocklyBlockCanvas .blocklyBlock[data-id*=logic_ternary]{fill:#96f!important}.blocklyBlockCanvas .blocklyBlock[data-id*=math_arithmetic],.blocklyBlockCanvas .blocklyBlock[data-id*=math_constrain],.blocklyBlockCanvas .blocklyBlock[data-id*=math_modulo],.blocklyBlockCanvas .blocklyBlock[data-id*=math_number],.blocklyBlockCanvas .blocklyBlock[data-id*=math_random],.blocklyBlockCanvas .blocklyBlock[data-id*=math_round],.blocklyBlockCanvas .blocklyBlock[data-id*=math_single]{fill:#5cb85c!important}.blocklyBlockCanvas .blocklyBlock[data-id*=text],.blocklyBlockCanvas .blocklyBlock[data-id*=text_append],.blocklyBlockCanvas .blocklyBlock[data-id*=text_charAt],.blocklyBlockCanvas .blocklyBlock[data-id*=text_indexOf],.blocklyBlockCanvas .blocklyBlock[data-id*=text_isEmpty],.blocklyBlockCanvas .blocklyBlock[data-id*=text_join],.blocklyBlockCanvas .blocklyBlock[data-id*=text_length],.blocklyBlockCanvas .blocklyBlock[data-id*=text_print]{fill:#993157!important}.blocklyBlockCanvas .blocklyBlock[data-id*=lists_create],.blocklyBlockCanvas .blocklyBlock[data-id*=lists_indexOf],.blocklyBlockCanvas .blocklyBlock[data-id*=lists_isEmpty],.blocklyBlockCanvas .blocklyBlock[data-id*=lists_length],.blocklyBlockCanvas .blocklyBlock[data-id*=lists_repeat],.blocklyBlockCanvas .blocklyBlock[data-id*=variables_change],.blocklyBlockCanvas .blocklyBlock[data-id*=variables_get],.blocklyBlockCanvas .blocklyBlock[data-id*=variables_set]{fill:#2496a5!important}@media (max-width:768px){.blocklyToolboxCategory{font-size:8px!important;height:80px!important;max-height:80px!important;max-width:96px!important;min-height:80px!important;min-width:96px!important;padding:6px 4px!important;width:96px!important}.blocklyToolboxCategory:before{height:20px!important;width:20px!important}.blocklyToolboxCategory .blocklyToolboxCategoryLabel{max-width:95px!important}.blocklyToolboxDiv{width:110px!important}}.App-header{align-items:center;background-color:#373b44;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;padding:19px}.App-header h1{color:#61dafb;margin-bottom:18px}.App-header p{line-height:1.6;margin-bottom:40px;max-width:600px}.features{margin:0 auto;max-width:800px}.features h2{color:#61dafb;margin-bottom:20px}.features ul{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;padding:0}.features li{background-color:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:15px;transition:transform .2s ease}.features li:hover{background-color:#ffffff26;transform:translateY(-2px)}@keyframes spiral{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}