.landing{width:100%;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:#0d1117;transition:background .3s ease;position:relative;padding:2rem 1rem 4rem}.landing.light{background:#fff}.landing.light .landing-content,.landing.light .logo,.landing.light .tagline,.landing.light .feature h3{color:#24292f}.landing.light .feature{background:#f6f8fa;border-color:#d0d7de}.landing.light .feature:hover{background:#fff;border-color:#0969da}.landing.light .feature p{color:#57606a}.landing.light .project-item{background:#f6f8fa;border-color:#d0d7de}.landing.light .project-item:hover{background:#fff;border-color:#0969da}.landing.light .project-item-name{color:#24292f}.landing.light .start-button{background:#2da44e;color:#fff}.landing.light .start-button:hover{background:#2c974b}.landing.light .project-input{background:#fff;border-color:#d0d7de;color:#24292f}.landing.light .project-input:focus{border-color:#0969da;box-shadow:0 0 0 3px #0969da1a}.landing.light .theme-toggle,.landing.light .language-toggle{background:#f6f8fa;border-color:#d0d7de;color:#24292f}.landing.light .theme-toggle:hover,.landing.light .language-toggle:hover{background:#fff;border-color:#0969da}.landing.light .clear-all-btn{background:transparent;border-color:#d0d7de;color:#cf222e}.landing.light .clear-all-btn:hover{background:#cf222e;border-color:#cf222e;color:#fff}.landing.light .delete-project-btn{background:transparent;color:#cf222e}.landing.light .delete-project-btn:hover{background:#cf222e1a}.landing.light .badge{background:#ddf4ff;color:#0969da;border-color:#54aeff}.landing.light .recent-projects h3{color:#24292f}.landing.light .feature,.landing.light .project-item,.landing.light .project-input,.landing.light .language-toggle,.landing.light .theme-toggle{background:#ffffffe6;color:#2d3748}.landing.light .start-button{background:#2563eb;color:#fff}.landing.light .start-button:hover{background:#1d4ed8}.landing.light .tagline,.landing.light .feature p{color:#4a5568}.landing.light .clear-all-btn{background:#ef444433;border-color:#ef444466;color:#dc2626}.landing.light .clear-all-btn:hover{background:#ef444466}.landing.light .delete-project-btn{background:#ef444426;color:#dc2626}.landing.light .delete-project-btn:hover{background:#ef44444d}.landing.light .badge{background:#fffffff2;color:#2563eb;box-shadow:0 2px 8px #0000001a}.landing.light .language-toggle,.landing.light .theme-toggle{border-color:#2563eb4d}.landing.light .language-toggle:hover,.landing.light .theme-toggle:hover{background:#fff;border-color:#2563eb80}.landing-content{text-align:center;max-width:1200px;width:100%;padding:40px;position:relative;color:#c9d1d9;margin-top:2rem;margin-bottom:2rem}.top-controls{position:absolute;top:20px;right:20px;display:flex;gap:.5rem;z-index:10}.theme-toggle,.language-toggle,.wiki-button{padding:.5rem .75rem;font-size:.875rem;border:1px solid #30363d;border-radius:6px;background:#21262d;color:#c9d1d9;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-weight:500}.theme-toggle:hover,.language-toggle:hover,.wiki-button:hover{background:#30363d;border-color:#8b949e}.theme-toggle .material-icons,.language-toggle .material-icons{font-size:1.2rem}.theme-toggle,.wiki-button{padding:.5rem}.hero-section{margin-bottom:3rem}.logo{font-size:3rem;margin-bottom:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem;color:#c9d1d9}.logo-icon{width:3rem;height:3rem;color:#58a6ff;flex-shrink:0}.tagline{font-size:1.25rem;margin-bottom:2rem;color:#8b949e;line-height:1.6;font-weight:400;max-width:600px;margin-left:auto;margin-right:auto}.hero-badges{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#388bfd26;border-radius:2rem;font-size:.875rem;font-weight:500;border:1px solid rgba(56,139,253,.4);color:#58a6ff;transition:all .2s}.badge:hover{background:#388bfd40;border-color:#58a6ff}.badge .material-icons{font-size:1.125rem}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:3rem}@media (max-width: 900px){.features{grid-template-columns:1fr;gap:1.5rem}}.feature{background:#161b22;padding:1.5rem;border-radius:6px;border:1px solid #30363d;transition:all .2s;cursor:default;text-align:left}.feature:hover{border-color:#58a6ff;box-shadow:0 0 0 1px #58a6ff}.feature-icon{font-size:2rem;display:block;margin-bottom:1rem;color:#58a6ff}.feature h3{font-size:1rem;margin-bottom:.5rem;font-weight:600;color:#c9d1d9}.feature p{color:#8b949e;font-size:.875rem;line-height:1.5}.start-section{display:flex;gap:.75rem;justify-content:center;align-items:stretch;max-width:600px;margin:0 auto}.project-input{flex:1;padding:.625rem .75rem;font-size:.875rem;border:1px solid #30363d;border-radius:6px;background:#0d1117;color:#c9d1d9;min-width:0;transition:all .2s}.project-input::placeholder{color:#8b949e}.project-input:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 3px #388bfd4d}.start-button{padding:.625rem 1rem;font-size:.875rem;font-weight:500;border:none;border-radius:6px;background:#238636;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.375rem;white-space:nowrap}.start-button:hover{background:#2ea043}.start-button:active{background:#2c974b}@media (max-width: 768px){.landing-content{padding:20px}.logo{font-size:2.5rem}.logo-icon{font-size:3rem}.tagline{font-size:1.2rem}.hero-badges{gap:.5rem}.badge{font-size:.85rem;padding:.5rem 1rem}.feature-icon{font-size:2.5rem}.feature h3{font-size:1.1rem}.feature p{font-size:.9rem}.start-section{flex-direction:column;width:100%}.project-input{width:100%;min-width:auto}.start-button{width:100%;justify-content:center}.top-controls{top:10px;right:10px}.theme-toggle,.language-toggle{padding:.5rem .8rem;font-size:.85rem}.recent-projects{margin-top:2rem}.project-list{gap:.75rem}.project-item{padding:.75rem}.recent-projects-header{flex-direction:column;align-items:flex-start;gap:.75rem}.clear-all-btn{width:100%;justify-content:center}}.recent-projects{margin-top:3rem;margin-bottom:2rem;width:100%;max-width:800px;margin-left:auto;margin-right:auto}.recent-projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.recent-projects h3{font-size:1rem;margin:0;text-align:left;font-weight:600;color:#c9d1d9}.clear-all-btn{padding:.375rem .75rem;background:transparent;border:1px solid #f85149;border-radius:6px;color:#f85149;cursor:pointer;display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;transition:all .2s;white-space:nowrap}.clear-all-btn:hover{background:#f85149;color:#fff}.clear-all-btn .material-icons{font-size:1.1rem}.project-list{display:flex;flex-direction:column;gap:.5rem;max-height:500px;overflow-y:auto;padding-right:.5rem;margin-bottom:1rem}.project-list::-webkit-scrollbar{width:8px}.project-list::-webkit-scrollbar-track{background:#161b22;border-radius:4px}.project-list::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.project-list::-webkit-scrollbar-thumb:hover{background:#484f58}.landing.light .project-list::-webkit-scrollbar-track{background:#f6f8fa}.landing.light .project-list::-webkit-scrollbar-thumb{background:#d0d7de}.landing.light .project-list::-webkit-scrollbar-thumb:hover{background:#afb8c1}.project-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#161b22;border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid #30363d}.project-item:hover{border-color:#58a6ff;background:#0d1117}.project-item .material-icons{font-size:1.25rem;color:#8b949e}.project-item-name{flex:1;font-size:.875rem;font-weight:500;text-align:left;color:#c9d1d9}.delete-project-btn{padding:.25rem;background:transparent;border:none;border-radius:6px;color:#f85149;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0}.project-item:hover .delete-project-btn{opacity:1}.delete-project-btn:hover{background:#f8514926}.delete-project-btn .material-icons{font-size:1.125rem}.tutorial-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tutorial-modal{background:#2d2d2d;border-radius:16px;width:90%;max-width:600px;box-shadow:0 20px 60px #00000080;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.tutorial-header{display:flex;align-items:center;gap:1rem;padding:2rem;border-bottom:1px solid #3e3e3e;position:relative}.tutorial-icon{font-size:3rem;color:#667eea}.tutorial-header h2{flex:1;font-size:1.5rem;margin:0}.tutorial-close{background:none;border:none;color:#aaa;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.tutorial-close:hover{background:#3e3e3e;color:#fff}.tutorial-content{padding:2rem;min-height:150px}.tutorial-content p{font-size:1.1rem;line-height:1.6;color:#ccc;margin:0}.tutorial-footer{padding:1.5rem 2rem;border-top:1px solid #3e3e3e;display:flex;flex-direction:column;gap:1.5rem}.tutorial-progress{display:flex;gap:.5rem;justify-content:center}.progress-dot{width:10px;height:10px;border-radius:50%;background:#3e3e3e;cursor:pointer;transition:all .3s}.progress-dot.active{background:#667eea;transform:scale(1.3)}.progress-dot.completed{background:#4ecdc4}.tutorial-actions{display:flex;gap:1rem;justify-content:space-between}.tutorial-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.tutorial-button.primary{background:#667eea;color:#fff;margin-left:auto}.tutorial-button.primary:hover{background:#7c8ef0;transform:translateY(-2px)}.tutorial-button.secondary{background:#3e3e3e;color:#fff}.tutorial-button.secondary:hover{background:#4e4e4e}.discord-preview{width:100%;height:100%;background:#36393f;display:flex;flex-direction:column;border-left:1px solid #202225}.preview-header{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#2f3136;border-bottom:1px solid #202225;color:#dcddde}.preview-header h3{font-size:1rem;font-weight:600;margin:0}.preview-content{flex:1;overflow-y:auto}.discord-channel{height:100%;display:flex;flex-direction:column}.channel-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#36393f;border-bottom:1px solid #202225;color:#b9bbbe}.channel-name{font-weight:600;color:#fff}.messages-container{flex:1;padding:1rem;overflow-y:auto}.empty-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#72767d;text-align:center;gap:1rem}.empty-preview .material-icons{font-size:4rem;opacity:.3}.discord-message{margin-bottom:1rem;padding:.125rem 1rem;position:relative;min-height:2.75rem}.discord-message:hover{background:#04040512}.discord-message.ephemeral{background:#5865f20d;border-left:3px solid #5865f2;padding-left:calc(1rem + 3px)}.ephemeral-notice{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#b9bbbe;margin-bottom:.25rem;font-style:italic;padding:0 1rem}.ephemeral-notice .material-icons{font-size:.875rem}.message-trigger{margin-bottom:.5rem;opacity:.8}.user-message,.bot-message{display:flex;gap:1rem;width:100%}.avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;cursor:pointer;margin-top:.125rem}.bot-avatar{border:2px solid #5865f2}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.125rem;line-height:1.375rem}.username{font-weight:500;color:#dcddde;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center}.username:hover{text-decoration:underline}.bot-username{color:#fff}.bot-tag{background:#5865f2;color:#fff;font-size:.625rem;font-weight:500;padding:.0625rem .275rem;border-radius:3px;margin-left:.25rem;text-transform:uppercase;vertical-align:text-top;line-height:1;display:inline-flex;align-items:center;height:.9375rem}.timestamp{font-size:.75rem;color:#72767d;font-weight:500;line-height:1.375rem}.message-text{color:#dcddde;line-height:1.375rem;word-wrap:break-word;font-size:1rem;margin-top:.125rem}.embed{background:#2f3136;border-left:4px solid #5865f2;border-radius:4px;padding:.5rem 1rem 1rem .75rem;margin-top:.25rem;max-width:520px;display:grid;grid-template-columns:auto}.embed-title{font-weight:600;color:#fff;margin-bottom:.5rem;font-size:.95rem}.embed-description{color:#dcddde;font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.embed-field{margin-top:.5rem}.embed-field-name{font-weight:600;color:#fff;font-size:.875rem;margin-bottom:.25rem}.embed-field-value{color:#dcddde;font-size:.875rem}.message-components{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.discord-button{padding:.125rem 1rem;border:none;border-radius:3px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .17s ease;min-height:32px;min-width:60px;display:inline-flex;align-items:center;justify-content:center}.discord-button.primary{background:#5865f2;color:#fff}.discord-button.secondary{background:#4e5058;color:#fff}.discord-button.success{background:#3ba55d;color:#fff}.discord-button.danger{background:#ed4245;color:#fff}.discord-button:hover{opacity:.9}.discord-select{background:#202225;border:1px solid #202225;border-radius:3px;padding:.625rem .75rem;display:flex;align-items:center;justify-content:space-between;color:#b9bbbe;cursor:pointer;min-width:200px;font-size:.875rem;transition:all .17s ease}.discord-select:hover{background:#2f3136;border-color:#040405}.embed-image{max-width:100%;border-radius:4px;margin-top:.75rem}.embed-thumbnail{max-width:80px;max-height:80px;border-radius:4px;float:right;margin-left:1rem}.embed-footer{font-size:.75rem;color:#72767d;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #202225}.embed-timestamp{color:#72767d}.embed{position:relative}.embed-toggle{position:absolute;top:8px;right:8px;background:#0003;border:none;border-radius:4px;color:#dcddde;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1}.embed-toggle:hover{background:#0006}.embed-toggle .material-icons{font-size:18px}.embed-description.collapsed{max-height:100px;overflow:hidden;position:relative}.embed-description.collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,#2f3136);pointer-events:none}.builder{width:100%;height:100%;display:flex;flex-direction:column;background:#0d1117;transition:background .3s ease}.builder.light{background:#fff}.builder-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#161b22;border-bottom:1px solid #30363d;transition:all .3s ease}.builder.light .builder-header{background:#f6f8fa;border-bottom-color:#d0d7de}.back-button{padding:.375rem .75rem;background:transparent;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.375rem;transition:all .2s}.project-name{flex:1;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;color:#c9d1d9}.project-logo{width:1.25rem;height:1.25rem;color:#58a6ff;flex-shrink:0}.header-actions{display:flex;gap:.5rem;align-items:center}.help-button,.clear-button,.theme-toggle-btn,.language-toggle-btn{padding:.375rem;background:transparent;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:.875rem;font-weight:500}.language-toggle-btn{padding:.375rem .75rem;gap:.25rem}.help-button:hover,.clear-button:hover,.theme-toggle-btn:hover,.language-toggle-btn:hover{background:#21262d;border-color:#8b949e}.clear-button{border-color:#f85149;color:#f85149}.clear-button:hover{background:#f85149;color:#fff;border-color:#f85149}.config-button,.export-button{padding:.375rem .75rem;border:1px solid #30363d;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.375rem;transition:all .2s}.config-button{background:#21262d;color:#c9d1d9}.config-button:hover{background:#30363d;border-color:#8b949e}.export-button{background:#238636;color:#fff;border-color:#238636}.export-button:hover{background:#2ea043;border-color:#2ea043}.builder-workspace{flex:1;display:flex;position:relative;overflow:hidden}.blockly-container{flex:1;position:relative;min-width:0;width:auto}.blockly-container.hidden{display:none}.blockly-div{width:100%;height:100%}.preview-panel{width:400px;flex-shrink:0;background:#36393f}@media (max-width: 1200px){.preview-panel{width:350px}}@media (max-width: 900px){.preview-panel{display:none}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#161b22;padding:1.5rem;border-radius:6px;border:1px solid #30363d;min-width:400px;max-width:500px}.modal-content h3{margin-bottom:1rem;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem;color:#c9d1d9}.config-form{display:flex;flex-direction:column;gap:1rem}.config-form label{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;color:#c9d1d9;font-weight:500}.config-form input{padding:.5rem .75rem;background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:.875rem;transition:all .2s}.config-form input:hover{border-color:#8b949e}.config-form input:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 3px #388bfd4d}.close-button{margin-top:1rem;padding:.5rem 1rem;background:#238636;border:1px solid #238636;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s}.close-button:hover{background:#2ea043;border-color:#2ea043}.close-button,.confirm-button,.cancel-button{display:flex;align-items:center;gap:.3rem;justify-content:center}.export-modal{min-width:500px}.modal-description{color:#8b949e;margin-bottom:1rem;font-size:.875rem}.platform-selection{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.platform-option{background:#0d1117;border:1px solid #30363d;border-radius:6px;padding:.75rem;transition:all .2s}.platform-option:has(input:checked){border-color:#58a6ff;background:#388bfd1a}.platform-label{display:flex;align-items:center;gap:1rem;cursor:pointer;width:100%}.platform-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.platform-icon{font-size:1.5rem;color:#58a6ff}.platform-label div{flex:1;display:flex;flex-direction:column;gap:.2rem}.platform-label strong{font-size:.875rem;color:#c9d1d9}.platform-label small{color:#8b949e;font-size:.75rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.cancel-button{padding:.5rem 1rem;background:transparent;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s}.cancel-button:hover{background:#21262d;border-color:#8b949e}.confirm-button{padding:.5rem 1rem;background:#238636;border:1px solid #238636;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s}.confirm-button:hover{background:#2ea043;border-color:#2ea043}.config-form label{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:#ccc}.config-form label .material-icons{font-size:1.2rem;margin-right:.3rem;vertical-align:middle}.config-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:8px;margin-top:1rem}.config-warning .material-icons{color:#ff9800;font-size:1.5rem;flex-shrink:0}.config-warning p{margin:0;font-size:.85rem;color:#ffb74d;line-height:1.5}.config-warning strong{color:#ffa726}.view-mode-group{display:flex;align-items:center;gap:.5rem}.view-mode-label{font-size:.875rem;color:#8b949e;font-weight:500}.view-mode-selector{display:flex;gap:0;background:transparent;border:1px solid #30363d;border-radius:6px;overflow:hidden}.view-mode-btn{padding:.375rem .75rem;background:transparent;border:none;border-right:1px solid #30363d;color:#8b949e;cursor:pointer;display:flex;align-items:center;gap:.375rem;transition:all .2s;font-size:.875rem}.view-mode-btn:last-child{border-right:none}.view-mode-btn:hover{background:#21262d;color:#c9d1d9}.view-mode-btn.active{background:#1f6feb;color:#fff}.view-mode-btn .material-icons{font-size:1.1rem}.view-mode-btn .btn-label{font-weight:500}.language-group{display:flex;align-items:center;gap:.5rem}.language-label{font-size:.875rem;color:#8b949e;font-weight:500}.language-selector{padding:.375rem .75rem;background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;cursor:pointer;font-size:.875rem;transition:all .2s}.language-selector:hover{border-color:#8b949e}.language-selector:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 3px #388bfd4d}.code-panel{flex:1;display:flex;flex-direction:column;background:#0d1117;overflow:hidden;width:auto}.resize-handle{width:8px;min-width:8px;background:#161b22;cursor:col-resize;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;transition:background .2s;z-index:10;-webkit-user-select:none;user-select:none;border-left:1px solid #30363d;border-right:1px solid #30363d}.resize-handle:hover{background:#21262d}.resize-handle:active{background:#30363d}.resize-handle-line{width:2px;height:40px;background:#30363d;border-radius:2px;pointer-events:none;transition:all .2s}.resize-handle:hover .resize-handle-line{background:#58a6ff;height:50px}.code-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#161b22;border-bottom:1px solid #30363d;font-size:.875rem;color:#8b949e}.code-header .material-icons{font-size:1.2rem}.code-header span:nth-child(2){flex:1}.copy-button{padding:.375rem;background:transparent;border:1px solid #30363d;border-radius:6px;color:#8b949e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.copy-button:hover{background:#21262d;color:#c9d1d9;border-color:#8b949e}.copy-button .material-icons{font-size:1rem}.code-content{flex:1;overflow:auto;padding:1rem;margin:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.5;color:#c9d1d9;background:#0d1117}.code-content code{display:block;white-space:pre}.code-editor{flex:1;width:100%;padding:1rem;margin:0;border:none;outline:none;font-family:Consolas,Monaco,Courier New,monospace;font-size:.85rem;line-height:1.5;color:#d4d4d4;background:#1e1e1e;resize:none;overflow:auto;white-space:pre;-moz-tab-size:2;tab-size:2}.code-editor:focus{background:#1e1e1e}.code-content::-webkit-scrollbar{width:10px;height:10px}.code-content::-webkit-scrollbar-track{background:#1e1e1e}.code-content::-webkit-scrollbar-thumb{background:#4a5568;border-radius:5px}.code-content::-webkit-scrollbar-thumb:hover{background:#5a6578}.language-selection{margin-bottom:1.5rem}.language-selection label{display:flex;flex-direction:column;gap:.5rem}.language-selection strong{font-size:.9rem;color:#ccc}.export-language-selector{padding:.75rem;background:#1e1e1e;border:1px solid #3e3e3e;border-radius:6px;color:#fff;font-size:.9rem;cursor:pointer}.export-language-selector:focus{outline:none;border-color:#667eea}.blockly-div{--blockly-zoom: 1}.blockly-zoom-controls{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:.375rem;background:#161b22;padding:.5rem;border-radius:6px;border:1px solid #30363d;z-index:100}.zoom-btn{width:28px;height:28px;padding:0;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.zoom-btn:hover{background:#30363d;border-color:#8b949e}.zoom-btn:active{transform:scale(.95)}.zoom-btn .material-icons{font-size:18px}.zoom-level{font-size:.875rem;color:#8b949e;font-weight:500;min-width:45px;text-align:center}@media (max-width: 1024px){.view-mode-btn .btn-label,.language-label,.view-mode-label{display:none}.header-actions{gap:.3rem}.config-button,.export-button{padding:.5rem .8rem;font-size:.9rem}}@media (max-width: 768px){.builder-header{padding:.75rem;gap:.5rem}.project-name{font-size:1.1rem}.project-name .material-icons{font-size:1.3rem}.back-button{padding:.5rem .8rem;font-size:.9rem}.config-button span:not(.material-icons),.export-button span:not(.material-icons){display:none}.modal-content{min-width:90vw;max-width:90vw;padding:1.5rem}.export-modal{min-width:90vw}}.builder.light .back-button,.builder.light .help-button,.builder.light .clear-button,.builder.light .theme-toggle-btn,.builder.light .language-toggle-btn,.builder.light .config-button{background:transparent;border-color:#d0d7de;color:#24292f}.builder.light .back-button:hover,.builder.light .help-button:hover,.builder.light .theme-toggle-btn:hover,.builder.light .language-toggle-btn:hover,.builder.light .config-button:hover{background:#fff;border-color:#0969da}.builder.light .clear-button{border-color:#cf222e;color:#cf222e}.builder.light .clear-button:hover{background:#cf222e;color:#fff}.builder.light .project-name{color:#24292f}.builder.light .export-button{background:#2da44e;border-color:#2da44e}.builder.light .export-button:hover{background:#2c974b}.builder.light .view-mode-selector{border-color:#d0d7de}.builder.light .view-mode-btn{color:#57606a;border-color:#d0d7de}.builder.light .view-mode-btn:hover{background:#f6f8fa;color:#24292f}.builder.light .view-mode-btn.active{background:#0969da;color:#fff}.builder.light .language-label,.builder.light .view-mode-label{color:#57606a}.builder.light .language-selector{background:#fff;border-color:#d0d7de;color:#24292f}.builder.light .language-selector:hover{border-color:#0969da}.builder.light .code-panel{background:#fff}.builder.light .code-header{background:#f6f8fa;border-bottom-color:#d0d7de;color:#57606a}.builder.light .code-content{background:#fff;color:#24292f}.builder.light .copy-button{border-color:#d0d7de;color:#57606a}.builder.light .copy-button:hover{background:#f6f8fa;color:#24292f;border-color:#0969da}.builder.light .resize-handle{background:#f6f8fa;border-color:#d0d7de}.builder.light .resize-handle:hover{background:#fff}.builder.light .resize-handle-line{background:#d0d7de}.builder.light .resize-handle:hover .resize-handle-line{background:#0969da}.builder.light .blockly-zoom-controls{background:#f6f8fa;border-color:#d0d7de}.builder.light .zoom-btn{background:#fff;border-color:#d0d7de;color:#24292f}.builder.light .zoom-btn:hover{background:#f6f8fa;border-color:#0969da}.builder.light .zoom-level{color:#57606a}.builder.light .modal{background:#00000080}.builder.light .modal-content{background:#fff;border-color:#d0d7de}.builder.light .modal-content h3{color:#24292f}.builder.light .modal-description{color:#57606a}.builder.light .config-form label{color:#24292f}.builder.light .config-form input{background:#fff;border-color:#d0d7de;color:#24292f}.builder.light .config-form input:hover{border-color:#0969da}.builder.light .config-form input:focus{border-color:#0969da;box-shadow:0 0 0 3px #0969da1a}.builder.light .platform-option{background:#f6f8fa;border-color:#d0d7de}.builder.light .platform-option:has(input:checked){border-color:#0969da;background:#0969da1a}.builder.light .platform-label strong{color:#24292f}.builder.light .platform-label small{color:#57606a}.builder.light .platform-icon{color:#0969da}.builder.light .close-button,.builder.light .confirm-button{background:#2da44e;border-color:#2da44e}.builder.light .close-button:hover,.builder.light .confirm-button:hover{background:#2c974b}.builder.light .cancel-button{background:transparent;border-color:#d0d7de;color:#24292f}.builder.light .cancel-button:hover{background:#f6f8fa;border-color:#0969da}.builder.light .config-warning{background:#ff98001a;border-color:#ff98004d}.builder.light .config-warning .material-icons{color:#bf8700}.builder.light .config-warning p{color:#9a6700}.builder.light .config-warning strong{color:#7d4e00}.builder.light .blocklyToolboxDiv{background-color:#f6f8fa!important;border-right:1px solid #d0d7de!important}.builder.light .blocklyTreeRow{color:#24292f!important;background-color:transparent!important}.builder.light .blocklyTreeLabel{color:#24292f!important}.builder.light .blocklyTreeRow:not(.blocklyTreeSelected):hover{background-color:transparent!important}.builder.light .blocklyTreeRow:not(.blocklyTreeSelected):hover .blocklyTreeRowContentContainer{background-color:#eaeef2!important}.builder.light .blocklyTreeRowContentContainer{color:#24292f!important}.builder.light .blocklyTreeIcon{color:#57606a!important}.builder.light .blocklyFlyoutBackground{fill:#fff!important;fill-opacity:.95!important}.builder.light .blocklyMainBackground{fill:#f6f8fa!important}.builder:not(.light) .blocklyMainBackground{fill:#0d1117!important}.builder.light .blocklyScrollbarBackground{fill:#d0d7de!important}.builder.light .blocklyScrollbarHandle{fill:#8b949e!important}.builder.light .blocklyText{fill:#24292f!important}.builder.light .blocklyNonEditableText>text{fill:#24292f!important}.builder.light .blocklyEditableText>text{fill:#24292f!important}.builder.light .blocklyDropDownDiv{background-color:#fff!important;border:1px solid #d0d7de!important}.builder.light .blocklyWidgetDiv .goog-menuitem{color:#24292f!important}.builder.light .blocklyWidgetDiv .goog-menuitem-highlight{background-color:#f6f8fa!important}.builder.light .blocklyTreeSelected>.blocklyTreeRowContentContainer{background-color:#ddf4ff!important;border-radius:6px!important}.builder.light .blocklyTreeSelected .blocklyTreeLabel{color:#0969da!important;font-weight:600!important}.builder.light .blocklyTreeSelected .blocklyTreeIcon{color:#0969da!important}.builder.light .blocklyTreeRow{padding:3px 0!important;background-color:transparent!important;margin:0!important}.builder.light .blocklyTreeRowContentContainer{padding:8px 12px!important;margin:1px 8px!important;border-radius:6px!important;transition:all .2s ease!important;background-color:transparent!important}.builder.light .blocklyFlyoutLabelText{fill:#57606a!important;font-weight:600!important}.builder.light .blocklyTrash{opacity:.7}.builder.light .blocklyTrash:hover{opacity:1}.builder.light .blocklyZoom{opacity:.8}.builder.light .blocklyGridPattern line{stroke:#d0d7de!important;stroke-opacity:.2!important}.builder:not(.light) .blocklyGridPattern line{stroke:#21262d!important;stroke-opacity:.3!important}.builder.light .blocklyContextMenu{background-color:#fff!important;border:1px solid #d0d7de!important;box-shadow:0 8px 24px #0000001f!important}.builder.light .blocklyMenuItem{color:#24292f!important}.builder.light .blocklyMenuItem:hover{background-color:#f6f8fa!important}.builder.light .blocklyMenuItemDisabled{color:#8b949e!important}.builder.light .blocklyHtmlInput{background-color:#fff!important;border:1px solid #d0d7de!important;color:#24292f!important}.builder.light .blocklyDropdownMenu{background-color:#fff!important;border:1px solid #d0d7de!important}.builder.light .blocklyDropdownMenu .blocklyMenuItem{color:#24292f!important}.builder.light .blocklyDropdownMenu .blocklyMenuItemHighlight{background-color:#f6f8fa!important}.builder:not(.light) .blocklyToolboxDiv{background-color:#161b22!important;border-right:1px solid #30363d!important}.builder:not(.light) .blocklyTreeRow{color:#c9d1d9!important;padding:3px 0!important;background-color:transparent!important;margin:0!important}.builder:not(.light) .blocklyTreeLabel{color:#c9d1d9!important}.builder:not(.light) .blocklyTreeIcon{color:#8b949e!important}.builder:not(.light) .blocklyTreeRowContentContainer{padding:8px 12px!important;margin:1px 8px!important;border-radius:6px!important;transition:all .2s ease!important;background-color:transparent!important}.builder:not(.light) .blocklyTreeRow:not(.blocklyTreeSelected):hover{background-color:transparent!important}.builder:not(.light) .blocklyTreeRow:not(.blocklyTreeSelected):hover .blocklyTreeRowContentContainer{background-color:#21262d!important}.builder:not(.light) .blocklyTreeSelected>.blocklyTreeRowContentContainer{background-color:#388bfd26!important}.builder:not(.light) .blocklyTreeSelected .blocklyTreeLabel{color:#58a6ff!important;font-weight:600!important}.builder:not(.light) .blocklyTreeSelected .blocklyTreeIcon{color:#58a6ff!important}.blocklyTreeIcon{font-family:Material Icons!important;font-size:20px!important;width:24px!important;height:24px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-right:8px!important}.blocklyTreeRow .blocklyTreeIcon:before{content:attr(data-icon)!important;font-family:Material Icons!important;font-size:20px!important}.blocklyTreeRow[aria-label*=トリガー] .blocklyTreeIcon:before,.blocklyTreeRow[aria-label*=Trigger] .blocklyTreeIcon:before{content:"flash_on"!important}.blocklyTreeRow[aria-label*=実行] .blocklyTreeIcon:before,.blocklyTreeRow[aria-label*=Action] .blocklyTreeIcon:before{content:"play_arrow"!important}.blocklyTreeRow[aria-label*=条件] .blocklyTreeIcon:before,.blocklyTreeRow[aria-label*=Condition] .blocklyTreeIcon:before{content:"call_split"!important}.blocklyTreeRow[aria-label*=変数] .blocklyTreeIcon:before,.blocklyTreeRow[aria-label*=Variable] .blocklyTreeIcon:before{content:"data_object"!important}.blocklyTreeRow[aria-label*=Discord情報] .blocklyTreeIcon:before,.blocklyTreeRow[aria-label*="Discord Info"] .blocklyTreeIcon:before{content:"info"!important}.blocklyTreeRow[aria-label*=テキスト] .blocklyTreeIcon:before,.blocklyTreeRow[aria-label*=Text] .blocklyTreeIcon:before{content:"text_fields"!important}.blocklyTreeRow[aria-label*=コンポーネント] .blocklyTreeIcon:before,.blocklyTreeRow[aria-label*=Component] .blocklyTreeIcon:before{content:"widgets"!important}.blocklyTreeRow[aria-label*=データ保存] .blocklyTreeIcon:before,.blocklyTreeRow[aria-label*=Storage] .blocklyTreeIcon:before{content:"save"!important}.blocklyTreeRow[aria-label*=ループ] .blocklyTreeIcon:before,.blocklyTreeRow[aria-label*=Loop] .blocklyTreeIcon:before{content:"loop"!important}.blocklyTreeRow[aria-label*=数学] .blocklyTreeIcon:before,.blocklyTreeRow[aria-label*=Math] .blocklyTreeIcon:before{content:"calculate"!important}.blocklyTreeRow[aria-label*=論理] .blocklyTreeIcon:before,.blocklyTreeRow[aria-label*=Logic] .blocklyTreeIcon:before{content:"psychology"!important}.wiki{width:100%;height:100vh;display:flex;flex-direction:column;background:#0d1117;color:#c9d1d9;transition:background .3s ease,color .3s ease}.wiki.light{background:#fff;color:#24292f}.wiki-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#161b22;border-bottom:1px solid #30363d;flex-shrink:0}.wiki.light .wiki-header{background:#f6f8fa;border-bottom-color:#d0d7de}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.back-button:hover{background:#21262d;border-color:#8b949e}.wiki.light .back-button{border-color:#d0d7de;color:#24292f}.wiki.light .back-button:hover{background:#fff;border-color:#0969da}.wiki-title{flex:1;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.75rem;margin:0}.wiki-logo{width:2rem;height:2rem;color:#58a6ff}.header-actions{display:flex;gap:.5rem}.language-toggle-btn,.theme-toggle-btn{padding:.5rem .75rem;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem}.language-toggle-btn:hover,.theme-toggle-btn:hover{background:#30363d;border-color:#8b949e}.wiki.light .language-toggle-btn,.wiki.light .theme-toggle-btn{background:#fff;border-color:#d0d7de;color:#24292f}.wiki.light .language-toggle-btn:hover,.wiki.light .theme-toggle-btn:hover{background:#f6f8fa;border-color:#0969da}.theme-toggle-btn{padding:.5rem}.wiki-container{display:flex;flex:1;overflow:hidden}.wiki-sidebar{width:280px;background:#161b22;border-right:1px solid #30363d;overflow-y:auto;flex-shrink:0}.wiki.light .wiki-sidebar{background:#f6f8fa;border-right-color:#d0d7de}.wiki-nav{padding:1rem;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:6px;color:#8b949e;cursor:pointer;font-size:.875rem;font-weight:500;text-align:left;transition:all .2s;width:100%}.nav-item:hover{background:#21262d;color:#c9d1d9}.nav-item.active{background:#388bfd1a;color:#58a6ff}.wiki.light .nav-item{color:#57606a}.wiki.light .nav-item:hover{background:#fff;color:#24292f}.wiki.light .nav-item.active{background:#ddf4ff;color:#0969da}.nav-item .material-icons{font-size:1.25rem}.wiki-content{flex:1;overflow-y:auto;padding:2rem}.wiki-article{max-width:900px;margin:0 auto}.wiki-article h2{font-size:2rem;margin-bottom:1.5rem;color:#c9d1d9;border-bottom:1px solid #30363d;padding-bottom:.5rem}.wiki.light .wiki-article h2{color:#24292f;border-bottom-color:#d0d7de}.article-content{line-height:1.8;font-size:1rem}.article-content h3{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:#c9d1d9}.wiki.light .article-content h3{color:#24292f}.article-content h4{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem;color:#c9d1d9}.wiki.light .article-content h4{color:#24292f}.article-content p{margin-bottom:1rem;color:#8b949e}.wiki.light .article-content p{color:#57606a}.article-content ul,.article-content ol{margin-bottom:1rem;padding-left:2rem;color:#8b949e}.wiki.light .article-content ul,.wiki.light .article-content ol{color:#57606a}.article-content li{margin-bottom:.5rem}.article-content code{padding:.2rem .4rem;background:#161b22;border:1px solid #30363d;border-radius:3px;font-family:Courier New,monospace;font-size:.875rem;color:#f85149}.wiki.light .article-content code{background:#f6f8fa;border-color:#d0d7de;color:#cf222e}.article-content pre{padding:1rem;background:#161b22;border:1px solid #30363d;border-radius:6px;overflow-x:auto;margin-bottom:1rem}.wiki.light .article-content pre{background:#f6f8fa;border-color:#d0d7de}.article-content pre code{background:transparent;border:none;padding:0;color:#c9d1d9}.wiki.light .article-content pre code{color:#24292f}.article-content blockquote{margin:1rem 0;padding:.5rem 1rem;border-left:4px solid #58a6ff;background:#161b22;color:#8b949e}.wiki.light .article-content blockquote{background:#f6f8fa;border-left-color:#0969da;color:#57606a}.article-content a{color:#58a6ff;text-decoration:none}.article-content a:hover{text-decoration:underline}.wiki.light .article-content a{color:#0969da}.article-content img{max-width:100%;border-radius:6px;margin:1rem 0}.article-content table{width:100%;border-collapse:collapse;margin:1rem 0}.article-content th,.article-content td{padding:.75rem;border:1px solid #30363d;text-align:left}.wiki.light .article-content th,.wiki.light .article-content td{border-color:#d0d7de}.article-content th{background:#161b22;font-weight:600;color:#c9d1d9}.wiki.light .article-content th{background:#f6f8fa;color:#24292f}@media (max-width: 768px){.wiki-sidebar{position:fixed;left:-280px;top:0;height:100vh;z-index:100;transition:left .3s ease}.wiki-sidebar.open{left:0}.wiki-content{padding:1rem}.wiki-article h2{font-size:1.5rem}.article-content h3{font-size:1.25rem}.article-content h4{font-size:1.1rem}}.hero-banner{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin:2rem 0 3rem;padding:2rem;background:linear-gradient(135deg,#58a6ff1a,#8b5cf61a);border-radius:12px;border:1px solid rgba(88,166,255,.2)}.wiki.light .hero-banner{background:linear-gradient(135deg,#2563eb0d,#8b5cf60d);border-color:#2563eb33}.hero-text h3{font-size:2rem;margin-bottom:1rem;color:#58a6ff}.wiki.light .hero-text h3{color:#0969da}.hero-text p{font-size:1.125rem;line-height:1.6;color:#8b949e}.wiki.light .hero-text p{color:#57606a}.mockup-browser{background:#161b22;border-radius:8px;overflow:hidden;border:1px solid #30363d;box-shadow:0 8px 24px #0000004d}.wiki.light .mockup-browser{background:#fff;border-color:#d0d7de;box-shadow:0 8px 24px #0000001a}.browser-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#0d1117;border-bottom:1px solid #30363d}.wiki.light .browser-header{background:#f6f8fa;border-bottom-color:#d0d7de}.browser-dots{display:flex;gap:.5rem}.browser-dots span{width:12px;height:12px;border-radius:50%;background:#30363d}.wiki.light .browser-dots span{background:#d0d7de}.browser-dots span:nth-child(1){background:#f85149}.browser-dots span:nth-child(2){background:#ffa657}.browser-dots span:nth-child(3){background:#56d364}.browser-url{flex:1;padding:.375rem .75rem;background:#0d1117;border:1px solid #30363d;border-radius:6px;font-size:.875rem;color:#8b949e;text-align:center}.wiki.light .browser-url{background:#fff;border-color:#d0d7de;color:#57606a}.browser-content{padding:0;min-height:200px;display:flex;align-items:center;justify-content:center;background:#0d1117;overflow:hidden}.wiki.light .browser-content{background:#f6f8fa}.hero-blockly-workspace{width:100%;height:100%}.hero-blockly-workspace .blocklyMainBackground{stroke:none!important}.hero-blockly-workspace .blocklyScrollbarHandle{display:none!important}.preview-blockly-workspace{width:100%;height:100%}.preview-blockly-workspace .blocklyMainBackground{stroke:none!important}.preview-blockly-workspace .blocklyScrollbarHandle{display:none!important}.blockly-mockup{display:flex;flex-direction:column;gap:0;position:relative}.block{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:13px;font-weight:500;box-shadow:0 1px 3px #0000004d;animation:fadeInUp .5s ease-out;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:40px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.event-block{background:#ff6b6b;color:#fff;border-radius:8px 8px 0 0;padding-top:.75rem;position:relative}.event-block:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);width:48px;height:12px;background:#ff6b6b;border-radius:12px 12px 0 0;box-shadow:0 -1px 2px #0003}.action-block{background:#4ecdc4;color:#fff;margin-left:2rem;border-radius:8px;position:relative;margin-top:4px}.action-block:before{content:"";position:absolute;top:-4px;left:16px;width:16px;height:8px;background:#4ecdc4;clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 50%)}.action-block:after{content:"";position:absolute;bottom:-4px;left:16px;width:16px;height:8px;background:#4ecdc4;clip-path:polygon(0 50%,50% 0,100% 50%,100% 100%,0 100%)}.block-icon{font-size:1.125rem;line-height:1}.block-text{flex:1;line-height:1.4}.steps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem;max-width:900px}.step-card{padding:1.5rem;background:#161b22;border:1px solid #30363d;border-radius:8px;transition:all .3s ease}.wiki.light .step-card{background:#f6f8fa;border-color:#d0d7de}.step-card:hover{border-color:#58a6ff;transform:translateY(-4px);box-shadow:0 8px 16px #58a6ff33}.wiki.light .step-card:hover{border-color:#0969da;box-shadow:0 8px 16px #0969da1a}.step-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#58a6ff,#8b5cf6);color:#fff;border-radius:50%;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.step-card h4{font-size:1.125rem;margin-bottom:.5rem;color:#c9d1d9}.wiki.light .step-card h4{color:#24292f}.step-card p{font-size:.875rem;color:#8b949e;line-height:1.6}.wiki.light .step-card p{color:#57606a}.section-intro{font-size:1.125rem;color:#8b949e;margin-bottom:2rem;line-height:1.6}.wiki.light .section-intro{color:#57606a}.block-types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem;max-width:900px}@media (max-width: 768px){.block-types-grid{grid-template-columns:1fr}}.block-type-card{padding:1.5rem;border-radius:12px;border:2px solid;transition:all .3s ease;background:#161b22}.wiki.light .block-type-card{background:#fff}.block-type-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0003}.event-card{border-color:#ff6b6b}.event-card:hover{box-shadow:0 12px 24px #ff6b6b4d}.action-card{border-color:#4ecdc4}.action-card:hover{box-shadow:0 12px 24px #4ecdc44d}.condition-card{border-color:#ffe66d}.condition-card:hover{box-shadow:0 12px 24px #ffe66d4d}.variable-card{border-color:#a8dadc}.variable-card:hover{box-shadow:0 12px 24px #a8dadc4d}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.card-icon{font-size:2rem}.card-header h3{font-size:1.25rem;margin:0;color:#c9d1d9}.wiki.light .card-header h3{color:#24292f}.block-type-card>p{color:#8b949e;margin-bottom:1.5rem;line-height:1.6}.wiki.light .block-type-card>p{color:#57606a}.block-examples{display:flex;flex-direction:column;gap:.5rem}.example-block{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:13px;font-weight:500;color:#fff;transition:all .2s ease;box-shadow:0 1px 3px #0000004d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:36px;position:relative}.example-block:hover{transform:translate(4px);box-shadow:0 2px 6px #0006}.example-block.event-block{background:#ff6b6b;border-radius:8px}.example-block.action-block{background:#4ecdc4;border-radius:8px}.example-block.condition-block{background:#ffe66d;color:#000;border-radius:8px}.example-block.variable-block{background:#a8dadc;color:#000;border-radius:8px}.example-block .block-icon{font-size:1.125rem;line-height:1}@media (max-width: 1024px){.hero-banner{grid-template-columns:1fr;gap:2rem}.hero-text h3{font-size:1.5rem}.steps-grid,.block-types-grid{grid-template-columns:1fr}}@media (max-width: 768px){.hero-banner{padding:1.5rem}.hero-text h3{font-size:1.25rem}.hero-text p{font-size:1rem}.browser-content{padding:1rem}.steps-grid{grid-template-columns:1fr}}.block-preview{margin-top:1.5rem;padding:1.5rem;background:#0000000d;border-radius:8px;display:flex;justify-content:center}.wiki.light .block-preview{background:#00000005}.blockly-block{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500;box-shadow:0 2px 4px #0000004d;cursor:pointer;transition:all .2s ease;max-width:280px}.blockly-block:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0006}.event-blockly{background:#ff6b6b;color:#fff;border-radius:0 0 8px 8px}.block-hat{height:16px;background:#ff6b6b;border-radius:16px 16px 0 0;margin:0 auto -16px;width:80px;position:relative;top:-16px}.action-blockly{background:#4ecdc4;color:#fff;border-radius:8px}.block-notch-top{height:4px;background:#4ecdc4;position:relative}.block-notch-top:before{content:"";position:absolute;left:16px;top:-4px;width:16px;height:8px;background:#4ecdc4;clip-path:polygon(0 100%,20% 0,80% 0,100% 100%)}.block-notch-bottom{height:4px;background:#4ecdc4;position:relative}.block-notch-bottom:after{content:"";position:absolute;left:16px;bottom:-4px;width:16px;height:8px;background:#4ecdc4;clip-path:polygon(0 0,20% 100%,80% 100%,100% 0)}.condition-blockly{background:#ffe66d;color:#000;border-radius:8px}.variable-blockly{background:#a8dadc;color:#000;border-radius:8px}.output-block{border-radius:8px 0 0 8px}.block-output-notch{position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:#a8dadc;border-radius:0 8px 8px 0}.block-body{padding:8px 12px;display:flex;align-items:center;gap:8px;min-height:36px}.block-label{flex:1;line-height:1.4}.block-input{display:flex;align-items:center;gap:4px}.input-socket{width:16px;height:16px;background:#0003;border-radius:8px 0 0 8px;position:relative}.input-socket:before{content:"";position:absolute;right:-8px;top:0;width:16px;height:16px;background:#0003;border-radius:0 8px 8px 0}.input-socket.boolean{border-radius:50%;background:#00000026}.input-socket.boolean:before{display:none}.block-statement{position:relative;min-height:24px;margin:4px 0 4px 16px}.statement-notch{position:absolute;left:0;top:4px;width:16px;height:8px;background:#00000026;clip-path:polygon(0 100%,20% 0,80% 0,100% 100%)}.statement-inner{padding:8px 12px 8px 20px;background:#0000001a;border-radius:0 4px 4px 0;min-height:32px;display:flex;align-items:center}.statement-label{font-size:12px;opacity:.7}@media (max-width: 768px){.block-preview{padding:1rem}.blockly-block{max-width:100%}}.app{width:100%;min-height:100vh}.app.builder-page{height:100vh;overflow:hidden}.app.landing-page{min-height:100vh;overflow:auto}.app.wiki-page{height:100vh;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1e1e1e;color:#fff}#root{width:100vw;height:100vh}.material-icons,.material-symbols-outlined{vertical-align:middle;-webkit-user-select:none;user-select:none}.blocklyTreeLabel{font-size:14px!important;font-weight:500!important}.blocklyFlyoutBackground{fill-opacity:.95!important}.blocklyToolboxDiv{border-right:1px solid #3e3e3e!important;background-color:#2d2d2d!important}.blocklyTreeRow{padding:10px 12px!important;height:auto!important;min-height:40px!important;cursor:pointer!important}.blocklyTreeRow:hover{background-color:#667eea33!important}.blocklyTreeSelected{background-color:#667eea!important}.blocklyFlyoutLabel{fill:#888!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important}.blocklyFlyoutLabelText{fill:#888!important;font-size:11px!important;font-weight:600!important}