:root{--green:#123c30;--green2:#0e6248;--gold:#d5a62a;--ink:#202521;--muted:#6e7771;--bg:#f8f8f5;--line:#e6e9e4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;padding-bottom:92px}.top{height:64px;position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.brand{font-weight:900;font-size:21px;color:var(--green);text-align:center}.brand small{display:block;font-size:9px;letter-spacing:1.2px;margin-top:3px}.icon-button{border:0;background:transparent;font-size:25px;width:42px;height:42px;color:var(--green)}main{max-width:900px;margin:auto}.hero{margin:14px;border-radius:20px;padding:34px 24px 28px;background:linear-gradient(125deg,#102c25 0%,#164c3b 62%,#2b6950 100%);color:white;min-height:320px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#f0c85b;margin:0 0 14px}.hero h1{font-size:clamp(29px,7vw,46px);line-height:1.05;letter-spacing:-1.3px;margin:0 0 16px;max-width:680px}.hero>p:not(.eyebrow){font-size:15px;line-height:1.55;color:#e8efeb;max-width:600px;margin:0 0 22px}.actions{display:flex;flex-wrap:wrap;gap:10px}.primary,.secondary{border-radius:10px;padding:13px 15px;font-weight:800;border:1px solid transparent;cursor:pointer}.primary{background:var(--gold);color:#1c251e}.secondary{background:transparent;color:#fff;border-color:#dce8e0}.section{padding:14px 18px 10px}.section-heading{display:flex;justify-content:space-between;align-items:end}.dark{color:var(--green2);margin-bottom:7px}h2{font-size:23px;line-height:1.2;margin:0 0 16px;letter-spacing:-.4px}.search{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);border-radius:12px;padding:0 14px;height:48px;margin:12px 0 18px;color:var(--green);font-size:24px}.search input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:14px;color:var(--ink)}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{border:1px solid #e8e9e3;border-radius:15px;min-height:128px;padding:16px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:7px;color:var(--ink);cursor:pointer}.tile span{font-size:23px;color:var(--green2)}.tile b{font-size:15px}.tile small{font-size:12px;color:#626b64}.mint{background:#e9f5ee}.peach{background:#fff0e6}.lavender{background:#f0edfa}.sand{background:#f6f0dd}.blue{background:#e8f1f7}.rose{background:#faeaf0}.status-card{margin:20px 14px 30px;padding:22px;border:1px solid var(--line);border-radius:16px;background:white}.status-card p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.5}.status-card .primary{margin-top:4px}.bottom-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;min-height:76px;padding:8px 5px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;box-shadow:0 -5px 22px #102c250b}.nav-item{flex:1;min-width:0;border:0;background:transparent;color:#69716b;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:700}.nav-item span{font-size:22px}.nav-item.active{color:var(--green2)}.nav-center{border:2px solid var(--gold);background:var(--green);color:#fff;width:61px;height:61px;flex-shrink:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;margin-top:-27px;box-shadow:0 4px 12px #123c3025}.nav-center span{font-size:23px}.nav-center small{font-size:7px;font-weight:800}.back{border:0;background:transparent;color:var(--green2);font-weight:800;padding:8px 0 18px}.notice{background:#fff7df;border:1px solid #f0dfad;border-radius:12px;padding:14px;font-size:13px;line-height:1.5;color:#5d4a18}.toast{position:fixed;left:16px;right:16px;bottom:100px;background:#202521;color:#fff;padding:12px 15px;border-radius:10px;font-size:13px;display:none;z-index:20}.toast.show{display:block}@media(min-width:700px){.hero{margin:24px 20px;padding:50px;min-height:380px}.section{padding-left:24px;padding-right:24px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-nav{left:50%;right:auto;transform:translateX(-50%);width:min(100%,900px);border-radius:18px 18px 0 0}}@media(prefers-reduced-motion:no-preference){button{transition:transform .12s ease,filter .12s ease}button:active{transform:scale(.98)}}