@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Volkhov:wght@400;700&display=swap";:root{--MP-Green: #173831;--MP-Orange: #db7b46;--MP-White: #dddad1}.bg-mp-green{background-color:var(--MP-Green)}.bg-mp-orange{background-color:var(--MP-Orange)}.bg-mp-white{background-color:var(--MP-White)}.text-mp-green{color:var(--MP-Green)}.text-mp-white{color:var(--MP-White)}.border-mp-green{border-color:var(--MP-Green)}.border-mp-orange{border-color:var(--MP-Orange)}.font-poppins{font-family:Poppins,sans-serif}.font-volkhov{font-family:Volkhov,serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--MP-White);color:var(--MP-Green);line-height:1.6;text-align:left;margin:0;padding:0;min-height:100vh;min-height:100dvh}.App{min-height:100vh;min-height:100dvh;padding-bottom:80px;margin:0;background-color:var(--MP-White)}.home-page{height:100vh;height:100dvh;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;background-color:#000;display:flex;flex-direction:column;align-items:space-between;justify-content:space-between;text-align:center;margin:0;padding:0}.home-container{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding-bottom:100px!important;padding-top:80px!important;margin:0}.home-container img{width:300px}.home-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:24px}.home-content h1{line-height:1.2}.instruction-text-selected{padding:12px;background-color:var(--MP-Orange);border-radius:12px;margin-left:auto;margin-right:auto;font-size:1rem}.header-section{padding:24px;color:var(--MP-White);height:300px;background-size:cover;display:flex;align-items:flex-end;justify-content:center;text-align:left;background-image:linear-gradient(to bottom,#fff0,#0003)}.header-section .relative{display:flex;align-items:flex-start;justify-content:left;flex-direction:column}.header-section h1{font-size:3rem;line-height:100%}.header-section p{font-size:.85rem}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.header-section{background-size:cover;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.info.notice{background-color:var(--MP-Orange)}.info{padding:16px;border-radius:12px;background-color:#fff}.info h3{font-size:1rem}.info p{font-size:.75rem}.tabs{border:1px solid var(--MP-Green);overflow:hidden;border-radius:999px;display:flex;justify-content:center;align-items:center;gap:0px}.tabs button{border:none;background-color:var(--MP-White);color:var(--MP-Green);font-size:16px;font-weight:600;padding:12px;cursor:pointer;flex:1}.tabs button.tab-active{background-color:var(--MP-Green);color:var(--MP-White)}nav.fixed.bottom-0{position:fixed!important;color:var(--MP-White)!important;bottom:0!important;left:0!important;background-color:var(--MP-Green)!important;z-index:9999!important;width:100vw!important;border-radius:0!important}@media (display-mode: standalone){nav.fixed.bottom-0{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100vw!important;border-radius:0!important;margin:0!important;padding:0!important;padding-bottom:env(safe-area-inset-bottom)!important;transform:none!important;background-color:var(--MP-Green)!important;z-index:9999!important}.menu-modal{left:0!important;width:100vw!important;border-radius:12px 12px 0 0!important;padding-bottom:env(safe-area-inset-bottom)!important}}nav.fixed.bottom-0 .flex.justify-around{display:flex!important;justify-content:space-around!important;align-items:center!important;height:4rem!important;padding:0 1rem!important}.bottom-nav-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex:1!important;height:100%!important;transition:all .2s ease!important;text-decoration:none!important;color:var(--MP-White)!important;background:none!important;border:none!important;gap:6px!important}.bottom-nav-item:focus{outline:none!important}.bottom-nav-menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;flex-shrink:0;transition:all .3s ease;background:none;border:none;cursor:pointer;outline:none}.bottom-nav-menu-button:focus{outline:none!important}.bottom-nav-menu-button:not(.has-animal){animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.nav-item-hidden{opacity:0;pointer-events:none}.nav-item-disabled{opacity:.5;pointer-events:none}nav .svg-inline--fa{height:1.5rem}nav .active{color:var(--MP-Orange)!important;border-top:6px solid var(--MP-Orange)!important}.bottom-nav-menu-button:hover{transform:scale(1.05)!important}.bottom-nav-menu-button:active{transform:scale(.95)!important}.bottom-nav-menu-icon-container{transition:all .3s ease!important;width:3rem;height:3rem;background-color:#0000004d!important;border-radius:9999px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--MP-White)!important}.bottom-nav-menu-icon-container img{width:2.5rem;height:2.5rem}.bottom-nav-menu-animal-icon{transition:all .3s ease!important;width:1.5rem!important;height:1.5rem!important;background-color:var(--MP-White)!important;border-radius:9999px!important;display:flex!important;align-items:center!important;justify-content:center!important}.bottom-nav-menu-label{font-size:.75rem!important;font-weight:500!important;color:var(--MP-White)!important;text-align:center!important}.menu-modal{position:fixed;bottom:0;left:0;width:100vw;background-color:var(--MP-Green);z-index:9998;transition:transform .5s ease-in-out;overflow:hidden;border-radius:12px 12px 0 0}.menu-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:1000;transition:opacity .3s ease}.menu-content{height:100%;overflow-y:auto}.menu-header{text-align:center;padding:2rem 1rem;position:relative}.menu-logo{margin-bottom:1rem}.menu-app-title{color:var(--MP-White);font-family:Volkhov,serif;font-weight:700;font-size:2.25rem;line-height:1.2}.menu-help-text{color:var(--MP-White);text-align:center;margin-top:1rem;font-family:Poppins,sans-serif;font-size:.875rem;opacity:.9}.menu-close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--MP-White);font-size:24px;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;z-index:10}.menu-close-button:hover{background-color:#ffffff1a}.menu-close-button:active{background-color:#fff3}.menu-categories{display:flex;justify-content:center;margin-bottom:2rem;border:2px solid var(--MP-White);max-width:85%;margin-left:auto;margin-right:auto;border-radius:9999px;overflow:hidden}.menu-category-tab{background:transparent;border:none;color:var(--MP-White);padding:.5rem;flex:1;font-family:Poppins,sans-serif;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.menu-category-tab.active{background-color:var(--MP-White);color:var(--MP-Green)}.menu-animals{padding:0 1.5rem 2rem}.menu-animals-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem}.menu-animal-button{display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:.5rem;transition:all .2s ease;background:transparent;border:none;cursor:pointer}.menu-animal-button-unlocked:hover{background-color:#ffffff1a}.menu-animal-button-locked{opacity:.5;cursor:not-allowed}.menu-animal-button-selected{transform:scale(1.05)}.menu-animal-button-selected .menu-animal-icon-container{background-color:var(--MP-Orange)}.menu-animal-button-selected .menu-animal-name{font-weight:600;color:var(--MP-White)}.menu-animal-icon{position:relative;margin-bottom:.75rem}.menu-animal-icon-container{width:4rem;height:4rem;border-radius:9999px;display:flex;align-items:center;justify-content:center}.menu-animal-lock{position:absolute;top:-.25rem;right:-.25rem;width:1.5rem;height:1.5rem;background-color:var(--MP-Orange);border-radius:9999px;display:flex;align-items:center;justify-content:center}.menu-animal-name{color:var(--MP-White);font-family:Poppins,sans-serif;font-weight:500;font-size:.875rem;text-align:center}.content-row{display:flex;flex-direction:column;padding:15px;align-items:flex-start;justify-content:flex-start;gap:15px;align-self:stretch;border-radius:5px;border:1px solid var(--MP-Green);background:var(--MP-White);box-shadow:4px 4px #173831;text-align:left}.content-row p{line-height:1.3}.calls-page-content .content-row,.tracks-section .content-row,.scat-section .content-row{flex-direction:row;align-items:center;justify-content:flex-start}.row-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:15px}.features-section,.tracks-section,.scat-section{text-align:left}.species-image{width:100%;height:auto;border-radius:12px}.identify-page-features-description-line{border-bottom:1px solid var(--MP-Green);padding-bottom:12px;margin-bottom:12px;line-height:1.2;display:flex;flex-direction:column;gap:6px}@media (max-width: 768px){.container{padding:16px}.header-section h1{font-size:3rem}.menu-animals-grid{grid-template-columns:repeat(2,1fr)}}html{scroll-behavior:smooth}button:focus,a:focus{outline:2px solid var(--MP-Orange);outline-offset:2px}.loading{opacity:.6;pointer-events:none}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.elastic-scale{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,scale}.elastic-scale:hover{transform:scale(1.02)}.elastic-scale:active{transform:scale(.98)}.header-section *{backface-visibility:hidden;transform:translateZ(0)}body{font-family:Poppins,sans-serif;background-color:var(--MP-White);color:var(--MP-Green);line-height:1.6;text-align:left;scroll-behavior:smooth;scroll-padding-top:0;overscroll-behavior-y:contain;overscroll-behavior-x:none;margin:0;padding:0;-webkit-overflow-scrolling:touch}html{scroll-behavior:smooth;scroll-padding-top:0;overscroll-behavior-y:contain;overscroll-behavior-x:none;height:100%;-webkit-overflow-scrolling:touch}.container{width:100%;max-width:1200px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:20px;text-align:left}.learn-page-container{min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}@media (display-mode: standalone){.learn-page-container{min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;height:auto}.learn-page-container .container{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){.header-section,.header-section *,.elastic-scale{transition:none!important;animation:none!important}.header-section{height:300px!important}}@media (display-mode: standalone){*{margin:0;padding:0}html,body{margin:0;padding:0;height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:var(--MP-White)}.App{min-height:100vh;min-height:100dvh;padding:0;margin:0;margin-top:calc(-1*env(safe-area-inset-top));background-color:var(--MP-White);overflow-x:hidden;overflow-y:visible}.home-page{min-height:100vh;min-height:100dvh;margin:0;padding:0;padding-top:env(safe-area-inset-top);background-color:#000;margin-top:calc(-1*env(safe-area-inset-top))}.home-container{padding:0!important;padding-top:calc(80px + env(safe-area-inset-top))!important;margin:0;height:100vh;height:100dvh;padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}.header-section{margin:0;padding-top:max(24px,calc(24px + env(safe-area-inset-top)));padding-left:24px;padding-right:24px;padding-bottom:24px;margin-top:calc(-1*env(safe-area-inset-top));height:calc(300px + env(safe-area-inset-top));min-height:calc(300px + env(safe-area-inset-top))}nav.fixed.bottom-0{bottom:0!important;left:0!important;width:100vw!important;margin:0;border-radius:0;background-color:var(--MP-Green)!important}.container{padding-bottom:80px;margin:0}}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.App{padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(80px,calc(80px + env(safe-area-inset-bottom)))}}@media (display-mode: standalone){::-webkit-scrollbar{display:none}html,body{height:100%;height:100dvh;overflow:hidden}body{overscroll-behavior:none;-webkit-overflow-scrolling:touch}.App{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.header-section{padding-top:max(24px,calc(24px + env(safe-area-inset-top)))}nav.fixed.bottom-0{padding-bottom:env(safe-area-inset-bottom)}.home-container{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}}@media (display-mode: standalone){.header-section{padding-top:max(24px,calc(24px + env(safe-area-inset-top)))}.container{padding-left:max(24px,calc(24px + env(safe-area-inset-left)));padding-right:max(24px,calc(24px + env(safe-area-inset-right)))}}@media (display-mode: standalone){::-webkit-scrollbar{display:none}html,body{height:100%;height:100dvh;overflow-x:hidden;overflow-y:auto}body{overscroll-behavior-y:contain;overscroll-behavior-x:none;-webkit-overflow-scrolling:touch}.App{overflow-y:visible;overflow-x:hidden;-webkit-overflow-scrolling:touch}.header-section{padding-top:max(24px,calc(24px + env(safe-area-inset-top)))}nav.fixed.bottom-0{padding-bottom:env(safe-area-inset-bottom)}}@supports (-webkit-touch-callout: none){@media (display-mode: standalone){body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.App{min-height:-webkit-fill-available}}}.content-row.cursor-pointer{cursor:pointer;transition:all .2s ease}.content-row.cursor-pointer:hover{background-color:#1738310d;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.content-row.cursor-pointer:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.content-row .bg-mp-green.bg-opacity-10{border:2px solid var(--MP-Green);border-opacity:.2}.detail-modal{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:1001!important;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #0000001a;transition:transform .5s cubic-bezier(.25,.46,.45,.94);overflow:hidden;height:90vh!important}.detail-image-container{position:relative}.carousel-navigation{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--MP-Orange);flex-shrink:1;position:absolute;bottom:20px;left:50%;transform:translate(-50%,-50%);border-radius:999px;overflow:hidden;gap:8px}.carousel-navigation .carousel-button{background-color:var(--MP-Orange)!important;padding:8px 12px!important;color:var(--MP-White)!important;border:none!important}.dot-navigation{display:flex;gap:4px;justify-content:center}.dot-navigation .dot-active{background-color:var(--MP-Orange)!important}.dot-navigation button{width:12px;height:12px;border-radius:9999px;background-color:var(--MP-White);border:none}.field-card-row{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--MP-Green);border-bottom:1px solid var(--MP-Green);align-items:center}.field-card-row p{font-size:.75rem;line-height:1;flex:2}.field-card-button{padding:4px 12px;color:var(--MP-Green);border:2px solid var(--MP-Green);background-color:transparent!important;border-radius:9999px;font-family:Poppins,sans-serif;font-weight:600;font-size:1rem;flex:1}.field-card-button:hover{background-color:var(--MP-Orange)}.field-card-button:active{background-color:var(--MP-Green)}.detail-content{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:0px;text-align:left;background:var(--MP-White);padding-bottom:80px}.detail-header{position:relative;background-color:var(--MP-Green);padding:20px}.detail-header.white{background-color:transparent!important}.detail-header-container{display:flex;flex-direction:column;gap:0px}.detail-header button{background-color:var(--MP-Orange);border-radius:9999px;padding:8px;color:var(--MP-White);border:none;position:absolute;top:20px;right:20px;z-index:9999}.detail-header-title{z-index:9999;display:flex;align-items:center;gap:10px}.detail-header-title h1,.detail-header-title h4{margin:0;line-height:1}.detail-image-container{padding:20px}.detail-image-container img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:12px}.rut-bar-section{display:flex;align-items:center;justify-content:space-between;gap:8px}.rut-bar{position:relative;width:100%;height:8px;border-radius:9999px;background:#17383133;overflow:hidden}.rut-bar .rut-highlight{position:absolute;top:0;bottom:0;background:var(--MP-Orange)}.detail-modal .aspect-square{aspect-ratio:1 / 1}@media (display-mode: standalone){.detail-modal{left:0!important;width:100vw!important;border-radius:12px 12px 0 0!important;padding-bottom:env(safe-area-inset-bottom)!important}}.translate-y-0{transform:translateY(0)}.translate-y-full{transform:translateY(100%)}.pwa-loading-indicator{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:var(--MP-Green);color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:1000;text-align:center;max-width:90vw;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}body.offline:before{content:"You're offline - some features may be limited";position:fixed;top:0;left:0;right:0;background-color:#f59e0b;color:#fff;text-align:center;padding:8px;font-size:14px;font-weight:500;z-index:9999}.pwa-install-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--MP-Green);color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:1000;display:flex;align-items:center;gap:12px;max-width:90vw}.pwa-install-prompt button{background-color:var(--MP-Orange);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer}.pwa-install-prompt button:hover{background-color:#c2410c}.pwa-install-prompt .close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.pwa-update-notification{position:fixed;top:20px;right:20px;background-color:var(--MP-Green);color:#fff;padding:16px;border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:1000;max-width:300px}.pwa-update-notification button{background-color:var(--MP-Orange);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;margin-top:8px;width:100%}.install-banner{position:fixed;top:0;left:0;right:0;background-color:var(--MP-Green);color:var(--MP-White);z-index:1000;box-shadow:0 2px 10px #0000001a;animation:slideDown .3s ease-out}.install-banner-content{display:flex;align-items:center;padding:12px 16px;gap:12px;max-width:100%}.install-banner-icon{flex-shrink:0;width:40px;height:40px;background-color:var(--MP-Orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--MP-White)}.install-banner-text{flex:1;min-width:0}.install-banner-title{font-family:Poppins,sans-serif;font-weight:600;font-size:16px;margin:0 0 4px;color:var(--MP-White)}.install-banner-instructions{font-family:Poppins,sans-serif;font-size:14px;margin:0;color:var(--MP-White);opacity:.9;line-height:1.3}.install-banner-instructions .inline-icon{margin:0 4px;font-size:12px;opacity:.8}.install-banner-dismiss{flex-shrink:0;background:none;border:none;color:var(--MP-White);font-size:18px;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.install-banner-dismiss:hover{background-color:#ffffff1a}.install-banner-dismiss:active{background-color:#fff3}.home-page.has-install-banner .home-container{padding-top:calc(80px + env(safe-area-inset-top))}@media (display-mode: standalone){.install-banner{display:none!important}.home-page.has-install-banner .home-container{padding-top:calc(80px + env(safe-area-inset-top))}}@media (max-width: 480px){.install-banner-content{padding:10px 12px;gap:10px}.install-banner-icon{width:36px;height:36px;font-size:16px}.install-banner-title{font-size:15px}.install-banner-instructions{font-size:13px}.install-banner-dismiss{width:28px;height:28px;font-size:16px}}@media (max-width: 480px){.menu-close-button{top:.75rem;right:.75rem;width:36px;height:36px;font-size:20px}}.desktop-modal{position:fixed;inset:0;background-color:var(--MP-White);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.desktop-modal-content{background-color:var(--MP-White);border:3px solid var(--MP-Green);border-radius:20px;padding:40px;max-width:500px;width:100%;text-align:center;box-shadow:0 10px 30px #0003}.desktop-modal-icon{width:80px;height:80px;background-color:var(--MP-Green);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:40px;color:var(--MP-White)}.desktop-modal-title{font-family:Volkhov,serif;font-size:28px;font-weight:700;color:var(--MP-Green);margin:0 0 16px;line-height:1.2}.desktop-modal-message{font-family:Poppins,sans-serif;font-size:16px;color:var(--MP-Green);margin:0 0 24px;line-height:1.5}.desktop-modal-features{display:flex;flex-direction:column;gap:12px;margin:24px 0;padding:20px;background-color:#1738310d;border-radius:12px}.desktop-modal-feature{display:flex;align-items:center;gap:12px;font-family:Poppins,sans-serif;font-size:14px;color:var(--MP-Green)}.desktop-modal-feature .feature-icon{width:20px;height:20px;color:var(--MP-Orange)}.desktop-modal-instructions{text-align:left;background-color:#db7b461a;padding:20px;border-radius:12px;margin-top:24px}.desktop-modal-instructions p{font-family:Poppins,sans-serif;font-size:14px;color:var(--MP-Green);margin:0 0 12px;font-weight:600}.desktop-modal-instructions ol{font-family:Poppins,sans-serif;font-size:14px;color:var(--MP-Green);margin:0;padding-left:20px}.desktop-modal-instructions li{margin-bottom:8px;line-height:1.4}@media (max-width: 1024px){.desktop-modal{display:none!important}}@media (max-width: 600px){.desktop-modal-content{padding:30px 20px;margin:10px}.desktop-modal-title{font-size:24px}.desktop-modal-message{font-size:14px}.desktop-modal-icon{width:60px;height:60px;font-size:30px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}