:root{--bg:#0F0D0B;--ink:#F5EFE6;--ink-soft:#9C9086;--rust:#D96B45;--rust-dark:#9C3D22;--rust-deep:#7A2E19;--mustard:#E3B360;--lavender:#B8A0CC;--sage:#8FB088;--sky:#8FC0DB;--card:#1C1815;--card2:#221D19;--line:rgba(245,239,230,.09);--ink-on-light:#1A1610}*{box-sizing:border-box}html{background:#0f0d0b}body{margin:0;font-family:Inter,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.font-display{font-family:Sora,sans-serif;font-weight:700;letter-spacing:-.01em}#root{max-width:480px;margin:0 auto;min-height:100vh;position:relative;background:var(--bg);display:flex;flex-direction:column}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0}input,select,textarea{font-family:inherit;font-size:inherit;color:var(--ink);background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--rust);box-shadow:0 0 0 3px #d96b452e}a{color:inherit;text-decoration:none}.screen{flex:1;display:flex;flex-direction:column;padding-bottom:80px}.topbar{display:flex;align-items:center;gap:12px;padding:20px 20px 14px;background:var(--bg);position:sticky;top:0;z-index:20}.avatar{width:42px;height:42px;border-radius:12px;background:var(--rust);display:flex;align-items:center;justify-content:center;color:var(--ink-on-light);flex-shrink:0}.back-btn{width:38px;height:38px;border-radius:12px;background:var(--card2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;color:var(--ink)}.back-btn:active{transform:scale(.93)}.eyebrow{font-size:10px;letter-spacing:.1em;color:var(--ink-soft);font-weight:600;text-transform:uppercase}.btn{border:none;border-radius:999px;padding:14px 20px;font-weight:600;cursor:pointer;text-align:center;display:block;width:100%}.btn-primary{background:var(--rust);color:#120a06;font-weight:700}.btn-outline{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.link{color:var(--ink-soft);font-size:12px;text-decoration:underline;background:none;border:none;cursor:pointer}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px}.field{width:100%;margin-bottom:12px}.hero{border-radius:26px;padding:24px 22px;background:linear-gradient(155deg,var(--rust) 0%,#7A2E19 100%);color:var(--ink-on-light);position:relative;overflow:hidden}.badge{display:inline-block;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding:5px 11px;border-radius:999px}.badge-founder{background:var(--lavender);color:#241533}.store-card{display:flex;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px;align-items:center;cursor:pointer;position:relative;color:var(--ink)}.store-card .icon{width:52px;height:52px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.store-card .check{position:absolute;top:8px;left:8px;width:20px;height:20px;border-radius:50%;background:#4c9a5a;color:#0f0d0b;font-size:11px;display:flex;align-items:center;justify-content:center}.bottom-nav{position:sticky;bottom:0;display:flex;background:var(--card);border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:20}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--ink-soft);padding:6px 0;cursor:pointer}.nav-item.active{color:var(--ink)}.nav-item .navdot{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center}.nav-item.active .navdot{background:var(--rust);color:#120a06}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:24px;z-index:9999}.modal{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;max-width:340px;width:100%;text-align:center}.stamp-circle{width:60px;height:60px;border-radius:50%;border:1.5px dashed var(--mustard);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;color:var(--rust);opacity:.6}.stamp-circle.filled{opacity:1;border-style:solid}.progressbar{width:100%;height:8px;border-radius:999px;background:#f5efe61f;overflow:hidden}.progressbar>div{height:100%;background:var(--rust);border-radius:999px;transition:width .3s}.map-box{border-radius:20px;overflow:hidden;border:1px solid var(--line);position:relative;isolation:isolate}.leaflet-container{touch-action:pan-y!important;position:relative!important;z-index:0!important}.leaflet-pane,.leaflet-top,.leaflet-bottom,.leaflet-control{z-index:5!important}.fab{position:fixed;right:max(20px,calc((100vw - 480px)/2 + 20px));bottom:96px;width:56px;height:56px;border-radius:50%;background:var(--lavender);color:#1a1610;border:none;box-shadow:0 8px 20px #b8a0cc66;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(245,239,230,.25);border-top-color:var(--ink);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:0;height:0}