@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;800&display=swap";:root{--tomato-orange: #ff7849;--leaf-green: #37b24d;--grape-purple: #845ef7;--avocado-green: #2f9e44;--soft-yellow: #ffe066;--glass-bg: rgba(255, 255, 255, .55)}.minibody{background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;margin:0;padding:20px;font-family:Poppins,sans-serif;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.title{background:var(--glass-bg);border-radius:15px;padding:12px 22px;margin:10px auto;text-align:center;font-size:1.4rem;font-weight:800;color:var(--avocado-green);box-shadow:0 4px 10px #00000040;text-transform:uppercase;letter-spacing:2px;animation:fadeIn .9s ease}.layout{display:flex;justify-content:center;align-items:flex-start;gap:25px;flex-wrap:wrap;width:100%;max-width:1300px;margin-top:20px}.preview{width:42%;min-width:260px;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:15px;box-shadow:0 4px 20px #00000040;animation:floatIn 1s ease}.preview img{width:100%;border-radius:16px;box-shadow:0 6px 15px #0000004d;transition:transform .35s ease}.preview img:hover{transform:scale(1.03)}.controls{width:52%;min-width:260px;background:var(--glass-bg);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 20px #00000040;animation:floatIn 1.2s ease}.controls button{padding:12px 18px;font-size:1rem;font-weight:700;border:none;border-radius:14px;cursor:pointer;background:linear-gradient(135deg,var(--tomato-orange),var(--leaf-green));color:#fff;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 12px #00000040}.controls button:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 6px 18px #00000059}.controls button:active{transform:scale(.98)}.controls p{margin:4px 0;font-size:1rem;font-weight:600;color:var(--grape-purple)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.layout{flex-direction:column;align-items:center}.preview,.controls{width:92%}.title{font-size:1.1rem}}.glow-green{animation:glowPulse 2.2s infinite ease-in-out}@keyframes glowPulse{0%{box-shadow:0 0 6px #37b24d99}50%{box-shadow:0 0 16px #37b24d}to{box-shadow:0 0 6px #37b24d99}}.card-info{background:#ffffff73;border-left:6px solid var(--leaf-green);padding:14px 18px;border-radius:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:600;color:#333;animation:fadeIn .9s ease}.btn-tomato{background:linear-gradient(135deg,#ff5338,#ff9240);color:#fff;border-radius:16px;padding:10px 22px;border:none;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 12px #00000040}.btn-tomato:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 20px #ff533873}.btn-purple{background:linear-gradient(135deg,#7c4dff,#b47cff);color:#fff;border-radius:16px;padding:10px 22px;border:none;font-weight:700;cursor:pointer;transition:.25s ease;box-shadow:0 4px 12px #00000040}.btn-purple:hover{transform:translateY(-3px);box-shadow:0 8px 20px #845ef773}.box-fruit{padding:16px;border-radius:20px;background:#fff6;border:2px dashed var(--avocado-green);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn 1.2s ease}.shadow-orange{box-shadow:0 0 14px #ff784973}.shadow-purple{box-shadow:0 0 14px #845ef773}@keyframes softPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.pop{animation:softPop .35s ease-out}.preview img.analyzed{box-shadow:0 0 18px #37b24dd9;transform:scale(1.02)}.footer-bio{margin-top:30px;padding:10px 20px;background:#ffffff4d;border-radius:14px;font-size:.85rem;letter-spacing:1px;color:#2f9e44;text-transform:uppercase;font-weight:700;animation:fadeIn 1.4s ease}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}.shake{animation:shake .35s ease}.control-block{display:flex;flex-direction:column;gap:8px}.button-group{display:flex;flex-direction:column;gap:12px}