#app-chrome{display:none}
.app-mode #explore-view{animation:none!important;transform:none!important;translate:none!important;opacity:1!important}
.app-mode{--app-glass:rgba(255,255,255,.82);--app-glass-border:rgba(255,255,255,.95);--app-shadow:0 12px 42px #15244220,0 1px 3px #1524420d}
.app-mode[data-theme=dark]{--app-glass:rgba(22,25,33,.87);--app-glass-border:rgba(255,255,255,.14);--app-shadow:0 12px 42px #0005}
.app-mode .glass-surface{background:var(--app-glass);border:1px solid var(--app-glass-border);box-shadow:var(--app-shadow),inset 0 1px 0 #ffffff30;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}
.app-mode #app-chrome{display:block}.app-mode .site-header,.app-mode .demo-notice,.app-mode .account-footer,.app-mode main>footer{display:none!important}
.app-mode main{max-width:1080px;padding:calc(100px + env(safe-area-inset-top)) 24px calc(116px + env(safe-area-inset-bottom));margin:auto}
.app-mode .app-topbar{position:fixed;z-index:1050;top:calc(16px + env(safe-area-inset-top));left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}
.app-mode .app-topbar button{pointer-events:auto;color:var(--ink)}
.app-brand{display:flex;align-items:center;gap:8px;padding:9px 12px 9px 10px;border-radius:16px;font:750 17px/1.2 var(--heading);letter-spacing:-.65px;min-height:46px}.app-brand img{object-fit:contain}
.app-top-actions{display:flex;align-items:center;gap:8px}.app-icon-button{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;border-radius:15px;color:var(--ink)}
#app-chrome svg,.app-more-dialog svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.app-wallet{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 14px;border-radius:15px;font:600 13px var(--body)}
.app-mode .app-bottom{position:fixed;z-index:1050;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(416px,calc(100% - 32px));padding:7px;border-radius:25px}
.app-map-summary{display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px 14px;margin-bottom:5px;border-bottom:1px solid var(--border)}
.app-map-summary strong{display:block;font:650 15px/1.3 var(--heading);letter-spacing:-.3px;color:var(--ink)}.app-map-summary small{display:block;font:12px/1.5 var(--body);color:var(--body-copy);margin-top:4px}
.app-map-summary button{display:flex;align-items:center;gap:7px;min-height:40px;padding:9px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--ink);font-size:12px}.app-map-summary button svg{width:17px!important;height:17px!important}
.app-dock{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.app-dock button{min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:18px;color:var(--subtle);font:550 11px/1.3 var(--body);transition:background .18s,color .18s}
.app-dock button[aria-current=page]{background:var(--ink);color:var(--panel);box-shadow:0 3px 10px #11182716}.app-dock button:focus-visible,.app-topbar button:focus-visible,.app-map-summary button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.app-mode body[data-view=explore]{overflow:hidden;overscroll-behavior:none;height:100dvh}
.app-mode body[data-view=explore] main{padding:0;max-width:none}
.app-mode #explore-view>.page-heading,.app-mode #next-drop-teaser,.app-mode #featured-card,.app-mode #ecosystem,.app-mode #community-preview,.app-mode .drops-section{display:none!important}
.app-mode body[data-view=explore] .explore-grid{display:block;margin:0}
.app-mode body[data-view=explore] .map-card{position:fixed;inset:0;width:100%;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none;background:var(--panel)}
.app-mode body[data-view=explore] #map{width:100%;height:100dvh;min-height:0;background:#f5f5f3}
.app-mode body[data-view=explore] .map-toolbar,.app-mode body[data-view=explore] .map-caption{display:none}
.app-mode body[data-view=explore] .app-map-summary{display:flex}
.app-mode body[data-view=explore] .search-bar{position:fixed;z-index:800;top:calc(82px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(416px,calc(100% - 32px));display:flex;flex-direction:column;gap:9px;margin:0;pointer-events:none}
.app-mode .search-bar>*{pointer-events:auto}.app-mode .search-field{background:var(--app-glass);border:1px solid var(--app-glass-border);backdrop-filter:blur(22px) saturate(150%);box-shadow:var(--app-shadow);width:100%;height:48px;min-height:48px;border-radius:17px;padding:10px 15px}
.app-mode .search-field input{font-size:16px;line-height:1.3}.app-mode .search-field kbd{display:none}.app-mode .search-bar .filters{width:auto;align-self:center;padding:4px;gap:2px;border:1px solid var(--app-glass-border);background:var(--app-glass);backdrop-filter:blur(20px);box-shadow:0 4px 20px #15244210;border-radius:14px}
.app-mode .filters button{font-size:12px;padding:8px 14px;min-height:35px;border-radius:10px}.app-mode .filters button.active{background:var(--panel);color:var(--ink)}
.app-mode .nearby-tools{position:fixed;z-index:800;right:20px;bottom:calc(188px + env(safe-area-inset-bottom));padding:0;margin:0;border:0;background:none;box-shadow:none;width:auto;max-width:calc(100% - 40px)}
.app-mode .nearby-controls{justify-content:flex-end;gap:8px;flex-wrap:wrap}.app-mode .nearby-controls>span{display:none}.app-mode #near-me{font-size:0;width:48px;height:48px;min-width:48px;border-radius:17px;padding:0;background:var(--app-glass);color:var(--ink);border:1px solid var(--app-glass-border);backdrop-filter:blur(22px);box-shadow:var(--app-shadow)}
.app-mode #near-me span{font-size:24px}.app-mode .nearby-controls label,.app-mode #clear-nearby{background:var(--app-glass);backdrop-filter:blur(22px);border:1px solid var(--border);border-radius:12px;padding:9px;font-size:12px}.app-mode #nearby-status{max-width:340px;background:var(--app-glass);border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.4;box-shadow:var(--app-shadow)}
.app-mode #nearby-status:empty{display:none}.app-mode #nearby-status:not(.app-location-message){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:0}
.app-mode .leaflet-control-zoom{margin-right:20px!important;margin-bottom:calc(248px + env(safe-area-inset-bottom))!important;border:1px solid var(--app-glass-border)!important;border-radius:15px;overflow:hidden;box-shadow:var(--app-shadow);opacity:.96}
.app-mode .leaflet-control-zoom a{width:42px!important;height:38px!important;line-height:36px!important;background:var(--app-glass)!important;color:var(--ink)!important;border-color:var(--border)!important}
.app-mode .leaflet-control-attribution{font-size:9px;max-width:100%;background:var(--app-glass)!important;color:var(--body-copy)}
.app-mode #map-list{position:absolute;inset:calc(181px + env(safe-area-inset-top)) 16px calc(172px + env(safe-area-inset-bottom));height:auto;min-height:0;border:1px solid var(--app-glass-border);border-radius:22px;padding:8px 0;background:var(--app-glass);backdrop-filter:blur(24px);overflow:auto;overscroll-behavior:contain}
.app-mode .map-list-row{padding:17px 18px}.app-mode .map-list-row>span:nth-child(2) strong{font-size:15px}.app-mode .map-list-row small{font-size:12px}.app-mode .map-list-row .status-pill{font-size:10px}
.app-mode .map-tile-status{bottom:calc(190px + env(safe-area-inset-bottom));left:50%;right:auto;transform:translateX(-50%);width:min(416px,calc(100% - 32px));z-index:850}
.app-mode .app-card-sheet{position:fixed;z-index:1060;bottom:calc(101px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(416px,calc(100% - 32px));border-radius:25px;padding:12px 20px 19px;max-height:calc(100dvh - 290px - env(safe-area-inset-top));overflow:auto;overscroll-behavior:contain;animation:app-sheet-in .24s ease-out}
.app-sheet-grip{width:32px;height:4px;border-radius:5px;background:var(--subtle);opacity:.25;margin:0 auto 14px}.app-card-sheet>.app-icon-button{position:absolute;right:9px;top:10px;width:38px;height:38px}
.app-sheet-card{display:flex;gap:18px;align-items:center;padding-right:14px}.app-sheet-card>img{width:76px;height:112px;object-fit:contain;filter:drop-shadow(0 4px 6px #11182720);flex-shrink:0}.app-sheet-card>div{min-width:0}.app-sheet-status{color:var(--subtle);font:600 10px/1.4 var(--body);letter-spacing:.6px;text-transform:uppercase}
.app-sheet-card h2{font:700 23px/1.15 var(--heading);letter-spacing:-.8px;margin:7px 0;color:var(--ink);overflow-wrap:anywhere}.app-sheet-card p{font-size:12px;color:var(--body-copy);line-height:1.5}.app-sheet-card strong{display:block;font:650 17px/1.5 var(--heading);margin-top:8px;color:var(--ink)}.app-sheet-card strong small{font:12px var(--body);color:var(--subtle)}
.app-sheet-place{padding:14px 0;border-bottom:1px solid var(--border);color:var(--ink);font:600 14px/1.4 var(--body)}.app-sheet-place small{display:block;font-size:12px;font-weight:400;color:var(--subtle);margin-top:3px}.app-sheet-actions{display:flex;align-items:center;gap:16px;padding-top:14px}.app-sheet-actions .button{flex:1;justify-content:space-between;min-height:45px;border-radius:13px;font-size:14px}.app-sheet-actions>a{font-size:12px;color:var(--body-copy);white-space:nowrap}
.app-mode .app-card-open .app-map-summary{display:none}.app-mode .app-card-open .nearby-tools,.app-mode .app-card-open .leaflet-control-zoom{visibility:hidden}
.app-mode #detail-dialog{margin:auto auto 0;width:min(560px,100%);max-width:100%;max-height:85dvh;border-radius:26px 26px 0 0;padding-bottom:calc(26px + env(safe-area-inset-bottom));animation:app-detail-in .22s ease-out;overscroll-behavior:contain}
.app-more-dialog{width:min(400px,calc(100% - 32px));border:1px solid var(--border);border-radius:25px;background:var(--panel);color:var(--ink);padding:22px;max-height:80dvh;overflow:auto}.app-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.app-menu-heading h2{font:700 22px var(--heading);letter-spacing:-.7px;margin:0}.app-menu-links{display:grid}.app-menu-links>button,.app-menu-links>a{display:flex;align-items:center;justify-content:space-between;padding:17px 4px;border-bottom:1px solid var(--border);font:500 15px var(--body);color:var(--body-copy);text-align:left}.app-menu-links>button:last-child,.app-menu-links>a:last-child{border-bottom:0}
.app-mode #toast{z-index:2000;bottom:calc(170px + env(safe-area-inset-bottom));max-width:calc(100% - 32px)}
@keyframes app-sheet-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes app-detail-in{from{translate:0 24px;opacity:0}to{translate:0 0;opacity:1}}
@media(min-width:761px){.app-mode .app-topbar{left:24px;right:24px;top:24px}.app-mode body[data-view=explore] .search-bar{top:24px;width:min(416px,calc(100% - 480px))}.app-mode .app-topbar .app-brand{padding-right:18px}.app-mode .app-card-sheet{max-height:calc(100dvh - 210px)}.app-mode .app-bottom{bottom:24px}.app-mode .app-card-sheet{bottom:110px}.app-mode .leaflet-control-attribution{font-size:10px}}
@media(max-height:600px){.app-mode .app-map-summary{display:none!important}.app-mode .app-card-sheet{max-height:calc(100dvh - 180px)}.app-mode .nearby-tools{bottom:115px}.app-mode .leaflet-control-zoom{margin-bottom:175px!important}.app-mode #map-list{bottom:106px}}
@media(prefers-reduced-motion:reduce){.app-card-sheet,.app-mode #detail-dialog{animation:none!important}.app-dock button{transition:none}}.motion-paused .app-card-sheet,.motion-paused #detail-dialog{animation:none!important}
.app-mode{--app-glass:rgba(255,255,255,.7);--app-glass-border:rgba(255,255,255,.94)}
.app-mode .app-bottom{padding:7px;width:min(450px,calc(100% - 28px));border-radius:25px;background:linear-gradient(135deg,#ffffffb8,#ffffff8c);border-color:#ffffffdc;box-shadow:0 10px 36px #192c4b1a,inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff70;backdrop-filter:blur(28px) saturate(170%)}
.app-mode[data-theme=dark] .app-bottom{background:linear-gradient(135deg,#1a1f29c9,#1a1f299e);border-color:#ffffff26;box-shadow:0 10px 36px #0005,inset 0 1px 0 #ffffff20}
.app-dock{grid-template-columns:repeat(5,1fr);gap:3px}.app-dock button{min-height:58px;font-size:12px;border-radius:18px;gap:5px;color:var(--body-copy)}.app-dock button[aria-current=page]{background:#202530;color:#fff;box-shadow:0 3px 12px #0002}.app-mode[data-theme=dark] .app-dock button[aria-current=page]{background:#f4f5fa;color:#202530}
.app-mode .app-map-summary{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);width:max-content;max-width:100%;padding:8px 10px 8px 16px;gap:22px;margin:0;border:1px solid var(--app-glass-border);border-radius:18px;background:var(--app-glass);backdrop-filter:blur(22px);box-shadow:0 6px 25px #17254112}.app-map-summary strong{font-size:13px}.app-map-summary small{font-size:12px;margin-top:1px}.app-map-summary button{min-height:36px;padding:6px 10px;background:transparent}
.app-mode .leaflet-tile-pane{filter:contrast(1.03) saturate(.5)}.app-mode[data-theme=dark] .leaflet-tile-pane{filter:invert(.9) hue-rotate(180deg) brightness(.8)}
.app-account-title{display:flex;align-items:center;gap:16px;margin:12px 0 25px}.account-avatar{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--border);background:var(--panel-soft);border-radius:18px}.account-avatar svg{width:27px;height:27px}.app-account-title h2{margin:4px 0 0}.app-wallet-info{padding:18px;border:1px solid var(--border);border-radius:16px;margin-bottom:18px}.app-wallet-info>span{font-size:13px;color:var(--subtle)}.app-wallet-info p{font-size:14px;overflow-wrap:anywhere;margin:8px 0 12px}.account-stats{display:grid;grid-template-columns:1fr 1fr;margin:20px 0;gap:15px}.account-stats>div{display:grid;gap:5px}.account-stats strong{font:650 27px var(--heading)}.account-stats span{font-size:13px;color:var(--subtle)}.account-disconnect{margin:24px auto 0;display:block}.app-mode #detail-dialog{background:var(--app-glass);backdrop-filter:blur(28px) saturate(160%);border:1px solid var(--app-glass-border);box-shadow:var(--app-shadow)}

.app-mode body.app-card-open .app-map-summary{display:none!important}.app-mode #near-me{gap:0}.app-mode #near-me span{line-height:1}