*{margin:0;padding:0;box-sizing:border-box}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;z-index:500;pointer-events:none}.skeleton-city{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));left:16px;width:110px;height:48px;border-radius:24px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-toggle{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));right:16px;width:48px;height:48px;border-radius:50%;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-cards{position:absolute;bottom:0;left:0;right:0;display:flex;gap:12px;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.skeleton-card{flex:0 0 calc(55% - 6px);min-width:180px;height:200px;border-radius:12px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}html{background:#000}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#333;background:#000;overflow:hidden}#app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#map{position:absolute;top:0;right:0;bottom:0;left:0}.city-selector{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));left:16px;height:48px;display:flex;align-items:center;gap:6px;padding:0 14px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:24px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;z-index:20;white-space:nowrap;transition:background .2s}.city-selector .icon-flag{width:18px;height:18px;border-radius:50%;overflow:hidden;object-fit:cover;flex-shrink:0;box-shadow:inset 0 0 0 1px #fff3}.city-selector .icon-arrow{width:18px;height:18px;filter:brightness(0) invert(1);opacity:.7;margin-left:-2px;transition:transform .2s}.city-selector.open .icon-arrow{transform:rotate(180deg)}.city-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s}.city-sheet.open{opacity:1;pointer-events:auto}.city-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0}.city-sheet-content{position:absolute;top:calc(72px + env(safe-area-inset-top,0px));left:16px;background:#1e1e1ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:14px;max-height:320px;min-width:160px;overflow:hidden;transform:translateY(-8px);transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0006}.city-sheet.open .city-sheet-content{transform:translateY(0)}.city-sheet-header{display:none}.city-sheet-list{overflow-y:auto;max-height:320px;padding:6px 0}.city-option{display:flex;align-items:center;gap:6px;padding:10px 8px 10px 10px;cursor:pointer;transition:background .15s;border-radius:8px;margin:2px 4px}.city-option:hover{background:#ffffff14}.city-option:active{background:#ffffff1f}.city-option .city-flag{width:20px;height:20px;border-radius:50%;overflow:hidden;object-fit:cover;flex-shrink:0;box-shadow:inset 0 0 0 1px #fff3}.city-option .city-name{font-size:15px;color:#fff;font-weight:500;flex:1}.city-option .city-check{width:20px;height:20px;flex-shrink:0;filter:brightness(0) invert(1);opacity:.85}.map-pin{cursor:pointer;text-align:center}.map-pin-icon{transition:transform .2s}.map-pin:hover .map-pin-icon{transform:scale(1.15)}.map-pin-label{font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap;margin-top:-4px;max-width:180px;overflow:hidden;text-overflow:ellipsis}.mapboxgl-marker.marker-dimmed{opacity:.5!important;z-index:1!important;transition:opacity .3s}.mapboxgl-marker.marker-active{opacity:1!important;z-index:100!important;transition:opacity .3s}.mapboxgl-marker.marker-active>svg{transform:scale(1.5);transition:transform .3s}.mapboxgl-marker>svg{transition:transform .3s}.mapboxgl-popup-content{padding:0!important;border-radius:12px!important;box-shadow:0 4px 16px #00000026!important;overflow:hidden}.marker-popup{padding:16px;max-width:240px}.marker-popup .popup-emoji{font-size:28px;margin-bottom:6px}.marker-popup h3{font-size:16px;font-weight:600;margin-bottom:8px;color:#000}.marker-popup p{font-size:13px;line-height:1.6;color:#666;margin-bottom:14px}.marker-popup p:empty{display:none}.navigate-btn{width:100%;padding:10px;background:#000;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.navigate-btn:hover{background:#333}@media (max-width: 768px){.marker-popup{max-width:220px;padding:14px}}.cards-bottom-wrap{position:absolute;bottom:0;left:0;right:0;z-index:200;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 60%,transparent 100%)}.cards-count{position:absolute;left:16px;display:inline-flex;align-items:center;color:#fff;font-size:12px;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none;z-index:9}.count-icon{width:18px;height:18px;filter:brightness(0) invert(1);margin-right:2px;flex-shrink:0}.count-num{font-family:-apple-system,Helvetica Neue,Arial,sans-serif;font-weight:700;letter-spacing:.5px;margin:0 2px}.cards-count:empty{display:none}.cards-count.hidden{display:none}.list-sheet-count{display:flex;align-items:center;padding:14px 16px 6px;color:#fff;font-size:12px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.location-cards{display:flex;gap:12px;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none;pointer-events:auto;align-items:flex-end}.location-cards::-webkit-scrollbar{display:none}.loc-card{flex:0 0 calc(55% - 6px);min-width:180px;max-width:240px;align-self:flex-end;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000026;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.loc-card-photo{padding:8px 8px 0;position:relative}.loc-card-photo img{width:100%;height:120px;object-fit:cover;display:block;border-radius:6px}.loc-card-photo .photo-placeholder-card{width:100%;height:120px;background:#e8e8e8;border-radius:6px}.loc-card-body{padding:14px}.loc-card:active:not(.active){transform:scale(.98)}.loc-card.active{background:#fff;box-shadow:0 4px 16px #00000040}.loc-card-title{font-size:15px;font-weight:600;margin-bottom:6px;display:flex;align-items:flex-start;gap:6px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loc-card-title .emoji{font-size:18px;flex-shrink:0}.loc-card-desc{font-size:13px;color:#666;line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.loc-card-address{font-size:11px;color:#999;line-height:1.4;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.loc-card.active .loc-card-title{white-space:normal}.loc-card.active .loc-card-desc,.loc-card.active .loc-card-address{-webkit-line-clamp:unset}.loc-card-actions{display:flex;gap:8px;max-height:0;overflow:hidden;opacity:0;margin-top:0;padding-top:0;border-top:1px solid transparent;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s ease,margin-top .3s ease,padding-top .3s ease,border-color .3s ease}.loc-card.active .loc-card-actions{max-height:60px;opacity:1;margin-top:12px;padding-top:12px;border-color:#eee}.loc-card-actions button{flex:1;padding:8px 12px;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.loc-card-actions .btn-navigate{background:#000;color:#fff}.loc-card-actions .btn-navigate:active{background:#333}.loc-card-actions .btn-copy{background:#f0f0f0;color:#333}.loc-card-actions .btn-copy:active{background:#e0e0e0}.mode-toggle{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));right:16px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:0;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:50%;cursor:pointer;z-index:400;transition:background .2s,transform .15s ease,opacity .15s ease}.mode-toggle:active,.mode-toggle.pressed{background:#3c3c3ccc}.mode-toggle .icon-toggle{width:24px;height:24px;filter:brightness(0) invert(1);display:block}.list-sheet{position:fixed;bottom:0;left:0;right:0;height:100dvh;z-index:300;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);pointer-events:none}.list-sheet.half{transform:translateY(50%);pointer-events:auto}.list-sheet.full{transform:translateY(calc(80px + env(safe-area-inset-top,0px)));pointer-events:auto}.list-sheet-handle{display:flex;justify-content:center;padding:12px 0 8px;cursor:grab;background:#1e1e1ef2;border-radius:16px 16px 0 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.list-sheet-handle span{width:40px;height:4px;border-radius:2px;background:#ffffff4d}.list-sheet-content{background:#1e1e1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;height:calc(100dvh - 36px);padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}.list-sheet-empty{padding:40px 20px;text-align:center;color:#fff6;font-size:14px}.list-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;transition:background .15s}.list-item:active{background:#ffffff14}.list-item .list-emoji{font-size:20px;flex-shrink:0;line-height:1.4}.list-item .list-thumb{width:80px;height:56px;border-radius:6px;overflow:hidden;flex-shrink:0}.list-item .list-thumb img{width:100%;height:100%;object-fit:cover;display:block}.list-item .list-info{flex:1;min-width:0}.list-item .list-name{font-size:14px;font-weight:600;color:#fff;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item .list-desc{font-size:12px;color:#ffffff80;margin-bottom:3px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.list-item .list-addr{font-size:11px;color:#ffffff4d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item .list-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.cards-bottom-wrap.hidden,.mode-toggle.hidden{display:none}.loc-card-tags{position:absolute;bottom:6px;left:14px;display:flex;gap:4px;flex-wrap:wrap;max-width:calc(100% - 20px)}.loc-tag{padding:2px 6px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;color:#fff;font-size:10px;white-space:nowrap;line-height:1.4}.nav-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;opacity:0;pointer-events:none;transition:opacity .25s}.nav-sheet.open{opacity:1;pointer-events:auto}.nav-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.nav-sheet-panel{position:absolute;bottom:0;left:0;right:0;padding:0 12px calc(12px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1)}.nav-sheet.open .nav-sheet-panel{transform:translateY(0)}.nav-sheet-options{background:#2c2c2eeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:14px;overflow:hidden}.nav-sheet-option{display:block;width:100%;padding:18px 20px;border:none;background:none;color:#fff;font-size:20px;font-weight:400;text-align:center;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.08);-webkit-tap-highlight-color:transparent}.nav-sheet-option:last-child{border-bottom:none}.nav-sheet-option:active{background:#ffffff14}.nav-sheet-cancel{display:block;width:100%;margin-top:8px;padding:18px 20px;border:none;border-radius:14px;background:#2c2c2eeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;font-size:20px;font-weight:600;text-align:center;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent}.nav-sheet-cancel:active{background:#ffffff14}