@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&family=Quicksand:wght@400;500;600;700&display=swap";:root{font-family:Nunito,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #fef9f3;--color-bg-warm: #fff5eb;--color-text: #3d2c29;--color-text-muted: #8b7355;--color-red: #e85d5d;--color-red-soft: #fce8e8;--color-orange: #f59e42;--color-orange-soft: #fff1db;--color-yellow: #f7d94c;--color-yellow-soft: #fef9e7;--color-green: #5bc07a;--color-green-soft: #e8f7ed;--color-pink: #f282a9;--color-pink-soft: #fdeef3;--color-purple: #9b7bd4;--color-purple-soft: #f3eefa;--color-primary: #e85d5d;--color-primary-hover: #d94a4a;--color-success: #5bc07a;--color-success-hover: #4aad69;--shadow-soft: 0 4px 20px rgba(61, 44, 41, .08);--shadow-medium: 0 8px 30px rgba(61, 44, 41, .12);--shadow-lifted: 0 12px 40px rgba(61, 44, 41, .15);--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-full: 9999px;--font-body: "Nunito", sans-serif;--font-display: "Quicksand", sans-serif}html{font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.5;overflow-x:hidden}.app{min-height:100vh}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative}.btn{font-family:var(--font-display);font-weight:600;font-size:1.125rem;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;transition:all .2s ease;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--color-red) 0%,var(--color-orange) 100%);color:#fff;box-shadow:0 4px 15px #e85d5d59}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e85d5d73}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--success{background:linear-gradient(135deg,var(--color-green) 0%,#7dd99a 100%);color:#fff;box-shadow:0 4px 15px #5bc07a59}.btn--success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #5bc07a73}.btn--outline{background:#fff;color:var(--color-text);border:2px solid var(--color-text);box-shadow:var(--shadow-soft)}.btn--outline:hover:not(:disabled){background:var(--color-bg-warm);transform:translateY(-2px)}.btn--large{font-size:1.25rem;padding:1.25rem 2.5rem}.btn-arrow{transition:transform .2s ease}.btn:hover:not(:disabled) .btn-arrow{transform:translate(4px)}.screen--start{background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-orange-soft) 100%)}.start-content{text-align:center;z-index:10;max-width:500px}.logo{margin-bottom:1.5rem}.logo-icon{font-size:5rem;display:block;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite}.logo-title{font-family:var(--font-display);font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-red) 0%,var(--color-orange) 50%,var(--color-yellow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.start-subtitle{font-size:1.25rem;color:var(--color-text-muted);margin-bottom:2.5rem;line-height:1.6}.floating-fruits{position:absolute;inset:0;pointer-events:none;overflow:hidden}.fruit{position:absolute;font-size:2.5rem;opacity:.6;animation:float 6s ease-in-out infinite}.fruit--1{top:10%;left:8%;animation-delay:0s}.fruit--2{top:15%;right:12%;animation-delay:.5s}.fruit--3{top:35%;left:5%;animation-delay:1s}.fruit--4{top:60%;right:8%;animation-delay:1.5s}.fruit--5{bottom:25%;left:10%;animation-delay:2s}.fruit--6{bottom:15%;right:15%;animation-delay:2.5s}.fruit--7{top:50%;left:12%;animation-delay:3s}.fruit--8{bottom:35%;right:6%;animation-delay:3.5s}.screen--question{background:var(--color-bg);justify-content:flex-start;padding-top:3rem}.game-header{width:100%;max-width:600px;margin-bottom:3rem}.progress{display:flex;flex-direction:column;gap:.75rem}.progress-bar{height:12px;background:var(--color-orange-soft);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-orange) 0%,var(--color-yellow) 100%);border-radius:var(--radius-full);transition:width .4s ease}.progress-text{font-family:var(--font-display);font-size:.95rem;color:var(--color-text-muted);text-align:center}.question-content{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:2.5rem}.question-card{background:#fff;border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center;box-shadow:var(--shadow-medium);width:100%}.question-icon{font-size:3rem;display:block;margin-bottom:1rem}.question-text{font-family:var(--font-display);font-size:1.75rem;font-weight:600;line-height:1.3;color:var(--color-text)}.answers{display:flex;flex-direction:column;gap:.75rem;width:100%}.answer-btn{font-family:var(--font-display);font-weight:500;font-size:1.1rem;border:2px solid transparent;border-radius:var(--radius-md);padding:1rem 1.5rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .2s ease;text-align:left}.answer-btn:disabled{opacity:.6;cursor:not-allowed}.answer-emoji{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.answer-btn--yes{background:var(--color-green-soft);color:#2d7a47}.answer-btn--yes .answer-emoji{background:var(--color-green);color:#fff}.answer-btn--yes:hover:not(:disabled){background:#d4f0dc;border-color:var(--color-green);transform:translate(4px)}.answer-btn--probably-yes{background:#e8f7ed;color:#3d8a57}.answer-btn--probably-yes .answer-emoji{background:#8dd4a3;color:#fff}.answer-btn--probably-yes:hover:not(:disabled){background:#d9f2e2;border-color:#8dd4a3;transform:translate(4px)}.answer-btn--dunno{background:var(--color-yellow-soft);color:#8a7530}.answer-btn--dunno .answer-emoji{background:var(--color-yellow);color:#5a4d20}.answer-btn--dunno:hover:not(:disabled){background:#fdf3d0;border-color:var(--color-yellow);transform:translate(4px)}.answer-btn--probably-no{background:var(--color-orange-soft);color:#a5602e}.answer-btn--probably-no .answer-emoji{background:#f5b876;color:#fff}.answer-btn--probably-no:hover:not(:disabled){background:#ffe8cc;border-color:#f5b876;transform:translate(4px)}.answer-btn--no{background:var(--color-red-soft);color:#a54545}.answer-btn--no .answer-emoji{background:var(--color-red);color:#fff}.answer-btn--no:hover:not(:disabled){background:#f9d5d5;border-color:var(--color-red);transform:translate(4px)}.decorative-corner{position:absolute;width:200px;height:200px;border-radius:50%;opacity:.4;pointer-events:none}.decorative-corner--tl{top:-80px;left:-80px;background:radial-gradient(circle,var(--color-pink-soft) 0%,transparent 70%)}.decorative-corner--br{bottom:-80px;right:-80px;background:radial-gradient(circle,var(--color-green-soft) 0%,transparent 70%)}.loading-indicator{font-family:var(--font-display);color:var(--color-text-muted);font-size:1rem;text-align:center;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.screen--guess{background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-pink-soft) 100%)}.guess-content{text-align:center;z-index:10;max-width:450px}.guess-reveal{margin-bottom:2rem}.guess-thinking{font-family:var(--font-display);font-size:1.25rem;color:var(--color-text-muted);display:block;margin-bottom:1.5rem}.guess-fruit-card{background:#fff;border-radius:var(--radius-lg);padding:2.5rem 3rem;box-shadow:var(--shadow-lifted);display:inline-block}.guess-emoji{font-size:5rem;display:block;margin-bottom:.75rem;animation:pop .5s ease-out}.guess-name{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--color-text)}.guess-description{font-size:1rem;color:var(--color-text-muted);margin-top:.5rem}.guess-question{font-family:var(--font-display);font-size:1.5rem;color:var(--color-text);margin-bottom:1.5rem}.guess-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.guess-actions .btn{min-width:200px}.questions-info{margin-top:2rem;font-family:var(--font-display);font-size:.95rem;color:var(--color-text-muted)}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;font-size:2rem;animation:confetti-fall 3s ease-in-out infinite}.confetti-piece:nth-child(1){left:20%;animation-delay:0s}.confetti-piece:nth-child(2){left:50%;animation-delay:.5s}.confetti-piece:nth-child(3){left:80%;animation-delay:1s}.screen--correction{background:var(--color-bg)}.correction-content{width:100%;max-width:450px;display:flex;flex-direction:column;align-items:center;gap:2rem}.correction-header{text-align:center}.correction-icon{font-size:4rem;display:block;margin-bottom:1rem}.correction-title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.correction-subtitle{font-size:1.1rem;color:var(--color-text-muted)}.fruit-selector{width:100%;display:flex;flex-direction:column;gap:.5rem}.search-box{position:relative;width:100%}.search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.search-input{width:100%;font-family:var(--font-body);font-size:1.1rem;padding:1rem 1rem 1rem 3.5rem;border:2px solid #e8dfd5;border-radius:var(--radius-md);background:#fff;color:var(--color-text);transition:all .2s ease}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{outline:none;border-color:var(--color-orange);box-shadow:0 0 0 4px var(--color-orange-soft)}.search-input:disabled{opacity:.6;cursor:not-allowed}.fruit-dropdown{background:#fff;border:2px solid #e8dfd5;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-soft);max-height:300px;overflow-y:auto}.fruit-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;cursor:pointer;transition:all .15s ease;border-bottom:1px solid rgba(0,0,0,.05)}.fruit-option:last-child{border-bottom:none}.fruit-option:hover{background:var(--color-bg-warm)}.fruit-option--selected,.fruit-option.highlighted{background:var(--color-orange-soft)}.fruit-option--add{border-top:1px dashed #e8dfd5;color:var(--color-orange)}.fruit-option--add:hover{background:var(--color-orange-soft)}.fruit-option-emoji{font-size:1.5rem;width:2rem;text-align:center}.fruit-option--add .fruit-option-emoji{font-size:1.25rem;font-weight:700;width:28px;height:28px;background:var(--color-orange);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.fruit-option-name{font-family:var(--font-display);font-weight:500;font-size:1.05rem}.selector-empty{padding:1.5rem;text-align:center;color:var(--color-text-muted);font-style:italic}.wrong-guess-actions{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:350px}.screen--success{background:linear-gradient(180deg,var(--color-green-soft) 0%,var(--color-yellow-soft) 100%)}.screen--learned{background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-purple-soft) 100%)}.success-content{text-align:center;z-index:10;max-width:450px}.success-celebration{margin-bottom:2rem}.success-icon{font-size:4rem;display:block;margin-bottom:1rem;animation:bounce 1s ease-in-out infinite}.success-title{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--color-green);margin-bottom:.5rem}.success-title--learned{color:var(--color-purple)}.success-message{font-size:1.25rem;color:var(--color-text-muted)}.success-fruit{background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-medium);display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2.5rem}.success-fruit-emoji{font-size:4rem}.success-fruit-name{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-text)}.success-fruit-detail{font-size:.95rem;color:var(--color-text-muted)}.floating-fruits--celebration .fruit{opacity:.5;animation:float-up 4s ease-out infinite}.error-banner{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:var(--color-red);border-radius:var(--radius-md);padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;color:#fff;box-shadow:var(--shadow-medium);z-index:100;max-width:90%}.error-banner p{font-size:.95rem;margin:0}.error-banner button{background:#fff3;border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:var(--font-display);font-size:.9rem;white-space:nowrap}.error-banner button:hover{background:#ffffff4d}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}@keyframes float-up{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes confetti-fall{0%{transform:translateY(-100%) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media(max-width:600px){.screen{padding:1.5rem}.logo-title{font-size:2.5rem}.logo-icon{font-size:4rem}.start-subtitle{font-size:1.1rem}.question-text{font-size:1.4rem}.fruit{font-size:1.8rem}.guess-emoji{font-size:4rem}.guess-name{font-size:2rem}.guess-fruit-card{padding:2rem}.success-title{font-size:2.5rem}.correction-title{font-size:1.75rem}.btn--large{font-size:1.1rem;padding:1rem 2rem}}