:root{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-main, #24323a)}body{margin:0;min-height:100vh}a{color:inherit}img,svg{max-width:100%;height:auto}:root{--bg1: #e6fbf4;--bg2: #dff4ff;--card-bg: #ffffff;--accent: #1f6f9c;--accent-soft: #8fd9ff;--text-main: #24323a;--text-soft: #4a6572;--shadow-soft: 0 20px 45px rgba(31, 111, 156, .15);--radius-card: 24px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Arial,sans-serif;color:var(--text-main);background:linear-gradient(135deg,var(--bg1),var(--bg2));background-attachment:fixed;-webkit-font-smoothing:antialiased}.edm-container{max-width:1080px;margin:0 auto;padding:3rem clamp(1.5rem,4vw,4rem) 4rem;display:flex;flex-direction:column;gap:2rem}.edm-card{background:var(--card-bg);border-radius:var(--radius-card);padding:2rem;box-shadow:var(--shadow-soft);border:1px solid rgba(31,111,156,.08);transition:transform .24s ease,box-shadow .24s ease}.edm-card:hover{transform:translateY(-4px);box-shadow:0 24px 55px #1f6f9c38}.edm-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.85rem 1.8rem;border-radius:999px;border:none;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(120deg,var(--accent),var(--accent-soft));box-shadow:0 12px 25px #1f6f9c47;transition:transform .2s ease,box-shadow .2s ease}.edm-button:focus-visible{outline:3px solid var(--accent-soft);outline-offset:3px}.edm-button:hover{transform:translateY(-2px);box-shadow:0 16px 32px #1f6f9c59}@media(max-width:600px){.edm-card{padding:1.5rem}}.edm-app{min-height:100vh;display:flex;align-items:stretch}.lab-view{background:linear-gradient(135deg,#0f0f1e,#1a1a2e,#16213e)}.lab-container{width:100%;max-width:1600px;margin:0 auto;padding:2rem}.lab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(0,217,255,.2)}.lab-title h1{color:#00d9ff;font-size:2rem;margin:0 0 .25rem}.lab-title .edm-kicker{color:#aaa;margin:0}.lab-layout{display:grid;grid-template-columns:1fr 400px;gap:2rem}.lab-main{display:flex;flex-direction:column;gap:2rem}.lab-section{width:100%}.lab-sidebar{position:sticky;top:2rem;height:fit-content}@media(max-width:1200px){.lab-layout{grid-template-columns:1fr}.lab-sidebar{position:static}}.edm-card{background:#fffffff2;border-radius:12px;padding:2rem;box-shadow:0 4px 16px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.edm-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.edm-card--cyan{background:linear-gradient(135deg,#00d9ff1a,#0099cc0d);border:2px solid rgba(0,217,255,.3)}.edm-card--lime{background:linear-gradient(135deg,#00ff881a,#00cc6d0d);border:2px solid rgba(0,255,136,.3)}.edm-card--pink{background:linear-gradient(135deg,#ff33991a,#cc297a0d);border:2px solid rgba(255,51,153,.3)}.edm-card--cyan h3,.edm-card--cyan .edm-card__badge{color:#00d9ff}.edm-card--lime h3,.edm-card--lime .edm-card__badge{color:#0f8}.edm-card--pink h3,.edm-card--pink .edm-card__badge{color:#f39}.lme-card{background:#1a1a2ef2;border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #0006;border:1px solid rgba(0,217,255,.2)}.lme-card__badge{display:inline-flex;align-items:center;padding:.35rem 1rem;border-radius:999px;font-size:.85rem;font-weight:600;background:#00d9ff33;color:#00d9ff;margin-bottom:.5rem}.edm-hero{background:#ffffffd9;border-radius:var(--radius-card);padding:2.5rem;box-shadow:var(--shadow-soft);text-align:center}.edm-kicker{font-size:.95rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);font-weight:700;margin:0 0 .75rem}.edm-hero h1{font-size:clamp(2rem,5vw,3rem);margin:0}.edm-subtitle{color:var(--text-soft);font-size:1.15rem;margin:.75rem 0 1.5rem}.edm-hero-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.edm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.edm-card h3{margin-top:.75rem;margin-bottom:.5rem;font-size:1.35rem}.edm-card p{margin:0 0 1.5rem;color:var(--text-soft);line-height:1.6}.edm-card__badge{display:inline-flex;align-items:center;padding:.35rem 1rem;border-radius:999px;font-size:.85rem;font-weight:600;background:#8fd9ff40;color:var(--accent)}.edm-card__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.edm-meta{font-weight:600;color:var(--accent)}.edm-button--ghost{background:#fff6;color:var(--accent);box-shadow:inset 0 0 0 2px #1f6f9c59}.edm-button--secondary{background:var(--accent);box-shadow:0 12px 25px #1f6f9c4d}@media(max-width:768px){.edm-container{padding:2rem 1.5rem 3rem}.edm-card__footer{flex-direction:column;align-items:flex-start}.edm-hero{padding:2rem 1.5rem}}.lab-header-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.edm-button--small{padding:.5rem 1rem;font-size:.85rem;border-radius:8px;background:#00d9ff1a;border:2px solid rgba(0,217,255,.3);color:#00d9ff;cursor:pointer;transition:all .2s ease}.edm-button--small:hover{background:#00d9ff33;border-color:#00d9ff}.edm-button--small.active{background:#0f83;border-color:#0f8;color:#0f8}.lab-panel-overlay{margin-bottom:1rem;max-height:400px;overflow:hidden;border-radius:12px}.lab-sidebar{display:flex;flex-direction:column;gap:1rem}@media(max-width:1200px){.lab-header{flex-direction:column;align-items:flex-start;gap:1rem}.lab-header-actions{width:100%;justify-content:flex-end}}@media(max-width:768px){.lab-header-actions{justify-content:flex-start}.edm-button--small{padding:.4rem .75rem;font-size:.8rem}}.microbit-container{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2rem;border-radius:16px;box-shadow:0 8px 32px #0000004d}.microbit-title{color:#00d9ff;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.microbit-board{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;background:#0f3460;border-radius:12px;margin-bottom:1rem}.led-matrix{display:flex;flex-direction:column;gap:8px;padding:16px;background:#000;border-radius:8px;box-shadow:inset 0 2px 8px #000c,0 0 20px #ff33334d}.led-row{display:flex;gap:8px}.led-pixel{width:24px;height:24px;border-radius:50%;background-color:#1a1a1a;transition:all .2s ease;box-shadow:inset 0 2px 4px #00000080,0 0 8px #f333}.led-pixel[style*="opacity: 0"]{box-shadow:inset 0 2px 4px #000c}.microbit-button{width:50px;height:50px;border-radius:50%;border:3px solid #555;background:linear-gradient(145deg,#2a2a3e,#1a1a2e);color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #0006;-webkit-user-select:none;user-select:none}.microbit-button:hover{background:linear-gradient(145deg,#3a3a4e,#2a2a3e);transform:translateY(-2px);box-shadow:0 6px 16px #00000080}.microbit-button:active,.microbit-button.pressed{background:linear-gradient(145deg,#1a1a2e,#0f0f1e);transform:translateY(1px);box-shadow:0 2px 4px #0000004d,inset 0 2px 8px #0009}.microbit-button--a{border-color:#00d9ff}.microbit-button--b{border-color:#fc0}.microbit-button--a.pressed{background:linear-gradient(145deg,#00d9ff,#09c);color:#000}.microbit-button--b.pressed{background:linear-gradient(145deg,#fc0,#c90);color:#000}.microbit-status{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:.5rem}.status-dot{width:10px;height:10px;border-radius:50%;background:#0f8;box-shadow:0 0 10px #0f8;animation:pulse 2s ease-in-out infinite}.status-text{color:#aaa;font-size:.9rem}.code-editor-container{background:linear-gradient(135deg,#1e1e2e,#2a2a3e);padding:1.5rem;border-radius:12px}.code-editor-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.code-editor-header h3{color:#00d9ff;font-size:1.3rem;flex:1;margin:0}.code-editor-header .edm-button--primary{background:linear-gradient(135deg,#00d9ff,#09c);color:#000;font-weight:600;padding:.7rem 1.5rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00d9ff4d}.code-editor-header .edm-button--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00d9ff80}.code-editor-header .edm-button--primary:disabled{opacity:.6;cursor:not-allowed}.code-editor-wrapper{border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #0006;margin-bottom:1rem}.code-editor-tips{background:#00d9ff1a;border-left:4px solid #00d9ff;padding:1rem;border-radius:6px}.tip-text{color:#ccc;margin:0;font-size:.9rem;line-height:1.5}.tip-text code{background:#0006;padding:2px 6px;border-radius:4px;color:#0f8;font-family:Courier New,monospace}.chat-panel-container{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;height:600px}.chat-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid rgba(0,217,255,.2)}.chat-header h3{color:#00d9ff;font-size:1.3rem;flex:1;margin:0}.ai-status{display:flex;align-items:center;gap:.5rem}.status-indicator{width:10px;height:10px;border-radius:50%;background:#0f8}.status-indicator.thinking{background:#fc0;animation:pulse 1s ease-in-out infinite}.status-label{color:#aaa;font-size:.85rem}.chat-messages{flex:1;overflow-y:auto;padding:1rem;background:#0003;border-radius:8px;margin-bottom:1rem}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#0003;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb{background:#00d9ff4d;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#00d9ff80}.welcome-message{text-align:center;padding:2rem;color:#ccc}.welcome-icon{font-size:3rem;margin-bottom:1rem}.welcome-message h4{color:#00d9ff;font-size:1.4rem;margin-bottom:.5rem}.welcome-message p{line-height:1.6;margin-bottom:1.5rem;color:#aaa}.quick-prompts{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.quick-prompts button{background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);color:#00d9ff;padding:.7rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left}.quick-prompts button:hover{background:#00d9ff33;border-color:#00d9ff80;transform:translate(5px)}.message{display:flex;gap:.75rem;margin-bottom:1rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:36px;height:36px;border-radius:50%;background:#00d9ff33;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.message--user .message-avatar{background:#fc03}.message-content{flex:1;background:#00d9ff1a;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(0,217,255,.2)}.message--user .message-content{background:#ffcc001a;border-color:#fc03}.message-text{color:#eee;margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.95rem;line-height:1.5}.chat-input-form{display:flex;gap:.75rem}.chat-input{flex:1;background:#0006;border:2px solid rgba(0,217,255,.3);color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.95rem;transition:all .3s ease}.chat-input:focus{outline:none;border-color:#00d9ff;box-shadow:0 0 0 3px #00d9ff1a}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-input-form .edm-button--primary{background:linear-gradient(135deg,#00d9ff,#09c);color:#000;font-weight:600;padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00d9ff4d}.chat-input-form .edm-button--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00d9ff80}.chat-input-form .edm-button--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.markdown-content{white-space:normal!important;line-height:1.7}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:#00d9ff;margin-top:1rem;margin-bottom:.5rem;font-weight:600}.markdown-content h1{font-size:1.5rem;border-bottom:2px solid rgba(0,217,255,.3);padding-bottom:.3rem}.markdown-content h2{font-size:1.3rem}.markdown-content h3{font-size:1.1rem}.markdown-content p{margin:.5rem 0}.markdown-content ul,.markdown-content ol{margin:.5rem 0;padding-left:1.5rem}.markdown-content li{margin:.3rem 0}.markdown-content strong{color:#fc0;font-weight:600}.markdown-content em{color:#0f8;font-style:italic}.markdown-content code{background:#0006;color:#0f8;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.9em}.markdown-content blockquote{border-left:4px solid #00d9ff;padding-left:1rem;margin:1rem 0;color:#aaa;font-style:italic}.code-block-wrapper{margin:1rem 0;border-radius:8px;overflow:hidden;background:#0009;border:1px solid rgba(0,217,255,.2)}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#00d9ff1a;border-bottom:1px solid rgba(0,217,255,.2)}.code-language{color:#00d9ff;font-size:.85rem;font-weight:600;text-transform:uppercase}.insert-code-button{background:linear-gradient(135deg,#0f8,#0c6);color:#000;border:none;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00ff884d}.insert-code-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00ff8880}.code-block-wrapper pre{margin:0;padding:1rem;overflow-x:auto;background:#0006}.code-block-wrapper pre code{background:transparent;color:#eee;padding:0;font-size:.9rem;line-height:1.5;display:block}.code-block-wrapper pre::-webkit-scrollbar{height:6px}.code-block-wrapper pre::-webkit-scrollbar-track{background:#0003}.code-block-wrapper pre::-webkit-scrollbar-thumb{background:#00d9ff4d;border-radius:3px}.code-block-wrapper pre::-webkit-scrollbar-thumb:hover{background:#00d9ff80}.vibe-coding-container{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);padding:2rem}.vibe-header{text-align:center;margin-bottom:2rem;animation:fadeInDown .6s ease}.vibe-header h2{font-size:2.5rem;color:#00d9ff;margin:0;text-shadow:0 0 20px rgba(0,217,255,.5)}.vibe-subtitle{color:#aaa;font-size:1.1rem;margin-top:.5rem}.vibe-layout{display:grid;grid-template-columns:2fr 1fr;gap:2rem;max-width:1800px;margin:0 auto}.vibe-left{display:flex;flex-direction:column;gap:1.5rem}.ai-generator{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:1.5rem;border-radius:12px;animation:fadeIn .6s ease}.generator-header{margin-bottom:1rem}.generator-header h3{color:#00d9ff;font-size:1.3rem;margin:.5rem 0 0}.generator-input-area{display:flex;flex-direction:column;gap:1rem}.objective-input{width:100%;background:#0006;border:2px solid rgba(0,217,255,.3);color:#fff;padding:1rem;border-radius:8px;font-size:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;resize:vertical;transition:all .3s ease}.objective-input:focus{outline:none;border-color:#00d9ff;box-shadow:0 0 0 3px #00d9ff1a}.objective-input:disabled{opacity:.5;cursor:not-allowed}.generate-btn{background:linear-gradient(135deg,#00d9ff,#09c);color:#000;font-weight:600;font-size:1.1rem;padding:1rem 2rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00d9ff66}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #00d9ff99}.generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.code-history{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid rgba(0,217,255,.2)}.code-history h4{color:#0f8;font-size:1rem;margin-bottom:1rem}.generated-response{background:#0006;border:1px solid rgba(0,217,255,.2);border-radius:8px;padding:1rem;margin-bottom:1rem}.generated-response pre{color:#eee;white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5;margin:0 0 1rem;max-height:300px;overflow-y:auto}.use-code-btn{background:linear-gradient(135deg,#0f8,#0c6);color:#000;font-weight:600;padding:.7rem 1.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #00ff884d}.use-code-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00ff8880}.vibe-editor{animation:fadeIn .8s ease}.vibe-right{display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn 1s ease}.simulator-panel{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:1.5rem;border-radius:12px}.simulator-panel h3{color:#00d9ff;font-size:1.3rem;margin:.5rem 0 1rem}.simulator-info{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid rgba(0,217,255,.2)}.info-item{display:flex;justify-content:space-between;padding:.5rem 0;color:#eee}.info-label{font-weight:600}.info-value{color:#0f8;font-weight:600}.quick-tips{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:1.5rem;border-radius:12px}.quick-tips h4{color:#fc0;font-size:1.1rem;margin:0 0 1rem}.quick-tips ul{list-style:none;padding:0;margin:0}.quick-tips li{color:#ccc;padding:.5rem 0 .5rem 1.5rem;position:relative;line-height:1.6}.quick-tips li:before{content:"→";position:absolute;left:0;color:#00d9ff;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.vibe-layout{grid-template-columns:1fr}.vibe-right{max-width:600px;margin:0 auto}}@media(max-width:768px){.vibe-coding-container{padding:1rem}.vibe-header h2{font-size:2rem}.vibe-subtitle{font-size:1rem}}.response-preview{margin-bottom:1rem}.response-preview strong{color:#0f8;display:block;margin-bottom:.5rem}.code-preview{background:#0009;border:1px solid rgba(0,217,255,.3);border-radius:6px;padding:.75rem;color:#0f8;font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:1.4;max-height:200px;overflow-y:auto}.warning-text{color:#fc0;font-size:.9rem;margin-top:.5rem;padding:.5rem;background:#ffcc001a;border-radius:6px;border-left:3px solid #ffcc00}.sensor-panel{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;padding:1.5rem;border:1px solid rgba(0,217,255,.2)}.sensor-panel__header{margin-bottom:1.5rem}.sensor-panel__header h3{color:#00d9ff;font-size:1.2rem;margin:.5rem 0 0}.sensor-panel__content{display:flex;flex-direction:column;gap:1.5rem}.sensor-item{background:#0000004d;border-radius:8px;padding:1rem;border:1px solid rgba(0,217,255,.1)}.sensor-item__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.sensor-item__icon{font-size:1.2rem}.sensor-item__name{flex:1;color:#fff;font-weight:500}.sensor-item__value{color:#0f8;font-weight:600;font-family:Courier New,monospace;min-width:70px;text-align:right}.sensor-item__range{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:#888}.sensor-slider{width:100%;height:8px;border-radius:4px;background:#00000080;outline:none;-webkit-appearance:none;cursor:pointer}.sensor-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.sensor-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.sensor-slider--temp::-webkit-slider-thumb{background:linear-gradient(135deg,#ff6b35,#ff4500);box-shadow:0 2px 10px #ff6b3580}.sensor-slider--temp::-webkit-slider-runnable-track{background:linear-gradient(to right,#4a90d9,#ff6b35);height:8px;border-radius:4px}.sensor-slider--light::-webkit-slider-thumb{background:linear-gradient(135deg,gold,#fa0);box-shadow:0 2px 10px #ffd70080}.sensor-slider--light::-webkit-slider-runnable-track{background:linear-gradient(to right,#333,gold);height:8px;border-radius:4px}.sensor-slider--accel-x::-webkit-slider-thumb{background:linear-gradient(135deg,#f36,#cc2952);box-shadow:0 2px 10px #ff336680}.sensor-slider--accel-y::-webkit-slider-thumb{background:linear-gradient(135deg,#0f8,#0c6);box-shadow:0 2px 10px #00ff8880}.sensor-slider--accel-z::-webkit-slider-thumb{background:linear-gradient(135deg,#00d9ff,#09c);box-shadow:0 2px 10px #00d9ff80}.accel-axes{display:flex;flex-direction:column;gap:.75rem}.accel-axis{display:flex;align-items:center;gap:.5rem}.accel-axis label{color:#888;font-weight:600;width:20px}.accel-axis .sensor-slider{flex:1}.accel-value{color:#00d9ff;font-size:.8rem;font-family:Courier New,monospace;min-width:70px;text-align:right}.tilt-indicator{width:100px;height:100px;border-radius:50%;background:#00000080;border:2px solid rgba(0,217,255,.3);margin:1rem auto 0;position:relative;overflow:hidden}.tilt-indicator:before{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#00d9ff4d;font-size:2rem}.tilt-ball{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#0f8,#0c6);box-shadow:0 2px 10px #00ff8880;position:absolute;top:50%;left:50%;margin-left:-10px;margin-top:-10px;transition:transform .1s ease}@media(max-width:768px){.sensor-panel{padding:1rem}.tilt-indicator{width:80px;height:80px}}.examples-panel{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;padding:1.5rem;border:1px solid rgba(0,217,255,.2);height:100%;display:flex;flex-direction:column}.examples-panel__header{margin-bottom:1rem}.examples-panel__title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.examples-panel__title h3{color:#00d9ff;font-size:1.2rem;margin:0}.close-btn{background:transparent;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;transition:color .2s}.examples-search{display:flex;gap:.5rem;margin-bottom:1rem}.examples-search input{flex:1;background:#0006;border:2px solid rgba(0,217,255,.3);color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.95rem}.examples-search input:focus{outline:none;border-color:#00d9ff}.examples-search button{background:linear-gradient(135deg,#00d9ff,#09c);border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-size:1rem}.examples-filters{display:flex;gap:.5rem}.examples-filters select{flex:1;background:#0006;border:2px solid rgba(0,217,255,.2);color:#fff;padding:.5rem;border-radius:6px;font-size:.85rem;cursor:pointer}.examples-filters select:focus{outline:none;border-color:#00d9ff}.examples-panel__content{flex:1;overflow-y:auto}.examples-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#888}.spinner{width:40px;height:40px;border:3px solid rgba(0,217,255,.2);border-top-color:#00d9ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.examples-empty{text-align:center;padding:2rem;color:#888}.examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.example-card{background:#0000004d;border:2px solid rgba(0,217,255,.1);border-radius:10px;padding:1rem;cursor:pointer;transition:all .3s ease}.example-card:hover{border-color:#00d9ff66;transform:translateY(-2px)}.example-card.selected{border-color:#0f8;background:#00ff881a}.example-card__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.example-platform{font-size:1.2rem}.example-card h4{margin:0;color:#fff;font-size:.95rem;flex:1}.example-description{color:#aaa;font-size:.8rem;margin:.5rem 0;line-height:1.4}.example-meta{display:flex;justify-content:space-between;margin-top:.5rem}.example-difficulty{font-size:.75rem;font-weight:600}.example-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.example-tag{background:#00d9ff33;color:#00d9ff;font-size:.65rem;padding:.2rem .5rem;border-radius:4px}.example-preview-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.example-preview{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(0,217,255,.3);border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.example-preview__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(0,217,255,.2)}.example-preview__header h3{margin:0;color:#00d9ff}.example-preview__header button{background:transparent;border:none;color:#888;font-size:1.5rem;cursor:pointer}.example-preview__content{flex:1;overflow-y:auto;padding:1.5rem}.example-preview__description{color:#ccc;margin-bottom:1rem;line-height:1.5}.example-preview__code{background:#00000080;border-radius:8px;overflow:hidden;margin-bottom:1rem}.example-preview__code pre{margin:0;padding:1rem;overflow-x:auto}.example-preview__code code{color:#0f8;font-family:Courier New,monospace;font-size:.85rem;line-height:1.5}.example-preview__explanation{background:#00d9ff1a;border-radius:8px;padding:1rem;border-left:3px solid #00d9ff}.example-preview__explanation h4{color:#00d9ff;margin:0 0 .5rem;font-size:.95rem}.example-preview__explanation p{color:#ccc;margin:0;font-size:.9rem;line-height:1.5}.example-preview__actions{display:flex;gap:1rem;padding:1rem 1.5rem;border-top:1px solid rgba(0,217,255,.2)}.cancel-btn{flex:1;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#fff3}.use-btn{flex:2;background:linear-gradient(135deg,#0f8,#0c6);border:none;color:#000;padding:.75rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.use-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0f86}.examples-panel__content::-webkit-scrollbar{width:6px}.examples-panel__content::-webkit-scrollbar-track{background:#0003}.examples-panel__content::-webkit-scrollbar-thumb{background:#00d9ff4d;border-radius:3px}@media(max-width:600px){.examples-grid{grid-template-columns:1fr}.examples-filters{flex-direction:column}}.export-panel{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;padding:1.5rem;border:1px solid rgba(0,217,255,.2)}.export-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.export-panel__header h3{color:#00d9ff;font-size:1.2rem;margin:0}.export-info{color:#aaa;font-size:.9rem;margin-bottom:1.5rem}.export-formats{display:flex;flex-direction:column;gap:.75rem}.export-format-btn{display:flex;align-items:center;gap:1rem;background:#0000004d;border:2px solid rgba(0,217,255,.2);border-radius:10px;padding:1rem;cursor:pointer;transition:all .3s ease;text-align:left}.export-format-btn:hover:not(:disabled){border-color:#00d9ff80;transform:translate(5px)}.export-format-btn:disabled{opacity:.5;cursor:not-allowed}.export-format-btn.exporting{border-color:#0f8;background:#00ff881a}.format-icon{font-size:2rem}.format-info{flex:1;display:flex;flex-direction:column}.format-info strong{color:#fff;font-size:1rem;margin-bottom:.25rem}.format-info span{color:#888;font-size:.8rem}.export-spinner{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.export-warning{color:#fc0;font-size:.85rem;margin-top:1rem;padding:.75rem;background:#ffcc001a;border-radius:8px;border-left:3px solid #ffcc00}.instructions-btn{width:100%;background:#00d9ff1a;border:2px solid rgba(0,217,255,.3);color:#00d9ff;padding:.75rem;border-radius:8px;margin-top:1rem;cursor:pointer;transition:all .2s ease}.instructions-btn:hover{background:#00d9ff33;border-color:#00d9ff}.instructions-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.instructions-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(0,217,255,.3);border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.instructions-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(0,217,255,.2)}.instructions-header h3{margin:0;color:#00d9ff}.instructions-header button{background:transparent;border:none;color:#888;font-size:1.5rem;cursor:pointer}.instructions-content{padding:1.5rem;overflow-y:auto}.instructions-content pre{color:#ccc;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;white-space:pre-wrap;margin:0}.close-btn{background:transparent;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:#fff}.edumind-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;background-color:var(--footer-bg, #f8f9fa);border-top:1px solid var(--footer-border, #e9ecef);color:var(--footer-text, #6c757d);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.9rem;transition:background-color .3s ease,border-color .3s ease}@media(prefers-color-scheme:dark){.edumind-footer{--footer-bg: #1a1a1a;--footer-border: #333;--footer-text: #a0a0a0;--link-color: #60a5fa;--link-hover: #93c5fd}}.dark .edumind-footer,[data-theme=dark] .edumind-footer{--footer-bg: #1a1a1a;--footer-border: #333;--footer-text: #a0a0a0;--link-color: #60a5fa;--link-hover: #93c5fd}.footer-nav{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.nav-btn{text-decoration:none;color:var(--link-color, #007bff);font-weight:600;padding:.25rem .5rem;border-radius:4px;transition:color .2s ease,background-color .2s ease}.nav-btn:hover{color:var(--link-hover, #0056b3);background-color:var(--hover-bg, rgba(0, 123, 255, .05))}.nav-btn:focus{outline:2px solid var(--link-color, #007bff);outline-offset:2px}.divider{margin:0 .5rem;color:var(--footer-border, #ccc);-webkit-user-select:none;user-select:none}.footer-info{flex:1;text-align:center;min-width:200px}.footer-info p{margin:0;line-height:1.5}.footer-info strong{color:var(--footer-text-strong, #495057);font-weight:600}@media(prefers-color-scheme:dark){.footer-info strong{color:var(--footer-text-strong, #d0d0d0)}}.footer-meta{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.version-badge{background-color:var(--badge-bg, #e2e6ea);color:var(--badge-text, #495057);padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:500;white-space:nowrap}@media(prefers-color-scheme:dark){.version-badge{--badge-bg: #2a2a2a;--badge-text: #b0b0b0}}.feedback-link{text-decoration:none;color:var(--link-color, #007bff);font-size:.85rem;padding:.25rem .5rem;border-radius:4px;transition:color .2s ease,background-color .2s ease;white-space:nowrap}.feedback-link:hover{color:var(--link-hover, #0056b3);background-color:var(--hover-bg, rgba(0, 123, 255, .05))}.feedback-link:focus{outline:2px solid var(--link-color, #007bff);outline-offset:2px}@media(max-width:768px){.edumind-footer{flex-wrap:wrap;justify-content:center;padding:1rem 1.5rem}.footer-nav{order:1;width:100%;justify-content:center;margin-bottom:.5rem}.footer-info{order:2;width:100%;margin-bottom:.5rem}.footer-meta{order:3;width:100%;justify-content:center}}@media(max-width:600px){.edumind-footer{flex-direction:column;gap:.75rem;text-align:center;padding:1rem}.footer-nav,.footer-info,.footer-meta{width:100%}.footer-info p{font-size:.85rem}.version-badge,.feedback-link{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.edumind-footer,.nav-btn,.feedback-link{transition:none}}@media(prefers-contrast:high){.edumind-footer{border-top-width:2px}.nav-btn:focus,.feedback-link:focus{outline-width:3px}}