:root{color:#163c28;font-synthesis:none;background:#e5f1e8}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at 68% 40%,#f7fff8 0,#edf8f0 34%,#e4f0e7 70%,#dcebe1 100%);min-width:320px;margin:0}button,input{font:inherit}.app-canvas{grid-template-columns:minmax(0,620px) minmax(360px,448px);justify-content:center;align-items:center;gap:clamp(40px,8vw,140px);min-height:100dvh;padding:36px 56px;display:grid;overflow:hidden}.desktop-story{flex-direction:column;min-height:720px;display:flex;position:relative}.brand-lockup{align-items:center;gap:12px;font-size:20px;display:flex}.brand-mark{color:#fff;background:#238d55;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.desktop-copy{max-width:590px;margin:auto 0 46px}.desktop-copy .eyebrow{color:#238d55;letter-spacing:.14em;margin-bottom:20px;font-size:13px;font-weight:800}.desktop-copy h1{letter-spacing:-.045em;color:#153c28;font-size:clamp(46px,4.1vw,68px);line-height:1.04}.desktop-copy>p:last-child{color:#587064;max-width:520px;margin-top:25px;font-size:20px;line-height:1.65}.step-rail{align-items:center;gap:28px;display:flex;position:relative}.step{color:#799084;align-items:center;gap:9px;font-size:14px;display:flex}.step span{color:#6e8979;background:#dbeadf;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.step.active{color:#153c28}.step.active span,.step.done span{color:#fff;background:#238d55;box-shadow:0 8px 22px #238d5533}.osm-link{color:#6a8175;align-items:center;gap:3px;margin-left:auto;font-size:11px;text-decoration:none;display:flex}.phone-frame{background:#f8faf8;border:7px solid #12221a;border-radius:50px;width:min(448px,100%);height:min(900px,100dvh - 50px);min-height:700px;overflow:hidden;box-shadow:0 38px 95px #0a301d3d,0 10px 28px #0a301d26}.screen{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9cabc transparent;background:#f8faf8;height:100%;overflow-y:auto}.app-header{height:68px;padding:max(12px, env(safe-area-inset-top)) 20px 10px;z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8faf8f0;position:sticky;top:0}.screen-body{padding:8px 18px max(22px, env(safe-area-inset-bottom))}.screen-body.compact{padding-top:2px}.hero-card{color:#fff;background:linear-gradient(145deg,#1b7748 0%,#2c9a61 58%,#50b578 100%);min-height:370px;position:relative;overflow:hidden}.hero-card h1{letter-spacing:-.035em;margin-top:19px;font-size:34px;line-height:1.08}.hero-card>p{color:#ffffffd4;max-width:270px;margin-top:13px;font-size:14px;line-height:1.55}.hero-tree,.hero-leaf{color:#d8f4df;filter:drop-shadow(0 18px 22px #09351e33);position:absolute}.hero-tree{opacity:.8;bottom:22px;right:102px;transform:rotate(8deg)}.hero-leaf{bottom:28px;right:19px;transform:rotate(-10deg)}.hero-card:after{content:"";background:#e0fae826;border:1px solid #ffffff2b;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-72px;right:-40px}.primary-action{height:64px;font-size:18px;box-shadow:0 13px 28px #238d5533}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.photo-preview.large{object-fit:cover;background:#dfe8df;border-radius:24px;width:100%;height:min(350px,39dvh)}.photo-thumb{object-fit:cover;background:#dfe8df;border-radius:14px;width:58px;height:58px}.acquiring-card{min-height:310px}.gps-pulse{color:#fff;background:#238d55;border-radius:50%;place-items:center;width:82px;height:82px;animation:1.7s ease-in-out infinite pulse;display:grid;box-shadow:0 0 0 14px #35a9681f,0 16px 30px #238d5538}@keyframes pulse{50%{box-shadow:0 0 0 22px #35a9680a,0 16px 30px #238d5538}}.map-shell{background:#e5efdf;border:1px solid #dbe8dc;border-radius:22px;height:315px;overflow:hidden}.location-map{width:100%;height:100%;font-family:inherit}.forest-map-pin{background:0 0;border:0}.forest-map-pin span{background:#238d55;border:5px solid #fff;border-radius:50% 50% 50% 0;width:38px;height:38px;display:block;transform:rotate(-45deg);box-shadow:-3px 5px 13px #0f372247}.forest-map-pin span:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;margin:9px;display:block}.leaflet-control-attribution{font-size:9px!important}.status-card{background:#f0f4f0}.status-card.resolved,.recipient-card{background:#eaf7ee;border:1px solid #d9ecdf}.recipient-icon{flex:none}.grow{overflow-wrap:anywhere;flex:1;min-width:0}.mail-card{background:#fff}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;border-top:1px solid #edf0ed;max-width:100%;max-height:245px;margin:14px 0 0;padding-top:13px;font-family:inherit;line-height:1.55;overflow:hidden auto}.success-screen{background:linear-gradient(#effaf2 0%,#f9fbf9 68%);padding:30px}.success-content{text-align:center;width:100%;max-width:350px}.success-check{color:#fff;background:#238d55;border-radius:50%;width:132px;height:132px;margin-bottom:13px;box-shadow:0 18px 42px #238d553d,0 0 0 18px #35a96814}.error-screen{padding:30px}@media (width<=960px){body{background:#f8faf8}.app-canvas{padding:0;display:block}.desktop-story{display:none}.phone-frame{width:100%;height:100dvh;min-height:640px;box-shadow:none;border:0;border-radius:0}}@media (height<=780px) and (width>=961px){.phone-frame{min-height:650px}.hero-card{min-height:315px}.map-shell{height:245px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}