:root{--bg-color: #1a1a2e;--card-bg: rgba(30, 30, 30, .95);--primary: #FF6B6B;--primary-hover: #EE5253;--secondary: #4ECDC4;--secondary-hover: #45B7AF;--accent: #FFE66D;--text-color: #ecf0f1;--console-bg: #000000;--console-text: #00ff9d;--border-radius: 16px;--editor-bg: #1e1e1e;--gutter-bg: #11111f;--gutter-text: #7f8c8d;--gutter-border: #2c3e50;--canvas-bg: #f0f0f0;--canvas-border: #333;--doc-code-bg: #11111f;--doc-inline-code: #2d3436;--hover-bg: #1e3a5f}body.light-theme{--bg-color: #f0f2f5;--card-bg: rgba(255, 255, 255, .95);--text-color: #2d3436;--console-bg: #2d3436;--editor-bg: #FFFFFF;--gutter-bg: #f5f6fa;--gutter-text: #a4b0be;--gutter-border: #dfe6e9;--canvas-bg: #ffffff;--canvas-border: #dfe6e9;--doc-code-bg: #f1f2f6;--doc-inline-code: #dfe6e9;--hover-bg: #dfe6e9}*{box-sizing:border-box}body{font-family:Fredoka,Segoe UI,sans-serif;background-color:var(--bg-color);background-image:radial-gradient(rgba(255,255,255,.1) 2px,transparent 3px),radial-gradient(rgba(255,255,255,.1) 1px,transparent 2px);background-size:550px 550px,350px 350px;color:var(--text-color);margin:0;padding:40px;display:flex;justify-content:center;min-height:100vh;transition:background-color .3s ease,color .3s ease}.container{width:100%;max-width:1200px;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;border-radius:24px;box-shadow:0 20px 50px #0000004d;border:none;transition:background .3s ease}header{text-align:center;margin-bottom:3rem}h1{color:var(--primary);font-size:3rem;margin-bottom:.5rem;text-shadow:3px 3px 0px rgba(0,0,0,.1)}p{color:#636e72;font-size:1.2rem}main{display:grid;grid-template-columns:1fr;gap:3rem}.editor-section{display:flex;flex-direction:column;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1)}.output-section{display:none!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.editor-container{position:relative;width:100%;height:500px}.editor-layer{position:absolute;top:0;left:0;width:100%;height:100%;padding:24px;font-family:Consolas,Courier New,monospace;font-size:16px;border:3px solid transparent;border-radius:var(--border-radius);margin:0;white-space:pre!important;word-wrap:normal!important;overflow:auto;background:transparent;line-height:1.5;text-align:left;box-sizing:border-box;box-shadow:inset 0 2px 5px #0000000d}textarea,.highlight-layer{font-family:Consolas,Courier New,monospace!important;font-size:16px!important;line-height:24px!important;letter-spacing:0px!important;font-weight:400!important;font-variant-ligatures:none!important;-webkit-font-smoothing:antialiased;padding:24px!important;width:100%!important;height:100%!important;box-sizing:border-box!important;border-width:3px!important;tab-size:4!important;-moz-tab-size:4!important;white-space:pre!important;overflow-wrap:normal!important;word-wrap:normal!important;overflow-x:auto!important}.editor-wrapper{display:flex;position:relative;width:100%;height:500px;background:var(--card-bg);border:1px solid #dfe6e9;border-radius:var(--border-radius);overflow:hidden;box-shadow:inset 0 2px 10px #00000008}.line-numbers{flex-shrink:0;width:40px;background-color:var(--gutter-bg);color:var(--gutter-text);text-align:right;padding:24px 8px;font-family:Fira Code,Consolas,monospace;font-size:16px;line-height:24px;border-right:1px solid var(--gutter-border);-webkit-user-select:none;user-select:none;overflow:hidden}.editor-container{flex-grow:1;position:relative;width:auto;height:100%;border:none;border-radius:0}textarea,.highlight-layer{border:none!important;border-radius:0!important}.highlight-layer{z-index:0;color:var(--text-color);background-color:var(--editor-bg);border-color:#dfe6e9}textarea{z-index:1;color:transparent!important;background-color:transparent!important;caret-color:var(--text-color)}.token.ws-space{position:relative}.token.ws-space:before{content:"·";position:absolute;color:#636e72;opacity:.3;pointer-events:none;left:50%;transform:translate(-50%)}.token.ws-tab{position:relative}.token.ws-tab:before{content:"→";position:absolute;color:#636e72;opacity:.3;pointer-events:none;left:0;width:100%;text-align:center}textarea{z-index:2;color:transparent!important;-webkit-text-fill-color:transparent;caret-color:var(--text-color);background:transparent!important;resize:none;overflow:auto}textarea:focus{border-color:transparent;outline:none}textarea::selection{color:transparent;background:#4ecdc44d}.editor-container:focus-within .highlight-layer{border-color:var(--secondary)}.controls{margin-top:0;margin-bottom:1rem;display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}select{padding:1rem;border:2px solid #f1f2f6;background-color:#f8f9fa;border-radius:12px;font-family:Fredoka,sans-serif;font-size:1rem;cursor:pointer;flex-grow:2;color:#636e72;transition:all .2s}select:hover,select:focus{border-color:var(--secondary);outline:none}button{background:linear-gradient(135deg,var(--secondary) 0%,var(--secondary-hover) 100%);color:#fff;border:none;padding:.9rem 1.8rem;border-radius:12px;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #4ecdc44d,0 2px 6px #4ecdc433;flex-grow:1;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}button:hover:before{width:300px;height:300px}button:active{transform:translateY(2px);box-shadow:0 2px 5px #4ecdc466}button:hover{background:linear-gradient(135deg,var(--secondary-hover) 0%,var(--secondary) 100%);transform:translateY(-3px);box-shadow:0 6px 20px #4ecdc466,0 3px 10px #4ecdc44d}button.secondary{background:transparent;color:var(--primary);border:2px solid var(--primary);box-shadow:none}button.secondary:before{display:none}button.secondary:hover{background:#ff6b6b1a;color:var(--primary);border-color:var(--primary);box-shadow:0 0 12px #ff6b6b4d}button#runBtn{background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 4px 12px #2ecc714d,0 2px 6px #2ecc7133}button#runBtn:hover{background:linear-gradient(135deg,#27ae60,#2ecc71);transform:translateY(-3px);box-shadow:0 6px 20px #2ecc7166,0 3px 10px #2ecc714d}h2{color:var(--text-color);margin-top:0}.console .log{margin-bottom:.8rem;border-bottom:1px solid #444;padding-bottom:.4rem}.placeholder{color:#636e72;font-style:italic;opacity:.7}.console{background-color:var(--console-bg);color:var(--console-text);padding:1.5rem;border-radius:var(--border-radius);height:300px;overflow-y:auto;font-family:Fira Code,monospace;font-size:.95rem;white-space:pre-wrap;box-shadow:inset 0 2px 10px #0003;border:none}canvas#tortuga{border:1px solid var(--canvas-border)!important;border-radius:var(--border-radius);background:var(--canvas-bg)!important;box-shadow:0 10px 30px #0000001a;width:100%;height:auto;aspect-ratio:1/1;max-height:500px}.output-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid var(--gutter-border);padding-bottom:0}.output-tab-btn{background:transparent;border:none;border-bottom:3px solid transparent;padding:.75rem 1.5rem;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;color:var(--gutter-text);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px 8px 0 0;flex-grow:0;box-shadow:none;position:relative;margin-bottom:-2px}.output-tab-btn:before{display:none}.output-tab-btn:hover{background:#4ecdc41a;color:var(--secondary);transform:translateY(0);box-shadow:none}.output-tab-btn.active{background:transparent;color:var(--secondary);border-bottom-color:var(--secondary);box-shadow:none}.output-content{position:relative;min-height:400px}.output-tab-pane{display:none;animation:fadeIn .3s ease-in-out}.output-tab-pane.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#console-tab .console{height:450px;margin-bottom:0}#console-tab{height:100%}#canvas-tab{display:flex;justify-content:center;align-items:center;padding:1rem}.output-modal-content{max-width:900px;width:90%;max-height:85vh;padding:2rem;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.output-modal-content h2{margin-top:0;margin-bottom:1.5rem;color:var(--secondary);font-size:1.5rem}.output-modal-content .output-content{min-height:500px;max-height:60vh}.output-tab-pane{display:none!important}.output-tab-pane.active{display:block!important}.modal-console{height:500px;max-height:60vh}#modal-canvas-tab{justify-content:center;align-items:center;padding:2rem;min-height:500px}#modal-canvas-tab.active{display:flex!important}#modal-tortuga{max-width:100%;max-height:60vh;border:2px solid var(--canvas-border);border-radius:var(--border-radius);background:var(--canvas-bg);box-shadow:0 8px 24px #00000026}.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:var(--card-bg);margin:5% auto;padding:2.5rem;border:4px solid var(--text-color);width:90%;max-width:900px;border-radius:var(--border-radius);position:relative;box-shadow:0 10px 25px #0000004d;font-family:Fredoka,sans-serif}.close-btn{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer;line-height:1}.close-btn:hover,.close-btn:focus{color:var(--primary);text-decoration:none;cursor:pointer}.docs-body h3{color:var(--secondary);border-bottom:2px solid #eee;padding-bottom:.5rem;margin-top:1.5rem}.docs-body pre{background:var(--doc-code-bg);padding:1rem;border-radius:8px;font-family:Fira Code,monospace;font-size:.9rem;color:var(--text-color)}.docs-body ul{list-style-type:none;padding:0}.docs-body li code{background:var(--doc-inline-code);padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;color:var(--primary)}.tab-btn{background:transparent;border:none;font-family:Fredoka,sans-serif;font-size:.95rem;padding:10px 18px;cursor:pointer;border-radius:8px;color:#95a5a6;font-weight:600;white-space:nowrap;box-shadow:none;flex-shrink:0;transition:all .2s ease}.tab-btn:hover{background:var(--hover-bg);color:var(--secondary)}.tab-btn.active{background:var(--secondary);color:#fff;box-shadow:0 4px #2a9d8f}.try-btn:hover{transform:translateY(-50%);background-color:var(--primary-hover);box-shadow:0 3px #c0392b}.tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #eee;padding-bottom:10px;overflow-x:auto}.tab-pane{display:none;animation:fadeIn .3s}.tab-pane.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.code-block-wrapper{position:relative;margin-bottom:1rem}.code-block-wrapper pre{margin:0;padding-right:90px;border:2px solid #eee}.try-btn{position:absolute;top:50%;right:10px;transform:translateY(-50%);padding:6px 12px;font-size:.8rem;background-color:var(--primary);box-shadow:0 2px #c0392b;flex-grow:0}.try-btn:active{transform:translateY(-50%) translateY(2px);box-shadow:none}.token.keyword{color:#e91e63}.token.number{color:#d35400}.token.string{color:#27ae60}.token.comment{color:#95a5a6;font-style:italic}.token.function{color:#2980b9}.token.builtin{color:#e67e22}.challenge{background-color:#fff3e0;border-left:4px solid #f39c12;padding:1rem;margin-top:1rem;border-radius:4px;font-size:.95rem;color:#d35400}.challenge-card{background:var(--doc-code-bg);border:1px solid var(--canvas-border);border-left:4px solid var(--accent);border-radius:8px;padding:16px;margin-bottom:16px;transition:transform .2s,box-shadow .2s;color:var(--text-color)}.challenge-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--secondary)}.challenge-card h4{margin:0 0 8px;color:var(--accent)}.challenge-card pre{background:var(--bg-color);padding:10px;border-radius:4px;border:1px solid var(--canvas-border);margin-top:10px;white-space:pre-wrap;font-family:Consolas,monospace;color:var(--text-color)}details{margin-bottom:16px;border:1px solid var(--canvas-border);border-radius:8px;padding:8px;background:var(--card-bg);color:var(--text-color)}details[open]{background:var(--hover-bg)}summary{cursor:pointer;font-weight:700;padding:8px;-webkit-user-select:none;user-select:none;border-radius:4px;color:var(--text-color)}summary:hover{background-color:var(--doc-inline-code)}.tabs::-webkit-scrollbar{height:6px}.tabs::-webkit-scrollbar-track{background:var(--gutter-bg);border-radius:4px}.tabs::-webkit-scrollbar-thumb{background:var(--gutter-text);border-radius:4px}.tabs::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.tab-btn.special-tab{border:2px solid var(--accent);color:var(--accent);margin-left:auto}.tab-btn.special-tab:hover{background-color:var(--hover-bg)}.tab-btn.special-tab.active{background-color:var(--accent);color:#2d3436;border-color:var(--accent);box-shadow:0 4px 10px #ffe66d66}@media screen and (max-width:768px){body{padding:20px}.container{padding:2rem;border-radius:16px}h1{font-size:2.2rem}p{font-size:1rem}.editor-wrapper,.editor-container{height:400px}textarea,.highlight-layer{font-size:14px!important;line-height:20px!important;padding:16px!important}.line-numbers{padding:16px 6px;font-size:14px;line-height:20px;width:35px}.controls{flex-direction:column;gap:.5rem}button,select{width:100%;flex-grow:1}.modal-content{width:95%;padding:1.5rem;margin:10% auto}.output-modal-content{width:95%;padding:1.5rem}.output-modal-content h2{font-size:1.2rem}.tabs{gap:5px;flex-wrap:nowrap;overflow-x:auto}.tab-btn{font-size:.85rem;padding:8px 12px;white-space:nowrap}.output-tab-btn{font-size:.9rem;padding:.6rem 1rem}.docs-body h3{font-size:1.3rem}.docs-body pre{font-size:.8rem;padding:.8rem;overflow-x:auto}.code-block-wrapper pre{padding-right:10px;font-size:.8rem}.try-btn{position:static;transform:none;margin-top:.5rem;width:100%;display:block}.try-btn:hover,.try-btn:active{transform:none}.console{height:250px;font-size:.85rem}.modal-console{height:350px}canvas#tortuga{max-height:350px}#modal-tortuga{max-height:50vh}.challenge-card{padding:12px}.challenge-card h4{font-size:1rem}table{font-size:.8rem}table th,table td{padding:.4rem!important}}@media screen and (max-width:480px){body{padding:10px}.container{padding:1.5rem;border-radius:12px}h1{font-size:1.8rem;text-shadow:2px 2px 0px rgba(0,0,0,.1)}p{font-size:.9rem}.editor-wrapper,.editor-container{height:300px}textarea,.highlight-layer{font-size:12px!important;line-height:18px!important;padding:12px!important}.line-numbers{padding:12px 4px;font-size:12px;line-height:18px;width:30px}button{padding:.8rem 1.2rem;font-size:.9rem}select{padding:.8rem;font-size:.9rem}.modal-content{width:98%;padding:1rem;margin:5% auto;border-width:2px}.output-modal-content{width:98%;padding:1rem}.output-modal-content h2{font-size:1.1rem;margin-bottom:1rem}.close-btn{font-size:24px}.tab-btn{font-size:.75rem;padding:6px 10px}.output-tab-btn{font-size:.85rem;padding:.5rem .8rem}.docs-body h3{font-size:1.1rem}.docs-body h4{font-size:1rem}.docs-body p{font-size:.9rem}.docs-body pre{font-size:.75rem;padding:.6rem}.docs-body li code{font-size:.8rem}.console{height:200px;font-size:.8rem;padding:1rem}.modal-console{height:300px}canvas#tortuga{max-height:250px}#modal-tortuga{max-height:40vh}#modal-canvas-tab{padding:1rem;min-height:300px}.challenge-card{padding:10px;margin-bottom:12px}.challenge-card h4{font-size:.95rem}.challenge-card p{font-size:.85rem}.challenge{padding:.8rem;font-size:.85rem}table{font-size:.7rem;display:block;overflow-x:auto}table th,table td{padding:.3rem!important;min-width:80px}.tab-btn.special-tab{margin-left:0}}@media screen and (min-width:769px)and (max-width:1200px){.container{max-width:960px}h1{font-size:2.5rem}.editor-wrapper,.editor-container{height:450px}}@media screen and (max-height:600px)and (orientation:landscape){.editor-wrapper,.editor-container{height:250px}.modal-content{margin:2% auto;max-height:95vh;overflow-y:auto}.console{height:150px}.modal-console{height:200px}}.blocks-pane{display:flex;width:100%;height:500px;border:1px solid var(--gutter-border);border-radius:var(--border-radius);background:var(--card-bg);overflow:hidden;margin-bottom:2rem;box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014;animation:slideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.block-palette{width:240px;background:linear-gradient(180deg,var(--gutter-bg) 0%,rgba(17,17,31,.95) 100%);border-right:2px solid var(--gutter-border);padding:1.5rem 1rem;overflow-y:auto;overflow-x:hidden;flex-shrink:0;transition:width .3s ease}.block-palette::-webkit-scrollbar{width:8px}.block-palette::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.block-palette::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:4px}.block-palette::-webkit-scrollbar-thumb:hover{background:var(--secondary-hover)}.block-palette h3{color:var(--text-color);font-size:1.1rem;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--secondary);text-transform:uppercase;letter-spacing:1px}.block-palette h4{color:var(--secondary);font-size:.85rem;margin:1.5rem 0 .75rem;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.block-workspace{flex:1;background-color:var(--editor-bg);background-image:radial-gradient(circle,var(--gutter-text) 1px,transparent 1px);background-size:24px 24px;position:relative;overflow-y:auto;overflow-x:auto;padding:2rem;height:100%}.block-workspace::-webkit-scrollbar{width:10px;height:10px}.block-workspace::-webkit-scrollbar-track{background:var(--editor-bg)}.block-workspace::-webkit-scrollbar-thumb{background:var(--gutter-text);border-radius:5px}.block-workspace::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.workspace-hint{color:var(--gutter-text);text-align:center;margin-top:3rem;font-style:italic;font-size:1.1rem;pointer-events:none;opacity:.6;animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.4}50%{opacity:.7}}.hidden{display:none!important}.visual-block{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:10px 14px;border-radius:8px;margin-bottom:8px;cursor:grab;-webkit-user-select:none;user-select:none;font-family:Fredoka,sans-serif;font-size:.9rem;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;display:flex;align-items:center;gap:8px;border:none;position:relative;min-width:100px;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.visual-block:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003,0 3px 6px #00000026}.visual-block.cat-logic,.visual-block.cat-loops,.visual-block.cat-vars,.visual-block.cat-builtins,.visual-block.cat-funcs{margin-top:5px}.visual-block:not(.cat-expr):before{content:"";position:absolute;top:-5px;left:12px;width:15px;height:5px;background:inherit;clip-path:polygon(0% 100%,20% 0%,80% 0%,100% 100%)}.visual-block[data-type=expr]{border-radius:20px;padding:8px 14px;margin:4px;display:inline-flex;min-width:auto;box-shadow:0 2px 8px #0000001f,0 1px 3px #00000014}.visual-block[data-type=expr]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a}.visual-block.block-stmt{background:#e67e22;flex-direction:column;align-items:flex-start;padding:0}details{margin-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}summary{cursor:pointer;list-style:none;padding:4px 0;-webkit-user-select:none;user-select:none;transition:color .2s}summary::-webkit-details-marker{display:none}summary:hover h4{color:var(--secondary)}summary h4:before{content:"▶";display:inline-block;margin-right:8px;font-size:.8em;transition:transform .2s}details[open] summary h4:before{transform:rotate(90deg)}.category-content{padding-top:8px;padding-left:8px}.block-header{padding:8px 12px;width:100%;display:flex;align-items:center;gap:8px;background:inherit;border-radius:4px}.block-body{background:#0000001a;width:100%;min-height:20px;padding-left:16px;border-top:1px solid rgba(255,255,255,.1);padding-top:5px;padding-bottom:5px}.visual-block.cat-vars{background:linear-gradient(135deg,#e74c3c,#c0392b)}.visual-block.cat-logic{background:linear-gradient(135deg,#f1c40f,#f39c12);color:#2c3e50}.visual-block.cat-loops{background:linear-gradient(135deg,#2ecc71,#27ae60)}.visual-block.cat-funcs{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.visual-block.cat-builtins{background:linear-gradient(135deg,#3498db,#2980b9)}.visual-block.cat-math{background:linear-gradient(135deg,#1abc9c,#16a085)}.visual-block.cat-canvas{background:linear-gradient(135deg,#e67e22,#d35400)}.visual-block.cat-lists{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.dragging{opacity:.95;z-index:1000;cursor:grabbing;box-shadow:0 12px 32px #0000004d,0 6px 16px #0003;transform:scale(1.05) rotate(2deg);animation:pulse .6s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1.05) rotate(2deg)}to{transform:scale(1.08) rotate(2deg)}}.drag-over{transform:translateY(8px);position:relative;transition:transform .2s ease}.drag-over:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent) 0%,var(--secondary) 50%,var(--accent) 100%);border-radius:2px;pointer-events:none;box-shadow:0 0 12px var(--accent),0 0 8px var(--secondary);animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.8}50%{opacity:1}}.drag-over-slot{background-color:#ffffff4d!important;outline:3px dashed var(--accent);outline-offset:2px;box-shadow:0 0 16px var(--accent),inset 0 0 12px #fff3;transform:scale(1.08);transition:all .2s ease;animation:glow .8s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 16px var(--accent),inset 0 0 12px #fff3}to{box-shadow:0 0 24px var(--accent),inset 0 0 16px #ffffff4d}}.block-field{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:4px 8px;font-family:inherit;font-weight:600;font-size:.85rem;color:inherit;width:60px;text-align:center;box-shadow:inset 0 2px 4px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1)}.block-field::placeholder{color:#ffffff80}.cat-logic .block-field{color:#2c3e50;background:#fff9}.block-field:focus{outline:none;background:#fff;color:#2c3e50;box-shadow:0 0 0 3px #4ecdc44d,0 4px 8px #0003;width:90px;transform:scale(1.05)}.block-input-slot{background:#00000026;border:1px dashed rgba(255,255,255,.3);border-radius:12px;padding:4px 8px;min-width:40px;min-height:26px;display:inline-flex;align-items:center;justify-content:center;color:#fff9;font-size:.75rem;margin:0 4px;vertical-align:middle;transition:all .2s ease}.block-input-slot:empty:before{content:"___";opacity:.5}