#connect-btn{position:fixed;border:none;border-radius:2rem;cursor:pointer;transition:all .5s ease;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-weight:700;box-shadow:0 4px 8px #0003;z-index:1000}#connect-btn.connected{width:5rem;height:5rem;top:1rem;right:1rem;background-color:#32d900;padding:1rem}#connect-btn.disconnected{width:10rem;height:3.5rem;bottom:10rem;left:50%;transform:translate(-50%);background-color:red;color:#fff;font-size:1.2rem;padding:.5rem 1.5rem}#connect-btn:hover{transform:translate(-50%) scale(1.05)}#connect-btn.connected:hover{transform:scale(1.05)}#connect-btn:active{transform:translate(-50%) scale(.95)}#connect-btn.connected:active{transform:scale(.95)}.face{background-color:var(--face-color);margin:auto;height:var(--face-height);width:var(--face-width);position:relative}.face div{position:absolute}.eye{background-color:var(--eye-color);border-radius:100%;height:var(--eye-size);width:var(--eye-size);bottom:calc(var(--eye-size) / 3);z-index:1;transform:rotateX(0)}.eye.left{left:var(--eye-size)}.eye.right{right:var(--eye-size)}.eyelid{background-color:var(--eyelid-color);height:var(--eye-size);width:calc(var(--eye-size) * 1.75);z-index:2;transform:rotate(0)}.eyelid.upper{bottom:calc(var(--eye-size) * 1);left:calc(var(--eye-size) * -.375)}.eyelid.lower{border-radius:100%;bottom:calc(var(--eye-size) * -1);left:calc(var(--eye-size) * -.375)}.mouth--container{display:flex;justify-content:center;left:50%;top:90%;transform:translate(-50%);width:100px;height:100px}.mouth{width:50px;height:15px;z-index:1;background-color:#000;border-radius:10px 10px 20px 20px;transition:all 1s ease-in-out}.mouth.talk{animation:talk .4s linear forwards;animation-iteration-count:infinite}@keyframes talk{0%{height:15px;width:50px}50%{height:40px;width:30px}to{height:15px;width:50px}}.screen-title{text-align:center;font-size:2rem;font-weight:700;margin:0 0 1.5rem;padding:.8rem 0;color:#2c3e50;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.screen-title.centered{justify-content:center}.screen-title.gradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.screen-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;border-radius:2px}.title-icon{font-size:1.8rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 768px){.screen-title{font-size:1.6rem;margin:0 0 1rem;padding:.6rem 0}.title-icon{font-size:1.4rem}}#applauncher-container{display:flex;flex-direction:column;padding:1.5rem 3rem;overflow:scroll}.iphone-app-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:flex-start;padding:2rem 0;max-width:800px}.iphone-app-icon{width:80px;height:80px;border:none;border-radius:18px;background:linear-gradient(145deg,#fff,#f0f0f0);box-shadow:0 4px 8px #0000001a,0 2px 4px #0000000f,inset 0 1px #fffc;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;position:relative}.iphone-app-icon:hover{transform:scale(1.05);box-shadow:0 8px 16px #00000026,0 4px 8px #0000001a,inset 0 1px #ffffffe6}.iphone-app-icon:active{transform:scale(.95);box-shadow:0 2px 4px #0000001a,inset 0 2px 4px #0000000d}.app-emoji{font-size:2.5rem;margin-bottom:4px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1))}.app-label{font-size:.7rem;font-weight:500;color:#1d1d1f;text-align:center;line-height:1.2;max-width:70px;word-wrap:break-word;text-shadow:0 1px 0 rgba(255,255,255,.8)}@media (max-width: 768px){.iphone-app-grid{gap:1.5rem;justify-content:center}.iphone-app-icon{width:70px;height:70px}.app-emoji{font-size:2rem}.app-label{font-size:.65rem}}.iphone-app-icon:focus{outline:2px solid #007AFF;outline-offset:2px}.screen{position:fixed;bottom:0;left:0;width:100%;height:50vh;background-color:#e0e0e0;display:flex;justify-content:center;align-items:center;transition:bottom .3s ease-in-out}.screen.open{bottom:0}#button-container{flex-direction:column}.middle{display:flex}#button-container button{width:6rem;height:6rem;border-radius:1rem;border:none;background-color:#000;color:#fff;font-size:3rem;margin:1rem;transition:all .2s ease}#button-container #stop{background-color:red}#stop div{width:40%;height:40%;background:#fff;margin:0 auto}#button-container button.active{transform:scale(.95);box-shadow:0 0 15px #4a86e8;background-color:#284d88}#button-container #forward.active,#button-container #backward.active,#button-container #left.active,#button-container #right.active{box-shadow:0 0 15px #4a86e8;background-color:#284d88}.ui-btn{background-color:#fff;color:#333;font-size:1.8rem;border:2px solid #e9ecef;border-radius:12px;padding:1.2rem .5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000000d;font-family:inherit}.ui-btn:hover:not(:disabled){transform:translateY(-3px);border-color:#4a86e8;box-shadow:0 6px 12px #0000001a}.ui-btn:active:not(:disabled){transform:translateY(0)}.ui-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ui-btn.active{background-color:#4a86e8;color:#fff;border-color:#4a86e8;animation:pulse .5s ease}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #4a86e866}50%{transform:scale(1.05);box-shadow:0 0 0 10px #4a86e800}to{transform:scale(1);box-shadow:0 0 #4a86e800}}.btn-label{font-weight:600;text-align:center;line-height:1.2}#expressions-container{flex-direction:column;padding:1rem}.movement-toggle{position:absolute;top:2%;right:2%}.toggle-label{display:flex;flex-direction:column;align-items:center}.toggle-input{display:none}.toggle-slider{width:4rem;height:2rem;background:#ccc;border-radius:2.5rem;position:relative;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;width:1.8rem;height:1.8rem;border-radius:50%;background:#fff;top:1px;left:2px;transition:all .3s ease}.toggle-input:checked+.toggle-slider{background:#32d900}.toggle-input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-text{font-weight:600;color:#2c3e50;font-size:1.1rem}.expressions-grid{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:1rem;margin-top:1rem}.expression-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.expression-button{width:100%;padding:1rem .5rem;font-size:2rem;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}#actions-container{display:flex;flex-direction:column;padding:1.5rem 3rem;overflow:scroll}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;max-width:1200px;margin:0 auto;width:100%}#parrot-container{flex-direction:column;overflow:scroll}#parrot-container textarea{width:80%;height:10rem;padding:10px;border:none;border-radius:10px}.parrot-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.voice-selector-wrapper{position:absolute;top:.5rem;right:.5rem}.mode-toggle-container{display:flex;justify-content:center;align-items:center;gap:1rem}.mode-label{color:#666;font-weight:600;font-size:.9rem;transition:color .3s ease}.mode-label.active{color:#4a90e2}.toggle-switch{position:relative;display:inline-block;width:60px;height:30px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:30px;box-shadow:inset 0 2px 4px #0000001a}.toggle-slider:before{position:absolute;content:"";height:19px;width:19px;left:2px;bottom:0;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#4a90e2}.toggle-switch input:checked+.toggle-slider:before{transform:translate(17px)}.parrot-textarea{width:80%;height:10rem;padding:15px;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color .3s ease;margin-bottom:1.5rem}.parrot-textarea:focus{border-color:#4a90e2;outline:none}.parrot-button{width:200px;height:50px;font-size:1.1rem;background-color:#4a90e2;border:none;border-radius:25px;box-shadow:0 4px 8px #4a90e24d;color:#fff;cursor:pointer}.parrot-button:hover{background-color:#3a80d2}.transcript-box{width:80%;padding:15px;border:2px solid #e0e0e0;border-radius:12px;background-color:#fafafa;margin-bottom:1.5rem;white-space:pre-wrap;font-size:1rem;line-height:1.5;transition:all .3s ease}.transcript-box.listening{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}.final-transcript{color:#333}.interim-transcript,.placeholder-text{color:#999;font-style:italic}.stt-controls{display:flex;gap:1rem;justify-content:center;align-items:center;margin-bottom:1rem}.listen-button{width:50px;height:50px;font-size:1rem;background-color:#4a90e2;border:none;border-radius:25px;box-shadow:0 4px 8px #4a90e24d;color:#fff;cursor:pointer}.listen-button.listening{background-color:#ff6b6b;box-shadow:0 4px 8px #ff6b6b4d}.listen-button:hover:not(:disabled){opacity:.9}.listen-button:disabled{opacity:.6;cursor:not-allowed}.play-button{width:140px;height:50px;font-size:1rem;background-color:#34c759;border:none;border-radius:25px;box-shadow:0 4px 8px #34c7594d;color:#fff;cursor:pointer}.play-button:hover:not(:disabled){background-color:#28a745}.play-button:disabled{opacity:.6;cursor:not-allowed}.notice-box{border-radius:8px;padding:6px;max-width:80%;text-align:center;font-size:.9rem}.notice-box.warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.notice-box.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.commands-section{margin-top:2rem}.commands-details{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:10px}.commands-summary{cursor:pointer;font-weight:600;outline:none}.commands-list{margin-top:10px;padding-left:20px;columns:2;column-gap:2rem}.commands-list li{margin-bottom:.5rem;break-inside:avoid}.commands-list code{background:#e9ecef;padding:2px 4px;border-radius:3px;font-family:monospace}#support-container{flex-direction:column;overflow:scroll;padding-top:5rem}#support-container blockquote{width:95%;font-family:Arial,sans-serif;color:#333;line-height:1.5;padding:0 2.5rem}#support-container blockquote p{padding:1rem 0}#support-container blockquote p,#support-container blockquote p a{font-size:1.4rem}#thankyou-container{flex-direction:column;overflow:scroll;padding-top:5rem}.hearts-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1}.thankyou-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:100%;padding:2rem}.play-button{background:#4a86e8;border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:500;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:200px}.play-button:hover:not(:disabled){background:#32d900;border-color:#33d900db;transform:translateY(-1px);color:#fff}.play-button.playing{background:#4ade8033;border-color:#4ade8080;color:#4ade80}.play-button.played{background:#f8717133;border-color:#f8717180;color:#f87171}.play-button:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width: 768px){.thankyou-content{padding:1rem}.play-button{padding:.9rem 1.8rem;font-size:1rem;min-width:180px}}#mathgame-container{flex-direction:column;padding-top:2rem}.mathgame-content{max-width:500px;margin:0 auto;padding:1rem;text-align:center}.start-screen h2{color:#4f46e5;font-size:2.5rem;margin-bottom:1rem}.start-screen p{color:#6b7280;font-size:1.1rem;margin-bottom:1rem}.start-button{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:12px;padding:1rem 2rem;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease}.start-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4f46e54d}.welcome-message{text-align:center;padding:2rem}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 2s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.2rem;padding:1rem;background:#ffffff1a;border-radius:12px}.score,.question-count{font-weight:600;color:#374151}.timer{display:flex;flex-direction:column;align-items:center;gap:.5rem}.timer-text{font-weight:700;color:#dc2626;font-size:1.1rem}.timer-bar{width:80px;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.timer-progress{height:100%;background:linear-gradient(90deg,#dc2626,#ef4444);transition:width 1s linear;border-radius:3px}.question-container{margin:1rem 0}.question{font-size:3rem;font-weight:700;color:#1f2937;background:#ffffff1a;padding:rem;border-radius:16px;border:2px solid #e5e7eb}.answers-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.answer-button{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;font-size:1.5rem;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.answer-button:hover:not(:disabled){border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.answer-button:disabled{cursor:not-allowed}.answer-button.selected{border-color:#4f46e5;background:#4f46e5;color:#fff}.answer-button.correct{border-color:#10b981;background:#10b981;color:#fff;animation:pulse .5s}.answer-button.incorrect{border-color:#ef4444;background:#ef4444;color:#fff;animation:shake .5s}.results-screen h2{color:#1f2937;font-size:2.5rem;margin-bottom:1rem}.final-score{font-size:3rem;font-weight:700;color:#4f46e5;margin:1rem 0}.score-message{font-size:1.3rem;color:#6b7280;margin-bottom:2rem}.play-again-button{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;border-radius:12px;padding:1rem 2rem;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease}.play-again-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.robot-hint{color:#7c3aed;font-style:italic;margin:.5rem 0 2rem;font-size:1rem}.robot-feedback{color:#4f46e5;font-size:1.1rem;font-weight:500;margin:1rem 0 2rem;background:#4f46e51a;padding:1rem;border-radius:8px;border-left:4px solid #4f46e5}@keyframes robotHappy{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes robotSad{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.correct{animation:robotHappy .6s ease}.incorrect{animation:robotSad .6s ease}.timer-bar.warning{background:#fef3c7}.timer-progress.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.timer-bar.critical{background:#fee2e2}.timer-progress.critical{background:linear-gradient(90deg,#dc2626,#ef4444);animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}#navigation{position:fixed;bottom:0;left:0;width:100%;height:50px;background-color:#e0e0e0;display:flex;justify-content:space-between;align-items:center;z-index:1;transition:all .3s ease-in-out;padding:0 1rem}#arrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #333;cursor:pointer;transform:translate(47vw);z-index:1}#arrow.down{border-bottom:none;border-top:10px solid #333;transform:translate(0) translateY(-45vh)}#left-arrow,#right-arrow{display:none;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;cursor:pointer;transform:translateY(-22vh);z-index:1}#left-arrow{border-right:10px solid #333;margin-right:10px}#right-arrow{border-left:10px solid #333;margin-left:10px}.screen-container{position:fixed;bottom:0;left:0;width:100%;height:50vh}#navigation.disabled{opacity:.6;pointer-events:none}#navigation.disabled #arrow{cursor:not-allowed}#navigation.able{opacity:1;pointer-events:all}#navigation.disabled .screen-container{display:none}#root{max-width:460px;height:100vh;margin:0 auto;padding:2rem;text-align:center}main{width:100%;height:100%}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--face-color: whitesmoke;--face-height: 30vh;--face-width: 100%;--eye-size: 15vmin;--eye-color: black;--eyelid-color: whitesmoke;--background: #e5e5e5;--brand-color: #2d2d64;--highlight: #32d900;--secondary-highlight: #FF5700;--text: #000}*{box-sizing:border-box;margin:0;padding:0;font-size:62.5%}body{display:flex;flex-direction:column;align-items:center;background-color:var(--face-color);margin:0;overflow:hidden}