:root{--paper:#fafaf7;--surface:#fff;--ink:#1a1a18;--ink-soft:#3a3a36;--muted:#6b6862;--muted-2:#9a958a;--line:#e8e4d9;--line-soft:#f1ede2;--green:#2d5a3d;--green-deep:#1f3f2b;--green-soft:#2d5a3d14;--green-line:#2d5a3d2e;--green-tint:#e8efe8;--accent:#b85a1b;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--shadow-sm:0 1px 2px #141e160a, 0 0 0 .5px #141e160f;--shadow-md:0 4px 14px #141e160f, 0 0 0 .5px #141e160d;--shadow-lg:0 12px 32px #141e161a, 0 0 0 .5px #141e160d;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{display:none}html,body{color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;background:#e8e4d9;margin:0;font-family:Inter,system-ui,sans-serif}button,input,textarea,select{font:inherit;color:inherit}#root{background:radial-gradient(at top,#f0ece1 0%,#e2ddce 70%);justify-content:center;min-height:100dvh;display:flex}.app-frame{background:var(--paper);isolation:isolate;flex-direction:column;width:100%;max-width:430px;height:100dvh;display:flex;position:relative;overflow:hidden}@media (width>=431px){.app-frame{box-shadow:var(--shadow-lg)}}.screen{background:var(--paper);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.scroll{padding:8px 20px calc(100px + var(--safe-bottom));-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.scroll.no-pad-top{padding-top:0}.app-header{justify-content:space-between;align-items:flex-end;gap:12px;padding:16px 20px;display:flex}.app-header h1{color:var(--ink);letter-spacing:.5px;margin:0;font-family:Caveat,cursive;font-size:38px;font-weight:600;line-height:1}.app-header h1.green{color:var(--green)}.app-header .eyebrow{text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);margin-bottom:4px;font-size:10.5px}.app-header .actions{gap:8px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:999px;flex-shrink:0;place-items:center;transition:background .12s;display:grid}.icon-btn:hover{background:var(--line-soft)}.icon-btn.green{background:var(--green);color:var(--paper);border-color:var(--green)}.icon-btn .ico{width:18px;height:18px}.ico{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.tabbar{-webkit-backdrop-filter:blur(14px);border-top:.5px solid var(--line);padding:10px 4px calc(10px + var(--safe-bottom));z-index:20;background:#fafaf7eb;grid-template-columns:repeat(5,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.tab{cursor:pointer;color:var(--muted-2);font:inherit;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 4px;display:flex;position:relative}.tab .ico{stroke-width:1.6px;width:22px;height:22px}.tab span{letter-spacing:.2px;font-size:10px;font-weight:500}.tab.active{color:var(--green)}.tab.active .ico{stroke-width:2px}.tab.active:after{content:"";background:var(--green);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px}.card{background:var(--surface);border-radius:var(--r-md);border:.5px solid var(--line);padding:16px}.card.flush{padding:0;overflow:hidden}.card.hero{background:var(--green);color:var(--paper);border-color:var(--green)}.card.tint{background:var(--green-tint);border-color:var(--green-line)}.chip{background:var(--line-soft);color:var(--ink-soft);border:.5px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:500;display:inline-flex}.chip.green{background:var(--green);color:var(--paper);border-color:var(--green)}.chip.soft{background:var(--green-soft);color:var(--green);border-color:var(--green-line)}.chip.outline{background:0 0}.btn{background:var(--surface);color:var(--ink);border:.5px solid var(--line);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:12px 18px;font-family:inherit;font-size:13.5px;font-weight:500;display:inline-flex}.btn .ico{width:18px;height:18px}.btn.primary{background:var(--green);color:var(--paper);border-color:var(--green)}.btn.invert{background:var(--paper);color:var(--green);border-color:var(--paper)}.btn.ghost{background:0 0}.btn:disabled{opacity:.5;cursor:not-allowed}.field{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);outline:none;width:100%;padding:12px 14px;font-size:14px;transition:border-color .12s}.field:focus{border-color:var(--green)}.field::placeholder{color:var(--muted-2)}textarea.field{resize:none;min-height:90px}.field-label{text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);margin-bottom:6px;font-size:10.5px;display:block}.serif{font-family:Caveat,cursive}.mono{font-family:JetBrains Mono,monospace}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);font-size:10.5px}.handwritten{color:var(--accent);font-family:Caveat,cursive}.num{letter-spacing:.5px;font-family:Caveat,cursive;font-weight:600;line-height:.95}.row{align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.col{flex-direction:column;display:flex}.grow{flex:1}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.divider{background:var(--line);height:.5px}.photo{background:var(--green-tint);border-radius:var(--r-md);background-position:50%;background-size:cover;position:relative;overflow:hidden}.photo.tile{aspect-ratio:1;border-radius:var(--r-sm)}.photo .photo-label{color:#ffffffeb;letter-spacing:.4px;background:linear-gradient(#0000,#0000008c);padding:10px 12px 8px;font-family:JetBrains Mono,monospace;font-size:10px;position:absolute;inset:auto 0 0}.photo.empty{background-image:radial-gradient(ellipse at 30% 20%, var(--ph-c1,#c2d4c8) 0%, var(--ph-c2,#6b8775) 80%)}.screen-content{flex-direction:column;flex:1;min-height:0;animation:.28s both fadeUp;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.overlay{background:var(--paper);z-index:30;flex-direction:column;min-height:0;animation:.24s both fadeUp;display:flex;position:absolute;inset:0}.sheet-backdrop{z-index:40;background:#1a1a1859;flex-direction:column;justify-content:flex-end;animation:.18s both fadeIn;display:flex;position:absolute;inset:0}.sheet{background:var(--paper);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:8px 20px calc(24px + var(--safe-bottom));max-height:85%;animation:.24s cubic-bezier(.2,.9,.3,1) both slideUp;overflow-y:auto}.sheet-handle{background:var(--line);border-radius:2px;width:36px;height:4px;margin:6px auto 14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.login-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:32px;display:flex}.leaflet-container{isolation:isolate;z-index:0;font:inherit;border-radius:inherit}.loading-screen{flex:1;place-items:center;display:grid}.pulse-heart{color:var(--green);font-size:42px;animation:1.2s ease-in-out infinite pulseHeart}@keyframes pulseHeart{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}