@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px}50%{box-shadow:0 0 20px}}@keyframes bounceBorder{0%,to{border-width:4px}50%{border-width:8px}}.marco-1{color:#3b82f6;box-sizing:border-box;border:4px dashed #3b82f6;border-radius:50%;padding:4px}.marco-2{color:#10b981;box-sizing:border-box;border:4px dotted #10b981;border-radius:50%;padding:4px}.marco-3{color:#ef4444;box-sizing:border-box;border:4px double #ef4444;border-radius:50%;padding:4px;animation:2s infinite pulseGlow}.marco-4{color:#8b5cf6;box-sizing:border-box;border:4px dashed #8b5cf6;border-radius:50%;padding:4px;animation:10s linear infinite spin}.marco-5{color:#ec4899;box-sizing:border-box;border:4px ridge #ec4899;border-radius:50%;padding:4px;animation:1s infinite bounceBorder}.marco-6{color:#14b8a6;box-sizing:border-box;border:4px inset #14b8a6;border-radius:50%;padding:4px;animation:2s infinite pulseGlow}.marco-7{color:#f59e0b;box-sizing:border-box;border:4px outset #f59e0b;border-radius:50%;padding:4px}.marco-8{color:#06b6d4;box-sizing:border-box;border:4px dashed #06b6d4;border-radius:50%;padding:4px;animation:10s linear infinite spin}.marco-9{color:#84cc16;box-sizing:border-box;border:4px dashed #84cc16;border-radius:50%;padding:4px;animation:2s infinite pulseGlow}.marco-10{color:#f28b30;box-sizing:border-box;border:4px dotted #f28b30;border-radius:50%;padding:4px;animation:1s infinite bounceBorder}.marco-11{color:#3b82f6;box-sizing:border-box;border:4px double #3b82f6;border-radius:50%;padding:4px}.marco-12{color:#10b981;box-sizing:border-box;border:4px dashed #10b981;border-radius:50%;padding:4px;animation:2s infinite pulseGlow,10s linear infinite spin}.marco-13{color:#ef4444;box-sizing:border-box;border:4px ridge #ef4444;border-radius:50%;padding:4px}.marco-14{color:#8b5cf6;box-sizing:border-box;border:4px inset #8b5cf6;border-radius:50%;padding:4px}.marco-15{color:#ec4899;box-sizing:border-box;border:4px outset #ec4899;border-radius:50%;padding:4px;animation:2s infinite pulseGlow,1s infinite bounceBorder}.marco-16{color:#14b8a6;box-sizing:border-box;border:4px dashed #14b8a6;border-radius:50%;padding:4px;animation:10s linear infinite spin}.marco-17{color:#f59e0b;box-sizing:border-box;border:4px dashed #f59e0b;border-radius:50%;padding:4px}.marco-18{color:#06b6d4;box-sizing:border-box;border:4px dotted #06b6d4;border-radius:50%;padding:4px;animation:2s infinite pulseGlow}.marco-19{color:#84cc16;box-sizing:border-box;border:4px double #84cc16;border-radius:50%;padding:4px}.marco-20{color:#f28b30;box-sizing:border-box;border:4px dashed #f28b30;border-radius:50%;padding:4px;animation:10s linear infinite spin,1s infinite bounceBorder}.marco-21{color:#3b82f6;box-sizing:border-box;border:4px ridge #3b82f6;border-radius:50%;padding:4px;animation:2s infinite pulseGlow}.marco-22{color:#10b981;box-sizing:border-box;border:4px inset #10b981;border-radius:50%;padding:4px}.marco-23{color:#ef4444;box-sizing:border-box;border:4px outset #ef4444;border-radius:50%;padding:4px}.marco-24{color:#8b5cf6;box-sizing:border-box;border:4px dashed #8b5cf6;border-radius:50%;padding:4px;animation:2s infinite pulseGlow,10s linear infinite spin}.marco-25{color:#ec4899;box-sizing:border-box;border:4px dashed #ec4899;border-radius:50%;padding:4px;animation:1s infinite bounceBorder}.marco-26{color:#14b8a6;box-sizing:border-box;border:4px dotted #14b8a6;border-radius:50%;padding:4px}.marco-27{color:#f59e0b;box-sizing:border-box;border:4px double #f59e0b;border-radius:50%;padding:4px;animation:2s infinite pulseGlow}.marco-28{color:#06b6d4;box-sizing:border-box;border:4px dashed #06b6d4;border-radius:50%;padding:4px;animation:10s linear infinite spin}.marco-29{color:#84cc16;box-sizing:border-box;border:4px ridge #84cc16;border-radius:50%;padding:4px}.marco-30{color:#f28b30;box-sizing:border-box;border:4px inset #f28b30;border-radius:50%;padding:4px;animation:2s infinite pulseGlow,1s infinite bounceBorder}.marco-31{color:#3b82f6;box-sizing:border-box;border:4px outset #3b82f6;border-radius:50%;padding:4px}.marco-32{color:#10b981;box-sizing:border-box;border:4px dashed #10b981;border-radius:50%;padding:4px;animation:10s linear infinite spin}.marco-33{color:#ef4444;box-sizing:border-box;border:4px dashed #ef4444;border-radius:50%;padding:4px;animation:2s infinite pulseGlow}.marco-34{color:#8b5cf6;box-sizing:border-box;border:4px dotted #8b5cf6;border-radius:50%;padding:4px}.marco-35{color:#ec4899;box-sizing:border-box;border:4px double #ec4899;border-radius:50%;padding:4px;animation:1s infinite bounceBorder}.marco-36{color:#14b8a6;box-sizing:border-box;border:4px dashed #14b8a6;border-radius:50%;padding:4px;animation:2s infinite pulseGlow,10s linear infinite spin}.marco-37{color:#f59e0b;box-sizing:border-box;border:4px ridge #f59e0b;border-radius:50%;padding:4px}.marco-38{color:#06b6d4;box-sizing:border-box;border:4px inset #06b6d4;border-radius:50%;padding:4px}.marco-39{color:#84cc16;box-sizing:border-box;border:4px outset #84cc16;border-radius:50%;padding:4px;animation:2s infinite pulseGlow}.marco-40{color:#f28b30;box-sizing:border-box;border:4px dashed #f28b30;border-radius:50%;padding:4px;animation:10s linear infinite spin,1s infinite bounceBorder}.marco-41{color:#3b82f6;box-sizing:border-box;border:4px dashed #3b82f6;border-radius:50%;padding:4px}.marco-42{color:#10b981;box-sizing:border-box;border:4px dotted #10b981;border-radius:50%;padding:4px;animation:2s infinite pulseGlow}.marco-43{color:#ef4444;box-sizing:border-box;border:4px double #ef4444;border-radius:50%;padding:4px}.marco-44{color:#8b5cf6;box-sizing:border-box;border:4px dashed #8b5cf6;border-radius:50%;padding:4px;animation:10s linear infinite spin}.marco-45{color:#ec4899;box-sizing:border-box;border:4px ridge #ec4899;border-radius:50%;padding:4px;animation:2s infinite pulseGlow,1s infinite bounceBorder}.marco-46{color:#14b8a6;box-sizing:border-box;border:4px inset #14b8a6;border-radius:50%;padding:4px}.marco-47{color:#f59e0b;box-sizing:border-box;border:4px outset #f59e0b;border-radius:50%;padding:4px}.marco-48{color:#06b6d4;box-sizing:border-box;border:4px dashed #06b6d4;border-radius:50%;padding:4px;animation:2s infinite pulseGlow,10s linear infinite spin}.marco-49{color:#84cc16;box-sizing:border-box;border:4px dashed #84cc16;border-radius:50%;padding:4px}.marco-50{color:#f28b30;box-sizing:border-box;border:4px dotted #f28b30;border-radius:50%;padding:4px;animation:1s infinite bounceBorder}
:root{--primary:#f28b30;--primary-dark:#d97825;--secondary:#1f2937;--bg-color:#f9fafb;--surface:#fff;--text-main:#111827;--text-muted:#6b7280;--border:#e5e7eb;--error:#ef4444;--success:#10b981;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-glow:0 0 15px #f28b304d;--nav-height:60px;--bottom-nav-height:64px}html[data-theme=dark]{--bg-color:#111827;--surface:#1f2937;--text-main:#f9fafb;--text-muted:#9ca3af;--border:#374151;--surface-container-lowest:#111827;--surface-container-low:#1f2937;--surface-container:#374151;--surface-container-high:#4b5563;--surface-container-highest:#6b7280;--surface-variant:#374151;--outline:#4b5563;--outline-variant:#374151}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100%;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:clip}body{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));width:100%;position:relative}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s}button:active{transform:scale(.98)}input,textarea,select{box-sizing:border-box;text-overflow:ellipsis;outline:none;max-width:100%;font-family:inherit;overflow:hidden}.container{width:100%;max-width:600px;margin:0 auto;padding:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}
@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--glow-color)}50%{box-shadow:0 0 15px var(--glow-color), inset 0 0 10px var(--glow-color)}}@keyframes border-dance{0%{background-position:0%}to{background-position:100%}}@keyframes rainbow-border{0%{border-color:red}33%{border-color:#0f0}66%{border-color:#00f}to{border-color:red}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.mascota-avatar-container{background:var(--surface-variant);z-index:1;box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:inline-flex;position:relative}.mascota-avatar-container img{object-fit:cover;z-index:2;border-radius:50%;width:100%;height:100%;display:block;position:relative;box-shadow:0 2px 8px #0000001a}.marco-1{background:linear-gradient(45deg,#36f,#3cf,#36f) 0 0/200% 200%;animation:3s infinite gradient-shift;box-shadow:0 0 10px #3366ff60}.marco-2{--glow-color:#0f9;background:0 0;border:3px solid #0f9;animation:2s ease-in-out infinite pulse-glow}.marco-2:after{content:"✨";z-index:3;font-size:16px;position:absolute;top:0;right:0}.marco-3{background:conic-gradient(#c0f,#f09,#c0f);animation:4s linear infinite spin-slow}.marco-3 img{animation:4s linear infinite reverse spin-slow}.marco-4{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:3px dashed #ff8c00}.marco-5{background:linear-gradient(135deg,red,#900);box-shadow:0 0 15px #ff000080}.marco-6{background:linear-gradient(45deg,#090,#0f0,#090) 0 0/200% 200%;animation:3s infinite gradient-shift;box-shadow:0 0 10px #00990060}.marco-7{--glow-color:#00f;background:0 0;border:3px solid #00f;animation:2s ease-in-out infinite pulse-glow}.marco-7:after{content:"✨";z-index:3;font-size:16px;position:absolute;top:0;right:0}.marco-8{background:conic-gradient(#ff0,#990,#ff0);animation:4s linear infinite spin-slow}.marco-8 img{animation:4s linear infinite reverse spin-slow}.marco-9{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:3px dashed #099}.marco-10{background:linear-gradient(135deg,#f36,#f93);box-shadow:0 0 15px #ff336680}.marco-11{background:linear-gradient(45deg,#36f,#3cf,#36f) 0 0/200% 200%;animation:3s infinite gradient-shift;box-shadow:0 0 10px #3366ff60}.marco-12{--glow-color:#0f9;background:0 0;border:3px solid #0f9;animation:2s ease-in-out infinite pulse-glow}.marco-12:after{content:"✨";z-index:3;font-size:16px;position:absolute;top:0;right:0}.marco-13{background:conic-gradient(#c0f,#f09,#c0f);animation:4s linear infinite spin-slow}.marco-13 img{animation:4s linear infinite reverse spin-slow}.marco-14{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:3px dashed #ff8c00}.marco-15{background:linear-gradient(135deg,red,#900);box-shadow:0 0 15px #ff000080}.marco-16{background:linear-gradient(45deg,#090,#0f0,#090) 0 0/200% 200%;animation:3s infinite gradient-shift;box-shadow:0 0 10px #00990060}.marco-17{--glow-color:#00f;background:0 0;border:3px solid #00f;animation:2s ease-in-out infinite pulse-glow}.marco-17:after{content:"✨";z-index:3;font-size:16px;position:absolute;top:0;right:0}.marco-18{background:conic-gradient(#ff0,#990,#ff0);animation:4s linear infinite spin-slow}.marco-18 img{animation:4s linear infinite reverse spin-slow}.marco-19{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:3px dashed #099}.marco-20{background:linear-gradient(135deg,#f36,#f93);box-shadow:0 0 15px #ff336680}.marco-21{background:linear-gradient(45deg,#36f,#3cf,#36f) 0 0/200% 200%;animation:3s infinite gradient-shift;box-shadow:0 0 10px #3366ff60}.marco-22{--glow-color:#0f9;background:0 0;border:3px solid #0f9;animation:2s ease-in-out infinite pulse-glow}.marco-22:after{content:"✨";z-index:3;font-size:16px;position:absolute;top:0;right:0}.marco-23{background:conic-gradient(#c0f,#f09,#c0f);animation:4s linear infinite spin-slow}.marco-23 img{animation:4s linear infinite reverse spin-slow}.marco-24{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:3px dashed #ff8c00}.marco-25{background:linear-gradient(135deg,red,#900);box-shadow:0 0 15px #ff000080}.marco-26{background:linear-gradient(45deg,#090,#0f0,#090) 0 0/200% 200%;animation:3s infinite gradient-shift;box-shadow:0 0 10px #00990060}.marco-27{--glow-color:#00f;background:0 0;border:3px solid #00f;animation:2s ease-in-out infinite pulse-glow}.marco-27:after{content:"✨";z-index:3;font-size:16px;position:absolute;top:0;right:0}.marco-28{background:conic-gradient(#ff0,#990,#ff0);animation:4s linear infinite spin-slow}.marco-28 img{animation:4s linear infinite reverse spin-slow}.marco-29{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:3px dashed #099}.marco-30{background:linear-gradient(135deg,#f36,#f93);box-shadow:0 0 15px #ff336680}.marco-31{background:linear-gradient(45deg,#36f,#3cf,#36f) 0 0/200% 200%;animation:3s infinite gradient-shift;box-shadow:0 0 10px #3366ff60}.marco-32{--glow-color:#0f9;background:0 0;border:3px solid #0f9;animation:2s ease-in-out infinite pulse-glow}.marco-32:after{content:"✨";z-index:3;font-size:16px;position:absolute;top:0;right:0}.marco-33{background:conic-gradient(#c0f,#f09,#c0f);animation:4s linear infinite spin-slow}.marco-33 img{animation:4s linear infinite reverse spin-slow}.marco-34{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:3px dashed #ff8c00}.marco-35{background:linear-gradient(135deg,red,#900);box-shadow:0 0 15px #ff000080}.marco-36{background:linear-gradient(45deg,#090,#0f0,#090) 0 0/200% 200%;animation:3s infinite gradient-shift;box-shadow:0 0 10px #00990060}.marco-37{--glow-color:#00f;background:0 0;border:3px solid #00f;animation:2s ease-in-out infinite pulse-glow}.marco-37:after{content:"✨";z-index:3;font-size:16px;position:absolute;top:0;right:0}.marco-38{background:conic-gradient(#ff0,#990,#ff0);animation:4s linear infinite spin-slow}.marco-38 img{animation:4s linear infinite reverse spin-slow}.marco-39{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:3px dashed #099}.marco-40{background:linear-gradient(135deg,#f36,#f93);box-shadow:0 0 15px #ff336680}.marco-41{background:linear-gradient(45deg,#36f,#3cf,#36f) 0 0/200% 200%;animation:3s infinite gradient-shift;box-shadow:0 0 10px #3366ff60}.marco-42{--glow-color:#0f9;background:0 0;border:3px solid #0f9;animation:2s ease-in-out infinite pulse-glow}.marco-42:after{content:"✨";z-index:3;font-size:16px;position:absolute;top:0;right:0}.marco-43{background:conic-gradient(#c0f,#f09,#c0f);animation:4s linear infinite spin-slow}.marco-43 img{animation:4s linear infinite reverse spin-slow}.marco-44{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:3px dashed #ff8c00}.marco-45{background:linear-gradient(135deg,red,#900);box-shadow:0 0 15px #ff000080}.marco-46{background:linear-gradient(45deg,#090,#0f0,#090) 0 0/200% 200%;animation:3s infinite gradient-shift;box-shadow:0 0 10px #00990060}.marco-47{--glow-color:#00f;background:0 0;border:3px solid #00f;animation:2s ease-in-out infinite pulse-glow}.marco-47:after{content:"✨";z-index:3;font-size:16px;position:absolute;top:0;right:0}.marco-48{background:conic-gradient(#ff0,#990,#ff0);animation:4s linear infinite spin-slow}.marco-48 img{animation:4s linear infinite reverse spin-slow}.marco-49{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:3px dashed #099}.marco-50{background:linear-gradient(135deg,#f36,#f93);box-shadow:0 0 15px #ff336680}