:root{--cream:#f7f3e8;--paper:#fffdf7;--ink:#17372a;--muted:#617169;--green:#2f6b43;--green-dark:#19482d;--green-soft:#e2efdf;--green-pale:#f0f6ed;--yellow:#f5c85c;--yellow-soft:#fff3c9;--orange:#d96d48;--orange-soft:#fff0e8;--line:#d9e3d7;--white:#fff;--shadow-soft:0 12px 34px #2245301a;--shadow-button:0 8px 18px #19482d2e;--font-rounded:"Avenir Next", Avenir, "SF Pro Rounded", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--cream);scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100svh;color:var(--ink);background:radial-gradient(circle at 12% 6%, #f5c85c33, transparent 23rem), var(--cream);font-family:var(--font-rounded);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.45;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{color:var(--white);background:var(--green)}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.page-shell{min-height:100svh}.kicker{color:var(--green);letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800;line-height:1.2}.intro-page{min-height:100svh;padding:max(18px, env(safe-area-inset-top)) 18px max(20px, env(safe-area-inset-bottom))}.intro-inner{flex-direction:column;width:min(100%,480px);min-height:calc(100svh - 38px);margin:0 auto;display:flex}.intro-photo{aspect-ratio:1;background:#dfe6d5;border:1px solid #2f6b431f;border-radius:30px 18px;flex:none;margin-bottom:22px;position:relative;overflow:hidden;box-shadow:0 10px 26px #2245301f}.intro-photo img{object-fit:cover;object-position:center 38%;width:100%;max-width:none;height:100%}.intro-copy h1{letter-spacing:-.045em;text-wrap:balance;max-width:430px;margin:7px 0 12px;font-size:clamp(34px,10vw,48px);font-weight:800;line-height:.98}.intro-lead{color:#4b5e55;max-width:440px;margin:0;font-size:clamp(15px,4.2vw,18px);line-height:1.48}.primary-action{width:100%;min-height:62px;color:var(--white);background:var(--green);box-shadow:var(--shadow-button);border-radius:21px;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding:10px 13px 10px 21px;font-size:17px;font-weight:800;transition:background .16s,transform .16s,box-shadow .16s;display:flex}.primary-action:hover{background:var(--green-dark);transform:translateY(-1px);box-shadow:0 10px 22px #19482d3d}.primary-action>span:first-child{flex-direction:column;display:flex}.primary-action small{color:#ffffffbd;margin-top:2px;font-size:11px;font-weight:600}.action-arrow{width:40px;height:40px;color:var(--green-dark);background:var(--yellow);border-radius:14px;flex:none;place-items:center;font-size:22px;display:grid}.topbar{z-index:20;padding-top:env(safe-area-inset-top);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf7eb;border-bottom:1px solid #2f6b431a;position:sticky;top:0}.topbar-inner{grid-template-columns:44px minmax(0,1fr) minmax(44px,auto);align-items:center;width:min(100%,520px);min-height:58px;margin:0 auto;padding:7px 16px;display:grid}.topbar-back{background:var(--green-pale);border-radius:15px;place-items:center;width:44px;height:44px;font-size:23px;font-weight:700;display:grid}.topbar-title{text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;font-size:14px;font-weight:800;overflow:hidden}.topbar-right{justify-content:flex-end;min-width:44px;display:flex}.compact-progress,.found-status{min-height:34px;color:var(--green-dark);background:var(--green-soft);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:12px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.compact-progress span,.found-status span{width:17px;height:17px;color:var(--white);background:var(--green);border-radius:50%;place-items:center;font-size:10px;display:grid}.overview-page{width:min(100%,520px);padding:24px 16px max(34px, env(safe-area-inset-bottom));margin:0 auto}.overview-heading h1{letter-spacing:-.04em;text-wrap:balance;margin:6px 0 8px;font-size:clamp(30px,8vw,39px);font-weight:800;line-height:1.02}.overview-heading>p:last-child{color:var(--muted);margin:0;font-size:14px}.progress-block{background:var(--paper);border:1px solid var(--line);border-radius:18px;margin:20px 0 18px;padding:14px 15px;box-shadow:0 7px 20px #2245300f}.progress-copy{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:9px;font-size:12px;display:flex}.progress-copy strong{color:var(--green-dark);font-variant-numeric:tabular-nums;font-weight:800}.progress-track{background:#e5ebe2;border-radius:99px;height:8px;display:block;overflow:hidden}.progress-track>span{background:linear-gradient(90deg, var(--green), #70a35d);border-radius:inherit;min-width:0;height:100%;transition:width .26s;display:block}.complete-banner{color:#5b4100;background:var(--yellow-soft);border:1px solid #c18e1838;border-radius:18px;align-items:center;gap:12px;margin:-4px 0 17px;padding:13px 14px;display:flex}.complete-banner>span{background:var(--yellow);border-radius:13px;flex:none;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.complete-banner strong{font-size:14px;display:block}.complete-banner p{margin:2px 0 0;font-size:11px}.discovery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.discovery-card{border-radius:18px;min-width:0;display:block}.thumbnail{aspect-ratio:1;background:#f3eee2;border:1px solid #2f6b431a;border-radius:18px;transition:border-color .16s,box-shadow .16s,transform .16s;display:block;position:relative;overflow:hidden;box-shadow:0 5px 14px #22453014}.discovery-card:hover .thumbnail{transform:translateY(-2px);box-shadow:0 8px 18px #22453024}.thumbnail img{object-fit:contain;width:100%;max-width:none;height:100%}.grid-status{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #0000;border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;font-weight:900;line-height:1;display:grid;position:absolute;top:7px;right:7px}.grid-status.is-found{color:var(--white);background:#2f6b43f0;border-color:#ffffffeb;font-size:12px;animation:.24s ease-out check-pop;box-shadow:0 3px 8px #19482d3d}.grid-status.is-undiscovered{color:#19482db8;background:#fffdf7c2;border-color:#19482d24;width:21px;height:21px;font-size:10px;box-shadow:0 2px 6px #17372a1a}.reset-button{min-height:44px;color:var(--muted);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin:28px auto 0;padding:8px 14px;font-size:12px;-webkit-text-decoration:underline #61716966;text-decoration:underline #61716966;display:block}.detail-shell{background:linear-gradient(180deg, #e2efdf99 0, transparent 240px), var(--cream)}.detail-shell.is-found{background:linear-gradient(180deg, #cae5c5d1 0, transparent 270px), var(--cream)}.detail-page{width:min(100%,520px);padding:22px 18px max(34px, env(safe-area-inset-bottom));margin:0 auto}.plant-heading h1{letter-spacing:-.045em;text-wrap:balance;margin:5px 0 2px;font-size:clamp(34px,9vw,46px);font-weight:800;line-height:1}.latin-name{color:var(--muted);margin:0;font-family:Georgia,Times New Roman,serif;font-size:14px;font-style:italic}.plant-description{color:#354c42;margin:17px 0;font-size:clamp(15px,4.2vw,17px);line-height:1.5}.plant-image{aspect-ratio:1;box-shadow:var(--shadow-soft);background:#f2ece0;border:1px solid #2f6b431f;border-radius:27px;margin:0;position:relative;overflow:hidden}.plant-image>img{object-fit:contain;width:100%;max-width:none;height:100%}.image-found-mark{min-height:40px;color:var(--white);background:#19482ded;border-radius:15px;align-items:center;gap:7px;padding:7px 12px 7px 8px;font-size:12px;font-weight:800;animation:.24s ease-out check-pop;display:inline-flex;position:absolute;bottom:12px;right:12px;box-shadow:0 6px 18px #19482d47}.image-found-mark span{width:25px;height:25px;color:var(--green-dark);background:var(--yellow);border-radius:50%;place-items:center;display:grid}.danger-note{border-radius:18px;align-items:flex-start;gap:11px;margin:14px 0;padding:12px 13px;display:flex}.danger-note strong{margin-bottom:2px;font-size:12px;display:block}.danger-note p{color:var(--muted);margin:0;font-size:11px;line-height:1.4}.danger-note{color:#74321d;background:var(--orange-soft);border:2px solid #d96d4857}.danger-symbol{width:34px;height:34px;color:var(--white);background:var(--orange);border-radius:12px;flex:none;place-items:center;font-size:20px;font-weight:900;display:grid}.danger-note p{color:#744a3b}.found-panel{margin-top:15px}.found-button{color:#503900;background:var(--yellow);cursor:pointer;border:0;border-radius:21px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:62px;padding:10px 16px;font-size:18px;font-weight:850;transition:background .17s,color .17s,transform .17s;display:flex;box-shadow:0 8px 18px #936b0f33}.found-button:hover{transform:translateY(-1px)}.found-button.is-active{color:var(--white);background:var(--green);box-shadow:var(--shadow-button)}.found-button-icon{width:32px;height:32px;color:inherit;background:#ffffff7a;border-radius:50%;place-items:center;font-size:20px;line-height:1;display:grid}.found-button.is-active .found-button-icon{color:var(--green-dark);background:var(--yellow);animation:.24s ease-out check-pop}.detail-navigation{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:9px;margin-top:22px;display:grid}.detail-navigation>a{background:var(--paper);border:1px solid var(--line);border-radius:17px;align-items:center;gap:8px;min-width:0;min-height:54px;padding:9px 11px;font-size:12px;font-weight:750;display:flex}.detail-navigation>a:last-child{text-align:right;justify-content:flex-end}.detail-navigation>a>span:nth-child(2),.detail-navigation>a>span:first-child:not(:last-child){min-width:0}.detail-navigation small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:1px;font-size:9px;font-weight:650;display:block}@keyframes check-pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (width<=359px){.intro-page{padding-left:14px;padding-right:14px}.intro-photo{border-radius:24px 15px;margin-bottom:17px}.intro-copy h1{font-size:32px}.intro-lead{font-size:14px}.discovery-grid{gap:7px}.thumbnail{border-radius:15px}.plant-description{font-size:14px}}@media (width>=700px){body{background:radial-gradient(circle at 20% 6%, #f5c85c3d, transparent 34rem), linear-gradient(90deg, #ece8dc 0, var(--cream) calc(50% - 310px), var(--cream) calc(50% + 310px), #ece8dc 100%)}.intro-page,.page-shell{border-left:1px solid #2f6b4314;border-right:1px solid #2f6b4314;width:min(100%,600px);margin:0 auto;box-shadow:0 0 50px #2245300f}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}