@import"https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}.title{font-family:proxima-nova,sans-serif;font-weight:700;font-size:2rem;color:#333;margin-bottom:2rem;position:absolute;top:2rem}body{margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#fff}.container{width:600px;height:600px;background-color:#f5f7fa;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 6px #0000001a;position:relative;overflow:hidden}.interactive-area{position:relative;width:100%;height:100%;padding:2rem}.apple{font-size:4rem;display:flex;justify-content:center;align-items:center;cursor:grab;-webkit-user-select:none;user-select:none;width:64px;height:64px;will-change:transform;transition:opacity .2s,transform .3s ease-out;--x: 0px;--y: 0px;position:relative}.apple-number{position:absolute;top:-8px;right:-8px;background-color:#ff6b00;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-family:proxima-nova,sans-serif;font-size:.7rem;font-weight:700;box-shadow:0 2px 4px #0000004d;z-index:10}.apple:hover{opacity:1}.apple.dragging{cursor:grabbing;opacity:.8;z-index:1000;transition:transform .1s ease-out}.apple.magnetic{filter:brightness(1.2) drop-shadow(0 0 8px rgba(255,107,0,.6));transform:scale(1.05)}.apple.hint-move{animation:moveToBasket 2s infinite;filter:brightness(1.5) drop-shadow(0 0 10px yellow);z-index:2;transform:translate(var(--x),var(--y))}@keyframes moveToBasket{0%{transform:translate(var(--x),var(--y))}40%{transform:translate(var(--hint-x),var(--hint-y))}60%{transform:translate(var(--hint-x),var(--hint-y))}to{transform:translate(var(--x),var(--y))}}.apple.highlight{animation:pulse 1s infinite;filter:brightness(1.5) drop-shadow(0 0 10px yellow);z-index:2;transform:translate(var(--x),var(--y))}@keyframes pulse{0%{transform:translate(var(--x),var(--y)) scale(1);opacity:1}50%{transform:translate(var(--x),var(--y)) scale(1.2);opacity:.8}to{transform:translate(var(--x),var(--y)) scale(1);opacity:1}}.flexi{position:absolute;bottom:20px;left:20px;width:120px;height:auto;pointer-events:none;z-index:1;transition:all .5s ease-in-out}.flexi.zero-basket-start{bottom:20px;left:20px}.flexi.zero-basket-final{bottom:45%;left:30%;transform:translate(-50%,50%)}.no-baskets .flexi:not(.zero-basket-start){bottom:45%;left:30%;transform:translate(-50%,50%)}.flexi-body{width:100%;height:100%;background-color:#ff6b00;border-radius:50% 50% 15px 15px;position:relative;transform:rotate(-5deg);box-shadow:0 4px 8px #0000001a}.flexi-eyes{position:absolute;top:35%;left:50%;transform:translate(-50%);display:flex;gap:20px}.flexi-eye{width:12px;height:12px;background-color:#333;border-radius:50%;position:relative}.flexi-eye:after{content:"";position:absolute;top:-4px;left:-4px;width:20px;height:10px;border-radius:10px 10px 0 0;border-top:3px solid #333}.flexi-smile{position:absolute;bottom:30%;left:50%;transform:translate(-50%);width:35px;height:20px;border-bottom:4px solid #333;border-radius:0 0 20px 20px}.flexi-arm{position:absolute;width:35px;height:15px;background-color:#ff6b00;border-radius:10px}.flexi-arm.right{top:40%;right:-15px;transform:rotate(-45deg)}.flexi-arm.left{top:45%;left:-15px;transform:rotate(45deg)}.flexi-shadow{position:absolute;bottom:-5px;left:10px;width:90%;height:15px;background:#0000001a;border-radius:50%;filter:blur(4px);z-index:-1}.flexi-speech-bubble{position:absolute;bottom:40px;left:160px;background-color:#fff;padding:15px;border-radius:20px;box-shadow:0 2px 4px #0000001a;max-width:200px;font-size:1rem;font-family:proxima-nova,sans-serif;z-index:2;transition:all .5s ease-in-out}.no-baskets .flexi-speech-bubble{bottom:30%;left:calc(30% + 80px);transform:translateY(50%)}.flexi-speech-bubble>:first-child{padding-top:10px}.flexi-speech-bubble:after{content:"";position:absolute;bottom:20px;left:-10px;border-width:10px 10px 10px 0;border-style:solid;border-color:transparent white transparent transparent}.no-baskets .flexi-speech-bubble:after{left:-10px;bottom:20px;transform:none;border-width:10px 10px 10px 0;border-color:transparent white transparent transparent}.flexi-response-container{display:flex;flex-direction:column;gap:12px;animation:fadeIn .3s ease-in-out;min-height:120px}.flexi-response-message{font-family:proxima-nova,sans-serif;font-size:1rem;margin-top:0}.flexi-response-message.follow-up{animation:fadeIn .5s ease-in-out;text-align:center;line-height:1.5;margin-top:0}.flexi-response-message.final{animation:fadeIn .5s ease-in-out;text-align:center;line-height:1.5;font-weight:500;margin-top:0}.flexi-response-message.hide-seek-response{margin-top:-10px}.flexi-response-message.undefined-response{margin-top:0}.no-baskets .flexi-speech-bubble.undefined-message-position{top:30%;bottom:auto}.no-baskets .flexi-speech-bubble>:first-child{margin-top:0}.reaction-buttons{display:flex;gap:8px;justify-content:center;margin-top:4px}.reaction-button{background-color:#fff;border:2px solid #FF6B00;border-radius:15px;padding:8px 16px;cursor:pointer;transition:all .2s ease-in-out;font-family:proxima-nova,sans-serif;font-size:.9rem;color:#ff6b00}.flexi-response-message.follow-up+.reaction-buttons .reaction-button{padding:8px 16px;font-size:.9rem}.reaction-button:hover{background-color:#fff3e0;transform:scale(1.02)}.reaction-button.selected{background-color:#ff6b00;color:#fff}.response-hint{font-size:.8rem;color:#999;margin-top:4px;font-style:italic;text-align:center;cursor:pointer}.response-hint:hover{color:#666}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.flexi-response{margin-top:15px;padding:12px;background-color:#fff3e0;border-radius:12px;font-family:proxima-nova,sans-serif;font-size:.9rem;color:#ff6b00;text-align:center;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.basket{width:130px;height:160px;position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center}.basket-number{position:absolute;top:-25px;left:50%;transform:translate(-50%);background-color:#4caf50;color:#fff;padding:4px 8px;border-radius:12px;font-family:proxima-nova,sans-serif;font-size:.8rem;font-weight:700;white-space:nowrap;box-shadow:0 2px 4px #0003}.basket-body{position:absolute;bottom:35px;left:10px;right:10px;height:60px;background-color:#deb887;border:6px solid #D4A76A;border-radius:10px 10px 60px 60px;background-image:linear-gradient(45deg,#D4A76A 2px,transparent 2px,transparent 10px,#D4A76A 10px),linear-gradient(-45deg,#D4A76A 2px,transparent 2px,transparent 10px,#D4A76A 10px);background-size:14px 14px;box-shadow:inset 0 -4px 8px #0000001a}.basket:before{content:"";position:absolute;top:-5px;left:50%;width:110px;height:110px;border:6px solid #D4A76A;border-radius:50%;transform:translate(-50%);background:transparent;pointer-events:none}.basket-counter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-family:proxima-nova,sans-serif;font-weight:700;color:#8b4513;font-size:1rem;box-shadow:0 1px 2px #0000001a}.baskets-container{position:absolute;bottom:180px;left:0;right:0;display:flex;justify-content:center;gap:40px;padding:0 20px}.nav-buttons{position:absolute;bottom:20px;right:20px;display:flex;gap:10px;z-index:2}.nav-button{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;font-size:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease;padding:0;line-height:1}.nav-button:hover{transform:scale(1.1);background:linear-gradient(135deg,#15803d,#166534)}.nav-button:active{transform:scale(.95)}.nav-button:disabled{background:#ccc!important;cursor:not-allowed;transform:none;opacity:.5;box-shadow:none}.nav-button.at-zero{background:#9ca3af!important;opacity:.3;border:2px dashed #6b7280}.answer-options{display:flex;flex-direction:column;gap:10px;margin-top:15px;padding-top:5px}.answer-option{background-color:#fff;border:2px solid #FF6B00;border-radius:15px;padding:10px 15px;cursor:pointer;transition:all .2s ease-in-out;font-family:proxima-nova,sans-serif;font-size:.9rem;text-align:center}.answer-option:hover{background-color:#ff6b00;color:#fff;transform:scale(1.02)}.answer-option.selected{background-color:#ff6b00;color:#fff}.custom-answer-container{display:flex;width:100%;flex-direction:column;gap:8px}.custom-answer-input{width:100%;background-color:#fff;border:2px solid #FF6B00;border-radius:15px;padding:10px 15px;font-family:proxima-nova,sans-serif;font-size:.9rem;transition:all .2s ease-in-out;outline:none}.custom-answer-submit{background-color:#fff;border:2px solid #FF6B00;border-radius:12px;padding:4px 12px 4px 8px;cursor:pointer;transition:all .2s ease-in-out;font-family:proxima-nova,sans-serif;font-size:.8rem;color:#ff6b00;white-space:nowrap;margin-top:8px;width:32%;margin-left:auto;margin-right:auto;text-align:left;min-width:70px}.custom-answer-submit:hover:not(:disabled){background-color:#ff6b00;color:#fff;transform:scale(1.02)}.custom-answer-submit:disabled{opacity:.5;cursor:not-allowed;border-color:#ccc;color:#999}.custom-answer-input:focus{border-color:#ff6b00;box-shadow:0 0 0 2px #ff6b0033}.answer-label{font-family:proxima-nova,sans-serif;font-size:.9rem;color:#666;margin-top:10px;text-align:center}.fraction-container{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:15px;font-size:1.2rem;font-family:proxima-nova,sans-serif}.fraction{display:flex;flex-direction:column;align-items:center;gap:3px}.numerator,.denominator{padding:2px 8px}.fraction-line{width:100%;height:2px;background-color:currentColor;min-width:25px}.division-expression{display:flex;align-items:center;gap:8px;font-size:1.3rem}.dividend,.divisor{font-weight:500}.division-symbol{font-size:1.5rem;margin:0 4px}.equals{margin:0 4px}.undefined{font-style:italic}.blank-page .interactive-area{display:flex;flex-direction:column;align-items:center;justify-content:center}.blank-page .flexi{position:relative!important;left:50px;top:20px;margin-bottom:20px}.blank-page .flexi-speech-bubble{position:static!important;transform:none!important;max-width:400px;text-align:center;margin:0 auto;padding:20px;font-size:1em;line-height:1.5}.welcome-message{font-size:1.1em;line-height:1.5;margin-bottom:25px;white-space:pre-line}.start-options{display:flex;gap:15px;justify-content:center;margin-top:20px}.start-option{background-color:#4caf50;color:#fff;border:none;padding:12px 25px;border-radius:20px;font-size:1.1em;cursor:pointer;transition:transform .2s,background-color .2s;box-shadow:0 4px 6px #0000001a}.start-option:hover{background-color:#45a049;transform:translateY(-2px)}.start-option:active{transform:translateY(0)}.animated-option{background:linear-gradient(135deg,#16a34a,#15803d)!important}.animated-option:hover{background:linear-gradient(135deg,#15803d,#166534)!important}.interactive-option{background:linear-gradient(135deg,#16a34a,#15803d)!important}.interactive-option:hover{background:linear-gradient(135deg,#15803d,#166534)!important}.apple.interactive{transition:transform .2s ease-out,opacity .2s ease-out}.apple.interactive:hover{transform:translate(var(--x),var(--y));opacity:1}.apple.dragging{cursor:grabbing!important;opacity:.8;z-index:1000;transition:none}.custom-answer-error{color:#d32f2f;font-size:.9em;margin-top:5px;padding:5px;border-radius:4px;background-color:#d32f2f1a}.apple-tree{position:absolute;right:40px;bottom:0;height:400px;width:200px;display:none}.blank-page .apple-tree{display:block}.tree-trunk{position:absolute;bottom:0;left:80%;transform:translate(-50%);width:40px;height:370px;background:linear-gradient(90deg,#8b4513 10%,sienna,#8b4513 90%);border-radius:10px 10px 0 0}.tree-crown{position:absolute;bottom:350px;left:80%;transform:translate(-50%);width:180px;height:180px;background:radial-gradient(circle at center,#228b22,#006400);border-radius:50%;box-shadow:-20px -20px #228b22,20px -20px #228b22,-10px 20px #228b22,10px 20px #228b22}.tree-apple{position:absolute;width:24px;height:24px;font-size:24px;display:flex;justify-content:center;align-items:center;animation:sway 3s ease-in-out infinite}.tree-apple:nth-child(1){left:30%;top:20%;animation-delay:0s}.tree-apple:nth-child(2){left:60%;top:30%;animation-delay:.5s}.tree-apple:nth-child(3){left:40%;top:50%;animation-delay:1s}.tree-apple:nth-child(4){left:70%;top:60%;animation-delay:1.5s}.tree-apple:nth-child(5){left:20%;top:40%;animation-delay:2s}.tree-apple:nth-child(6){left:5%;top:35%;animation-delay:2.5s}.tree-apple:nth-child(7){left:85%;top:25%;animation-delay:3s}.tree-apple:nth-child(8){left:45%;top:10%;animation-delay:3.5s}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.restart-button{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background-color:#4a5568;color:#fff;border:none;font-size:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease;z-index:10;box-shadow:0 2px 4px #0003}.restart-button:hover{background-color:#2d3748;transform:scale(1.1)}.restart-button:active{transform:scale(.95)}.message-text{margin-bottom:10px}.apple.animating{pointer-events:none}@media (max-width: 600px){body{overflow:hidden;justify-content:center;align-items:center}.container{--scale: calc(min(100vw, 100vh) / 600 * .1);width:600px;height:600px;transform:scale(var(--scale));transform-origin:center}.flexi{left:60px!important;bottom:40px!important}.flexi.zero-basket-start{left:60px!important}.flexi.zero-basket-final{left:30%!important;bottom:240px!important}.no-baskets .flexi:not(.zero-basket-start){left:30%!important;bottom:240px!important}.flexi-speech-bubble{left:200px!important}.no-baskets .flexi-speech-bubble{left:calc(30% + 80px)!important;bottom:200px!important}.title{left:55%!important;transform:translate(-50%)!important}.restart-button{top:40px!important}.apple-tree{right:20px!important}.nav-buttons{bottom:60px!important}.baskets-container{justify-content:center!important;padding-left:0!important;padding-right:40px!important;transform:translate(40px)!important}.apple,.apple.dragging,.apple.hint-move,.apple.highlight{transform:translate(var(--x),var(--y))!important}}