*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--tg-header-offset:0px;--transition-fast:.15s;--transition-normal:.25s;--transition-slow:.35s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-data:reduce){.compact-image,.gallery-image,.list-card-image{display:none!important}.compact-placeholder,.gallery-placeholder{display:flex!important}}@media screen and (orientation:landscape) and (height<=500px){body{display:none!important}body:before{content:"↻ Поверните телефон вертикально";color:#1f2937;z-index:999999;text-align:center;background:#f9fafb;justify-content:center;align-items:center;padding:20px;font-size:20px;font-weight:500;position:fixed;inset:0;display:flex!important}}html{overscroll-behavior:none;height:100%;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fff;width:100%;height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;overflow:hidden}.mapboxgl-ctrl-logo,.mapboxgl-ctrl-attrib,.mapbox-improve-map{display:none!important}#map{background:#d4d4d4;position:absolute;inset:0}body.fullscreen-mode #map{top:calc(env(safe-area-inset-top,0) + 104px)!important}#loading{text-align:center;z-index:1000;opacity:0;visibility:hidden;background:#fff;border-radius:16px;padding:24px 32px;transition:opacity .2s cubic-bezier(.4,0,.2,1),visibility .2s cubic-bezier(.4,0,.2,1);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 25px #00000026}#loading.active{opacity:1;visibility:visible}.spinner{border:3px solid #f3f3f3;border-top-color:#10b981;border-radius:50%;width:40px;height:40px;margin:0 auto 12px;animation:1s linear infinite spin}.list-loading-spinner{border:3px solid #f3f3f3;border-top-color:#10b981;border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}svg.spin{animation:.8s linear infinite spin}#loading-text{color:#1f2937;font-size:14px;font-weight:500}#top-panel{top:env(safe-area-inset-top,0);-webkit-backdrop-filter:blur(6px);z-index:100;background:#ffffff26;justify-content:center;align-items:center;height:32px;display:flex;position:fixed;left:0;right:0}#places-count-inline{color:#111827;cursor:pointer;align-items:center;gap:3px;font-size:13px;font-weight:400;display:flex}#places-count-inline .city-name-dropdown{color:#111827;font-weight:600}#places-count-inline .dropdown-arrow{color:#111827;flex-shrink:0;margin-left:1px}body.fullscreen-mode #top-panel{box-shadow:0 1px 3px #0000000f;top:calc(env(safe-area-inset-top,0) + 80px)!important}#filter-chips-container{top:calc(env(safe-area-inset-top,0) + 32px);z-index:99;flex-direction:column;gap:6px;display:flex;position:fixed;left:0;right:0}body.fullscreen-mode #filter-chips-container{top:calc(env(safe-area-inset-top,0) + 112px)}#system-chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:8px 16px 0;display:flex;overflow-x:auto}#system-chips::-webkit-scrollbar{display:none}#category-chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:0 16px 8px;display:flex;overflow-x:auto}#category-chips::-webkit-scrollbar{display:none}.category-chip{-webkit-backdrop-filter:blur(10px);color:#1f2937;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffffb3;border:1px solid #00000014;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 14px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.category-chip:active{transform:scale(.95)}.category-chip.active{-webkit-backdrop-filter:blur(10px);color:#fff;background:#10b981e6;border-color:#0000}.category-chip.guides-chip{outline-offset:-4px;border-style:solid;outline:1px dotted #0000008c}.category-chip.guides-chip.active{outline-color:#fff}.category-chip.secondary-chip{background:#3b82f626;border-color:#3b82f64d}.category-chip.secondary-chip.active{color:#fff;background:#3b82f6e6;border-color:#0000}.category-chip.status-chip{gap:6px}.category-chip.status-chip svg{fill:none;flex-shrink:0;width:14px;height:14px}.category-chip.status-chip[data-status=favorite] svg{stroke:#ef4444}.category-chip.status-chip[data-status=want_to_go] svg{stroke:#60a5fa}.category-chip.status-chip.active svg{stroke:#fff}.category-chip.chip-disabled{opacity:.55;cursor:not-allowed;overflow:hidden;color:#1f2937!important;background:#ffffffb3!important;border-color:#00000014!important}.category-chip.chip-disabled svg{stroke:currentColor!important}.category-chip.chip-disabled:after{content:"";background:linear-gradient(to top right,#0000 calc(50% - .5px),#0000004d calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px));border-radius:20px;position:absolute;inset:0}.category-chip.all-filters-chip{background:#6b728026;border-color:#6b72804d;gap:6px}.category-chip.all-filters-chip svg{flex-shrink:0;width:14px;height:14px}body.view-map .category-chip{background:#ffffff26;border:1px solid #00000026}body.view-map .category-chip.active{background:#10b981d9}body.view-map .category-chip.secondary-chip{background:#3b82f633;border-color:#3b82f64d}body.view-map .category-chip.secondary-chip.active{background:#3b82f6d9}body.view-map .category-chip.guides-chip{outline-offset:-4px;border-style:solid;outline:1px dotted #000000a6}body.view-map .category-chip.guides-chip.active{outline-color:#fff}.chip-count{vertical-align:baseline;background:#ffffff4d;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-bottom:1px;margin-left:4px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.chip-chevron{vertical-align:middle;border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;margin-bottom:3px;margin-left:5px;display:inline-block;transform:rotate(45deg)}.chip-wrapper{flex-shrink:0;position:relative}.subtype-dropdown{z-index:200;background:#fff;border-radius:12px;min-width:160px;padding:8px 0;animation:.2s cubic-bezier(.4,0,.2,1) dropdownFadeIn;position:fixed;box-shadow:0 4px 20px #00000026}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.subtype-option{cursor:pointer;color:#374151;padding:12px 16px;font-size:14px;transition:background .15s cubic-bezier(.4,0,.2,1)}.subtype-option:hover{background:#f3f4f6}.subtype-option.selected{color:#10b981;font-weight:500}.subtype-option.selected:before{content:"✓ "}.subtype-option.remove-filter{color:#ef4444;border-top:1px solid #e5e7eb;margin-top:4px;padding-top:12px}.friends-dropdown{z-index:200;background:#fff;border-radius:12px;min-width:200px;max-width:280px;padding:8px 0;animation:.15s dropdownFadeIn;position:fixed;box-shadow:0 4px 20px #00000026}.friends-dropdown-empty{color:#9ca3af;text-align:center;padding:16px 20px;font-size:13px}.friend-dropdown-option{cursor:pointer;align-items:center;gap:12px;padding:10px 16px;transition:background .15s;display:flex}.friend-dropdown-option:hover{background:#f9fafb}.friend-dropdown-option.selected{background:#ecfdf5}.friend-dropdown-avatar{background:#fff;border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.friend-dropdown-avatar img{object-fit:cover;width:100%;height:100%}.friend-dropdown-avatar span{color:#6b7280;font-size:14px;font-weight:600}.friend-dropdown-name{color:#374151;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}.friend-dropdown-check{opacity:0;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .15s;display:flex}.friend-dropdown-option.selected .friend-dropdown-check{opacity:1;color:#10b981}.guides-dropdown{max-width:320px;max-height:400px;overflow-y:auto}.guide-dropdown-option{gap:10px}.guide-dropdown-cover{background:#f3f4f6;border:2px solid;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.guide-dropdown-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.guide-dropdown-info .friend-dropdown-name{font-size:13px;font-weight:500}.guide-dropdown-meta{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.guide-only-btn{color:#d1d5db;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.guide-only-btn:hover{color:#6b7280;background:#f3f4f6}.guide-only-btn.active{color:#3b82f6;background:#eff6ff}.bottom-sheet.active~#filter-chips-container{opacity:0;pointer-events:none}body.tab-collections #filter-chips-container,body.tab-friends #filter-chips-container,body.tab-add #filter-chips-container,body.tab-guides #filter-chips-container{display:none}.icon-btn{cursor:pointer;color:#1f2937;touch-action:manipulation;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);display:flex}.icon-btn:active{opacity:.7;transform:scale(.9)}#settings-btn.active{color:#fff;background:#10b981}#city-selector{cursor:pointer;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.city-info{flex-direction:column;align-items:center;gap:2px;display:flex}.city-name-row{align-items:center;gap:6px;display:flex}#city-name{color:#1f2937;font-size:18px;font-weight:700;line-height:1.2}#places-count-inline{color:#111827;letter-spacing:.3px;background:#ffffff4d;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:400}#city-select{opacity:0;cursor:pointer;width:100%;height:100%;font-size:17px;position:absolute;top:0;left:0}#city-select option{padding:12px;font-size:17px}#filters-chips-container{top:calc(env(safe-area-inset-top,0px) + 68px);z-index:99;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#fff;padding:12px 16px;position:fixed;left:0;right:0;overflow-x:auto}#filters-chips-container::-webkit-scrollbar{display:none}#filters-chips{gap:8px;min-width:max-content;display:flex}.filter-chip{color:#6b7280;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}.filter-chip:active{transform:scale(.95)}.filter-chip.active{color:#fff;background:#10b981;border-color:#10b981}.filter-chip.sort{align-items:center;gap:4px;display:flex}.filter-chip svg{width:12px;height:12px}#geolocation-btn{bottom:calc(400px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(6px);color:#6b7280;cursor:pointer;width:48px;height:48px;box-shadow:none;z-index:1001;touch-action:manipulation;background:#c8c8c84d;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;transition:background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),transform .1s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;right:16px}#geolocation-btn:active{transform:scale(.95)}#center-city-btn{display:none}#geolocation-btn.active{color:#fff;background:#3b82f68c;border-color:#3b82f666}#geolocation-btn.loading{opacity:.6}#geolocation-btn.variant-list{bottom:calc(98px + env(safe-area-inset-bottom,0px));width:50px;height:50px;right:19px}.mapboxgl-marker{will-change:transform;contain:layout style;z-index:50!important;overflow:visible!important}.mapboxgl-marker.marker-priority{z-index:60!important}.mapboxgl-marker.marker-active{z-index:70!important}.custom-marker{cursor:pointer;-webkit-user-select:none;user-select:none;backface-visibility:hidden;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;line-height:1;display:flex;transform:translateZ(0);box-shadow:0 3px 10px #00000040}.custom-marker.marker-food,.custom-marker.marker-coffee-tea{background:#f5f5f5}.custom-marker.marker-drinks{background:#fff8e1}.custom-marker.marker-culture{background:#e6ebf5}.custom-marker.marker-lifestyle{background:#f3e5f5}.custom-marker.marker-nature{background:#e0eee0}.custom-marker.marker-shopping{background:#f5e6ed}.custom-marker.zoom-dots{width:12px;height:12px;font-size:0;box-shadow:0 0 0 1px #00000026,0 4px 12px #0009}.custom-marker.zoom-dots .marker-status-badge,.custom-marker.zoom-dots .friend-marker-avatar,.custom-marker.zoom-dots .overlap-avatar-stack,.custom-marker.zoom-dots .marker-label{opacity:0;pointer-events:none}.custom-marker.zoom-dots.priority-marker{width:12px;height:12px;font-size:0}.custom-marker.zoom-minimal{width:12px;height:12px;font-size:0;box-shadow:0 0 0 1px #00000026,0 4px 12px #0009}.custom-marker.zoom-minimal .marker-status-badge,.custom-marker.zoom-minimal .friend-marker-avatar,.custom-marker.zoom-minimal .overlap-avatar-stack,.custom-marker.zoom-minimal .marker-label,.custom-marker.zoom-emoji .marker-label{opacity:0;pointer-events:none}.custom-marker.zoom-minimal.priority-marker{z-index:100;width:28px;height:28px;font-size:16px;box-shadow:0 3px 10px #00000040}.custom-marker.zoom-emoji{width:28px;height:28px;font-size:16px}.custom-marker.zoom-emoji .friend-marker-avatar,.custom-marker.zoom-emoji .overlap-avatar-stack{opacity:0;pointer-events:none}.custom-marker.zoom-emoji .marker-status-badge.favorite,.custom-marker.zoom-emoji .marker-status-badge.recommended,.custom-marker.zoom-emoji .marker-status-badge.fire,.custom-marker.zoom-emoji .marker-status-badge.heart-fire{opacity:1}.custom-marker.active{z-index:1000!important;width:46px!important;height:46px!important;font-size:26px!important;box-shadow:0 8px 24px #0006,0 2px 8px #0003!important}.custom-marker.active .marker-label{left:56px}.custom-marker.friend-marker{box-shadow:0 0 0 .5px #60a5fa,0 3px 10px #00000040}.custom-marker.friend-marker.overlap{box-shadow:0 0 0 1.5px #10b981,0 3px 10px #00000040}.custom-marker.has-friend-overlap{box-shadow:0 0 0 1px #f5a623,0 2px 8px #00000026!important}.friend-marker-avatar{z-index:10;pointer-events:none;border:.5px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;bottom:0;right:0;overflow:hidden;transform:translate(30%,30%);box-shadow:0 1px 2px #0000004d}.friend-marker-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.marker-status-badge{pointer-events:none;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 1px 2px #0003}.marker-status-badge svg{width:8px;height:8px}.marker-status-badge.want{color:#fff;background:#60a5fa}.marker-status-badge.favorite{color:#fff;background:#ef4444}.marker-status-badge.recommended{color:#fff;background:#60a5fa}.marker-status-badge.fire{background:#fdba74;font-size:9px;line-height:14px}.marker-status-badge.heart-fire{background:linear-gradient(135deg,#fca5a5 50%,#fdba74 50%);font-size:9px;line-height:14px}.spider-status-badge{width:12px;height:12px;top:-3px;right:-3px}.spider-status-badge svg{width:7px;height:7px}.overlap-avatar-stack{pointer-events:none;z-index:10;width:22px;height:18px;position:absolute;bottom:0;right:0;transform:translate(35%,35%)}.overlap-avatar{border:1.5px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;overflow:hidden;box-shadow:0 1px 2px #0003}.overlap-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.overlap-avatar-back{z-index:1;top:0;left:0}.overlap-avatar-front{z-index:2;border-color:#fff;bottom:0;right:0}.overlap-avatar-stack.has-counter{width:32px}.overlap-avatar-counter{color:#fff;z-index:3;background:#10b981;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:600;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 1px 2px #0003}.marker-label{color:#1a1a1a;white-space:normal;word-wrap:break-word;cursor:pointer;opacity:0;text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff;width:120px;max-height:2.6em;font-size:13px;font-weight:400;line-height:1.3;transition:opacity .2s cubic-bezier(.4,0,.2,1);display:block;position:absolute;top:50%;left:42px;overflow:hidden;transform:translateY(-50%)}.marker-label.visible{opacity:1}.user-location-marker{background:#3b82f6;border:4px solid #fff;border-radius:50%;width:18px;height:18px;animation:2s infinite pulse;box-shadow:0 0 0 6px #3b82f633}.cluster-marker{color:#1f2937;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;transition:width .2s cubic-bezier(.4,0,.2,1),height .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #00000026}.cluster-marker:hover{width:44px;height:44px;box-shadow:0 4px 12px #0003}.city-cluster-marker{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;display:flex;transform:translate(-50%,-50%)}.city-cluster-count{color:#fff;background:#10b981;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;transition:transform .2s;display:flex;box-shadow:0 2px 8px #10b98166}.city-cluster-name{color:#1f2937;white-space:nowrap;background:#fffffff2;border-radius:8px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:500;box-shadow:0 1px 4px #0000001a}.city-cluster-marker:hover .city-cluster-count{transform:scale(1.1)}.friends-count-badge{color:#ffffffe6;margin-left:1px;font-size:10px}.spider-marker{cursor:pointer;-webkit-user-select:none;user-select:none;backface-visibility:hidden;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;line-height:1;display:flex;transform:translateZ(0);box-shadow:0 3px 10px #00000040}.spider-marker .marker-label{width:100px;font-size:12px;left:38px}.spider-marker.active{z-index:1000!important;width:40px!important;height:40px!important;font-size:22px!important;box-shadow:0 6px 20px #00000059,0 2px 6px #0003!important}@keyframes spiderAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.bottom-sheet{box-shadow:none;z-index:1000;will-change:transform;background:0 0;border-radius:20px;height:220px;padding:0 8px;transition:transform .25s cubic-bezier(.25,.46,.45,.94),height .25s cubic-bezier(.25,.46,.45,.94),border-radius .2s;display:none;position:fixed;bottom:110px;left:0;right:0;overflow:visible;transform:translateY(calc(100% + 110px))}.bottom-sheet.active{display:block;transform:translateY(0)}.bottom-sheet.expanded{border-radius:0;height:100vh;bottom:0;overflow:hidden;box-sizing:border-box!important;width:100%!important;margin:0!important;padding:0!important;left:0!important;right:0!important}.sheet-handle{display:none}.sheet-close{color:#fff;cursor:pointer;z-index:30;touch-action:manipulation;-webkit-backdrop-filter:none;backdrop-filter:none;background:#374151;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0 0 2px;font-size:26px;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:-60px;right:16px;box-shadow:0 4px 12px #0000004d}.sheet-close:active{background:#1f2937;transform:scale(.9)}.bottom-sheet.expanded .sheet-close{color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1003;background:#374151;border-radius:50%;width:48px;height:48px;position:absolute;top:calc(48vh - 64px);right:20px;box-shadow:0 4px 12px #0000004d}.direction-btn{z-index:30;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #e5e7eb;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;height:40px;padding:0 6px 0 16px;text-decoration:none;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:12px;right:16px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.direction-btn:active{background:#f9fafb;transform:scale(.95);box-shadow:0 1px 4px #0000001a}.direction-btn svg{flex-shrink:0;width:16px;height:16px}.direction-btn-icon{flex-shrink:0;position:relative}.direction-btn-icon-circle{background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin:-6px;display:flex}.direction-btn-rating{color:#1f2937;white-space:nowrap;z-index:1;align-items:center;font-size:15px;font-weight:600;line-height:40px;display:flex}.bottom-sheet.expanded .direction-btn{z-index:1002;height:48px;padding:0 18px;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #00000026}.bottom-sheet.expanded .direction-btn svg{width:20px;height:20px}.bottom-sheet.expanded .direction-btn-rating{font-size:16px}.bookmark-btn{z-index:30;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:12px;left:164px;box-shadow:0 2px 8px #0000001a}.bookmark-btn:active{background:#eff6ff;transform:scale(.95);box-shadow:0 2px 8px #00000014}.bookmark-btn svg{stroke:#60a5fa;stroke-width:1.5px;fill:#60a5fa33;width:20px;height:20px}.bookmark-btn[data-status=favorite] svg{fill:#ef4444;stroke:#ef4444;stroke-width:1.5px}.bottom-sheet.expanded .bookmark-btn{z-index:1002;width:56px;height:56px;position:fixed;bottom:24px;left:24px;box-shadow:0 4px 16px #0003}.bottom-sheet.expanded .bookmark-btn svg{width:24px;height:24px}.compact-buttons{z-index:30;pointer-events:auto;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:12px;left:16px;right:16px}.compact-buttons.single-action{justify-content:flex-end}.slide-bookmark-btn,.slide-add-friend-spot-btn{cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex}.slide-bookmark-btn:active,.slide-add-friend-spot-btn:active{background:#eff6ff;transform:scale(.95);box-shadow:0 2px 8px #00000014}.slide-bookmark-btn svg{stroke:#60a5fa;stroke-width:1.5px;fill:#60a5fa33;width:20px;height:20px}.slide-bookmark-btn[data-status=favorite] svg{fill:#ef4444;stroke:#ef4444;stroke-width:1.5px}.slide-add-friend-spot-btn{background:#10b981;border-color:#10b981}.slide-add-friend-spot-btn svg{stroke:#fff}.slide-add-friend-spot-btn:active{background:#059669}.slide-direction-btn{cursor:pointer;touch-action:manipulation;height:40px;color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:0 6px 0 16px;text-decoration:none;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex}.slide-direction-btn:active{background:#f9fafb;transform:scale(.95);box-shadow:0 1px 4px #0000001a}.slide-direction-btn .direction-btn-rating{color:#1f2937;font-size:14px;font-weight:500}.slide-direction-btn .direction-btn-icon-circle{background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:-6px;display:flex}.bottom-sheet:not(.expanded) .bookmark-btn,.bottom-sheet:not(.expanded) .add-friend-spot-btn,.bottom-sheet:not(.expanded) .direction-btn{display:none!important}.bottom-sheet.expanded .compact-buttons{display:none}.status-menu{z-index:40;opacity:1;transform-origin:0 100%;background:#fff;border-radius:12px;min-width:180px;padding:8px;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:55px;left:14px;transform:translateY(0)scale(1);box-shadow:0 4px 20px #00000026}.status-menu.hidden{opacity:0;pointer-events:none;transform:translateY(10px)scale(.95)}.status-option{cursor:pointer;touch-action:manipulation;color:#1f2937;background:#fff;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;transition:background .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.status-option:active{background:#f3f4f6}.status-option svg{stroke:#6b7280;fill:none;flex-shrink:0;width:16px;height:16px}.status-option[data-status=want_to_go] svg{fill:#60a5fa33;stroke:#60a5fa}.status-option[data-status=favorite] svg{fill:none;stroke:#6b7280}.status-option.active{background:#f0f9ff}.status-option.active svg{stroke:#3b82f6}.status-option.active[data-status=want_to_go] svg{fill:#60a5fa;stroke:#60a5fa}.status-option.active[data-status=favorite] svg{fill:#ef4444;stroke:#ef4444}.status-check{color:#3b82f6;opacity:0;margin-left:auto;font-weight:600;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.status-option.active .status-check{opacity:1}.bottom-sheet.expanded .status-menu{bottom:88px;left:24px}.expanded-card>.status-menu{z-index:20;position:absolute;bottom:88px;left:24px}.carousel-container{z-index:1;width:100%;height:100%;position:relative;overflow:visible}.carousel-track{will-change:transform;gap:8px;height:100%;display:flex}.carousel-slide{flex-shrink:0;width:100%;height:100%;position:relative;overflow:visible}.compact-card{cursor:pointer;background:#fff;border-radius:20px;flex-direction:row;width:100%;height:100%;display:flex;position:relative;overflow:visible;box-shadow:0 4px 16px #0000001f}.compact-chips-row{z-index:29;pointer-events:none;align-items:center;gap:6px;height:32px;display:flex;position:absolute;top:-40px;left:8px;right:68px;overflow:hidden}.compact-chips-row .compact-subtypes{pointer-events:auto;flex-wrap:nowrap;align-items:center;gap:8px;margin-bottom:0;display:flex;overflow-x:auto}.compact-image-wrapper{width:160px;min-width:160px;height:100%;position:relative}.compact-image{object-fit:cover;object-position:center;background:linear-gradient(135deg,#f0f0f0 0%,#e0e0e0 100%);width:100%;height:100%}.image-spinner{z-index:1;border:2px solid #0000001a;border-top-color:#0006;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite image-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes image-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.compact-image.loading{opacity:0}.compact-image.loaded{opacity:1;transition:opacity .2s}.compact-placeholder{background:linear-gradient(135deg,#f5f5f5 0%,#e5e5e5 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:56px;display:flex}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.skeleton-item{align-items:center;gap:12px;padding:12px 16px;display:flex}.skeleton-avatar{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:10px;flex-shrink:0;width:44px;height:44px;animation:1.5s infinite shimmer}.skeleton-content{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:60%;height:14px;animation:1.5s infinite shimmer}.skeleton-subtitle{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:40%;height:12px;animation:1.5s infinite shimmer}.skeleton-city{align-items:center;gap:12px;padding:14px 20px;display:flex}.skeleton-city-icon{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:50%;width:20px;height:20px;animation:1.5s infinite shimmer}.skeleton-city-name{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:120px;height:16px;animation:1.5s infinite shimmer}.skeleton-city-count{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:60px;height:12px;margin-left:auto;animation:1.5s infinite shimmer}.compact-overlay{background:#fff;flex-direction:column;flex:1;gap:0;padding:12px 16px 60px;display:flex;position:relative}.compact-title{color:#1f2937;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;padding-right:0;font-size:17px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.compact-meta{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:12px;font-weight:400;line-height:1.4;overflow:hidden}.compact-rating{color:#9ca3af;white-space:nowrap;align-items:center;gap:0;font-size:12px;font-weight:500;display:flex}.compact-rating:before{content:"★ ";margin-right:2px;font-size:11px}.compact-hours{color:#9ca3af;font-size:12px;font-weight:500;line-height:inherit}.compact-hours-open{color:#10b981!important}.compact-hours-closing-soon{color:#f59e0b!important}.compact-hours-opening-soon{color:#3b82f6!important}.spot-closed .compact-image,.spot-closed .compact-photo,.spot-closed .list-card-image,.spot-closed .guide-spot-photo,.spot-closed .expanded-image,.spot-closed .expanded-card-image,.spot-closed .expanded-gallery img,.spot-closed .expanded-gallery .smart-image{filter:grayscale(.7);opacity:.75}.spot-closed .compact-name,.spot-closed .compact-card-name,.spot-closed .list-card-title,.spot-closed .expanded-title{color:#6b7280}.spot-closed .compact-meta,.spot-closed .compact-card-meta,.spot-closed .list-card-meta,.spot-closed .expanded-summary{color:#9ca3af}.custom-marker.spot-closed{opacity:.55;filter:grayscale(.5)}.closed-badge{color:#fff;white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;line-height:1.2;display:inline-flex}.closed-badge-permanent{background:#ef4444}.closed-badge-temporary{background:#f59e0b}.closed-badge-large{border-radius:8px;padding:6px 12px;font-size:13px}.spot-marker-closed-indicator{color:#fff;pointer-events:none;z-index:2;background:#ef4444;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 1px 2px #0003}.spot-marker-closed-indicator.temporary{background:#f59e0b}.compact-hours-closed{color:#ef4444!important}.compact-price{color:#6b7280;margin-top:2px;font-size:12px;font-weight:500}.compact-distance{color:#6b7280;font-size:12px;font-weight:500}.compact-subtypes{flex-wrap:wrap;gap:8px;margin-bottom:0;display:flex}.compact-chip{color:#6b7280;-webkit-backdrop-filter:blur(6px);white-space:nowrap;background:#ffffffb3;border:1px solid #00000014;border-radius:14px;align-items:center;height:28px;padding:0 10px;font-size:12px;font-weight:400;display:flex}.compact-description{color:#6b7280;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-bottom:8px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.compact-description-short{-webkit-line-clamp:2}.list-card-guide-line{color:#9ca3af;text-overflow:ellipsis;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin-top:-2px;margin-bottom:4px;font-size:11px;line-height:1.15;display:-webkit-box;overflow:hidden}:is(.list-card-info:has(.list-card-guide-line) .list-card-description,.list-card-info:has(.list-card-guide-line) .guide-card-note-text){-webkit-line-clamp:3}.compact-summary{color:#6b7280;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding-right:55px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.compact-address{display:none}.compact-distance-inline{color:#6b7280;font-size:13px}.expanded-card{-webkit-overflow-scrolling:touch;height:100%;display:none;overflow-y:auto}body>.expanded-card{z-index:1001;-webkit-overflow-scrolling:touch;background:#fff;flex-direction:column;width:100vw;height:100vh;position:fixed;inset:0;overflow-y:visible;pointer-events:auto!important;display:flex!important}body>.expanded-card *{pointer-events:auto}body>.sheet-close{color:#fff;cursor:pointer;z-index:1003;background:#374151;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0 0 2px;font-size:26px;display:flex;position:fixed;top:calc(48vh - 64px);right:20px;box-shadow:0 4px 12px #0000004d}.photo-gallery{z-index:5;height:48vh;position:relative;top:0;left:0;right:0;overflow:hidden;width:100%!important}.gallery-track{touch-action:pan-x;will-change:transform;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.gallery-image{object-fit:cover;min-width:100%;height:100%}.gallery-placeholder{background:linear-gradient(135deg,#f5f5f5 0%,#e5e5e5 100%);justify-content:center;align-items:center;min-width:100%;height:100%;font-size:80px;display:flex;position:relative}.gallery-dots{z-index:20;background:#0009;border-radius:18px;align-items:center;gap:8px;height:36px;padding:15px 16px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.gallery-dot{background:#ffffff80;border-radius:50%;width:6px;height:6px;transition:background .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1),border-radius .2s cubic-bezier(.4,0,.2,1)}.gallery-dot.active{background:#fff;border-radius:3px;width:24px}.gallery-counter{color:#fff;z-index:20;background:#0009;border-radius:18px;align-items:center;height:36px;padding:9px 14px;font-size:14px;font-weight:500;display:flex;position:absolute;bottom:20px;left:20px}.gallery-slide{flex-shrink:0;width:100%;min-width:100%;height:100%;position:relative}.gallery-slide .gallery-image{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.gallery-slide .gallery-image.loading{opacity:0}.gallery-slide .gallery-image.loaded{opacity:1;transition:opacity .2s}.gallery-slide .image-spinner{width:32px;height:32px}.set-cover-btn{cursor:pointer;z-index:25;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:transform .15s,background .15s;display:flex;position:absolute;bottom:20px;right:20px}.set-cover-btn:active{transform:scale(.92)}.set-cover-btn svg{fill:none;stroke:#ffffffd9;width:18px;height:18px;transition:stroke .15s,background .15s}.set-cover-btn:hover{background:#000c}.gallery-overlay{display:none}.expanded-content{-webkit-overflow-scrolling:touch;z-index:1;background:#f7f8f9;border-radius:24px 24px 0 0;padding:16px 16px 32px;position:absolute;inset:48vh 0 68px;overflow-y:auto;box-shadow:0 -4px 20px #0000001a}.expanded-title{color:#1f2937;margin-bottom:12px;padding-right:0;font-size:24px;font-weight:700;line-height:1.3}.expanded-user-note+.expanded-user-note{margin-top:-4px}.expanded-user-note:last-of-type{margin-bottom:16px}.expanded-chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.expanded-chip{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:14px;padding:6px 14px;font-size:13px;font-weight:500}.expanded-rating{color:#f59e0b;align-items:center;gap:4px;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.expanded-block{background:#fff;border-radius:16px;margin-bottom:12px;padding:16px;box-shadow:0 1px 4px #00000014}.expanded-block-divider{background:#f3f4f6;height:1px;margin:12px 0}.expanded-block-actions{background:0 0;padding:0}.expanded-summary{color:#374151;font-size:15px;line-height:1.6}.expanded-address{color:#6b7280;align-items:center;gap:8px;font-size:14px;display:flex}.address-icon{flex-shrink:0}.expanded-address .copy-address-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:4px;transition:color .2s}.expanded-address .copy-address-btn:active{color:#4ecdc4}.expanded-content .guide-actions-bar{margin:0;padding:0 0 12px}.show-on-map-no-coords{opacity:.5;cursor:default;font-size:11px}.delete-spot-btn{color:#ef4444;cursor:pointer;white-space:nowrap;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 0;font-size:13px;font-weight:500;display:flex}.delete-spot-btn:active{background:#fee2e2}.delete-spot-container{margin-top:16px;padding-bottom:0}.controls-bar{padding:16px 20px calc(env(safe-area-inset-bottom,0px) + 20px) 20px;z-index:50;background:#fff;border:none;border-radius:24px 24px 0 0;justify-content:space-between;align-items:center;gap:14px;display:none;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000014}.bottom-sheet.expanded .controls-bar{z-index:1002;display:flex;position:fixed;bottom:0;left:0;right:0}.expanded-card>.controls-bar{z-index:10;padding:16px 20px calc(env(safe-area-inset-bottom,0px) + 20px) 20px;pointer-events:auto;background:#fff;border:none;border-radius:24px 24px 0 0;gap:14px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000014}.bottom-sheet.expanded .direction-btn,.bottom-sheet.expanded .bookmark-btn{display:none}.direction-btn-expanded{cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #e5e7eb;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;height:48px;padding:0 8px 0 18px;text-decoration:none;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex;position:static;overflow:hidden;box-shadow:0 2px 8px #0000001a}.direction-btn-expanded:active{background:#f9fafb;transform:scale(.95);box-shadow:0 1px 4px #0000001a}.direction-btn-rating-expanded{color:#1f2937;white-space:nowrap;z-index:1;align-items:center;font-size:16px;font-weight:600;line-height:48px;display:flex}.direction-btn-icon-expanded{flex-shrink:0;position:relative}.bookmark-btn-expanded{cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex;position:static;box-shadow:0 2px 8px #0000001a}.bookmark-btn-expanded:active{background:#eff6ff;transform:scale(.95);box-shadow:0 2px 8px #00000014}.bookmark-btn-expanded svg{stroke:#60a5fa;stroke-width:1.5px;fill:#60a5fa33;width:22px;height:22px}.bookmark-btn-expanded[data-status=favorite] svg{fill:#ef4444;stroke:#ef4444;stroke-width:1.5px}.bookmark-btn-expanded[data-status=hidden] svg{fill:#0000;stroke:#9ca3af;stroke-width:1.5px}.bookmark-btn-expanded.add-to-collection-mode{background:#fff;border:1px solid #10b981}.bookmark-btn-expanded.add-to-collection-mode svg{stroke:#10b981;stroke-width:2px;fill:none}.bookmark-btn-expanded.add-to-collection-mode:active{background:#f0fdf4;transform:scale(.95)}.bookmark-btn-expanded.add-to-collection-mode:disabled{opacity:.6;cursor:not-allowed}.bookmark-btn-expanded.add-to-collection-mode:disabled:active{transform:none}.contact-buttons-container{align-items:center;gap:10px;margin-left:auto;display:flex}.contact-btn{cursor:pointer;touch-action:manipulation;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000001a}.contact-btn:active{background:#f9fafb;transform:scale(.95);box-shadow:0 1px 4px #0000001a}.contact-btn img{object-fit:contain;width:22px;height:22px}.phone-toast{color:#fff;text-align:center;z-index:10000;opacity:0;pointer-events:none;background:#000000d9;border-radius:12px;padding:12px 20px;font-size:14px;transition:opacity .3s,transform .3s;position:fixed;bottom:100px;left:50%;transform:translate(-50%)translateY(20px)}.phone-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.working-hours-collapsible{margin-top:0}.hours-today-row{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:8px;padding:0;display:flex}.hours-today-label{color:#374151;font-size:14px;font-weight:600}.hours-today-time{color:#6b7280;flex:1;font-size:14px;font-weight:500}.hours-chevron{color:#9ca3af;flex-shrink:0;transition:transform .2s}.working-hours-collapsible.expanded .hours-chevron{transform:rotate(180deg)}.hours-full-week{max-height:0;transition:max-height .25s;overflow:hidden}.working-hours-collapsible.expanded .hours-full-week{max-height:300px}.hours-row{justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.hours-day,.hours-time{color:#9ca3af;font-weight:500}.hours-row-today .hours-day,.hours-row-today .hours-time{color:#374151;font-weight:600}.expanded-button,.carousel-indicators{display:none}.bottom-sheet.expanded~.carousel-indicators{-webkit-backdrop-filter:blur(10px);background:#00000080;top:calc(60vh - 35px);bottom:auto}.carousel-indicators.hidden{display:none}.indicator{background:#d1d5db;border-radius:50%;width:6px;height:6px;transition:background .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1),border-radius .2s cubic-bezier(.4,0,.2,1)}.indicator.active{background:#10b981;border-radius:3px;width:24px}.overlay{z-index:999;opacity:0;visibility:hidden;pointer-events:none;background:#0009;width:100%;height:100%;transition:opacity .2s cubic-bezier(.4,0,.2,1),visibility .2s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.overlay.active,.bottom-sheet.expanded~.overlay{opacity:1;visibility:visible;pointer-events:auto}.filters-modal{z-index:10000;opacity:1;visibility:visible;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;transition:opacity .2s cubic-bezier(.4,0,.2,1),visibility .2s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.filters-modal.hidden{opacity:0;visibility:hidden;pointer-events:none}.filters-modal-content{-webkit-backdrop-filter:blur(20px);background:#ffffffeb;border:1px solid #ffffff4d;border-radius:20px;flex-direction:column;width:100%;max-width:400px;max-height:80vh;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;transform:scale(1)}.filters-modal.hidden .filters-modal-content{transform:scale(.95)}.filters-modal-header{border-bottom:1px solid #0000001a;align-items:center;padding:16px 20px;display:flex}.filters-modal-header h3{color:#1f2937;flex:1;margin:0;font-size:18px;font-weight:600}.filters-header-actions{align-items:center;gap:12px;display:flex}.filters-reset-link{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.filters-reset-link svg{width:22px;height:22px}.filters-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.filters-close svg{width:22px;height:22px}.filters-modal-body{flex:1;padding:0;overflow-y:auto}.filter-section{border-bottom:1px solid #00000014;padding:16px 20px}.filter-section:last-child{border-bottom:none}.filter-section-title{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600}.filter-toggle-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.filter-toggle-label{color:#1f2937;font-size:15px}.filter-toggle{cursor:pointer;background:#e5e7eb;border-radius:14px;width:48px;height:28px;transition:background .2s;position:relative}.filter-toggle.active{background:#10b981}.filter-toggle:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.filter-toggle.active:after{transform:translate(20px)}.filter-lists{flex-wrap:wrap;gap:8px;display:flex}.filter-list-chip{color:#4b5563;cursor:pointer;background:#ffffffb3;border:1px solid #00000014;border-radius:20px;align-items:center;padding:8px 14px;font-size:14px;transition:all .2s;display:inline-flex}.filter-list-chip svg{fill:none;width:16px;height:16px;margin-right:6px}.filter-list-chip[data-list=want_to_go] svg{stroke:#60a5fa}.filter-list-chip[data-list=favorite] svg{stroke:#ef4444}.filter-list-chip[data-list=hidden] svg{stroke:#9ca3af}.filter-list-chip.active{color:#fff;background:#10b981;border-color:#10b981}.filter-list-chip.active svg{stroke:#fff}.filter-friends-list{flex-wrap:wrap;gap:8px;display:flex}.filter-friend-item{color:#374151;cursor:pointer;background:#ffffffb3;border:1px solid #00000014;border-radius:20px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;transition:all .15s;display:inline-flex}.filter-friend-item:active{transform:scale(.97)}.filter-friend-item.active{color:#065f46;background:#ecfdf5;border-color:#10b981}.filter-friend-avatar{background:#fff;border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex;overflow:hidden}.filter-friend-avatar img{object-fit:cover;width:100%;height:100%}.filter-friend-avatar span{color:#6b7280;font-size:12px;font-weight:600}.filter-friend-name{white-space:nowrap;font-weight:500}.filter-category-expandable{border-bottom:1px solid #0000000f}.filter-category-expandable:last-child{border-bottom:none}.filter-category-header{cursor:pointer;align-items:center;padding:14px 0;display:flex}.filter-category-arrow{justify-content:center;align-items:center;width:20px;height:20px;margin-right:10px;transition:transform .2s;display:flex}.filter-category-arrow svg{stroke:#9ca3af;width:12px;height:12px}.filter-category-expandable.expanded .filter-category-arrow{transform:rotate(90deg)}.filter-category-name{color:#1f2937;flex:1;font-size:15px}.filter-category-expandable.has-selection .filter-category-name{color:#10b981;font-weight:500}.filter-category-check{border:2px solid #d1d5db;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.filter-category-check.active{background:#10b981;border-color:#10b981}.filter-category-check svg{stroke:#fff;width:14px;height:14px;display:none}.filter-category-check.active svg{display:block}.filter-subtypes{max-height:0;transition:max-height .25s;overflow:hidden}.filter-category-expandable.expanded .filter-subtypes{max-height:500px}.filter-subtype-item{cursor:pointer;align-items:center;padding:10px 0 10px 30px;display:flex}.filter-subtype-check{border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-right:10px;display:flex}.filter-subtype-check.active{background:#10b981;border-color:#10b981}.filter-subtype-check svg{stroke:#fff;width:12px;height:12px;display:none}.filter-subtype-check.active svg{display:block}.filter-subtype-name{color:#4b5563;font-size:14px}.filter-subtype-item:has(.filter-subtype-check.active) .filter-subtype-name{color:#10b981;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (height<=700px){.bottom-sheet{height:160px}.photo-gallery{height:250px}}.list-view{z-index:50;-webkit-overflow-scrolling:touch;background:#f9fafb;padding-top:62px;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);position:fixed;inset:0;overflow-y:auto}.list-view.hidden{opacity:0;pointer-events:none;display:none;transform:translateY(-20px)}.map-btn{-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;z-index:1000;touch-action:manipulation;background:#1f2937d9;border:none;border-radius:24px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:50px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}.map-btn:active{transform:translate(-50%)scale(.95)}body.view-list .map-btn{display:flex}body.view-map .map-btn{display:none}.list-btn{-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;z-index:1000;touch-action:manipulation;background:#1f2937d9;border:none;border-radius:24px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:50px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}.list-btn:active{transform:translate(-50%)scale(.95)}body.view-list .list-btn{display:none}body.view-map .list-btn{display:flex}.list-btn.hidden{display:none!important}#list-container{padding:16px;padding-top:calc(env(safe-area-inset-top,0px) + 70px);flex-direction:column;gap:12px;padding-bottom:160px;display:flex}.list-card{cursor:pointer;touch-action:manipulation;background:#fff;border-radius:20px;height:220px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 16px #0000001f;flex-direction:row!important;display:flex!important}.list-card:active{transform:scale(.99);box-shadow:0 4px 12px #00000026}.list-card-image-wrapper{background:linear-gradient(135deg,#f5f5f5 0%,#e5e5e5 100%);border-radius:20px 0 0 20px;width:160px;min-width:160px;height:220px;position:relative;overflow:hidden}.list-card-image{object-fit:cover;width:100%;height:100%}.list-card-image.loading{opacity:0}.list-card-image.loaded{opacity:1;transition:opacity .2s}.list-card-placeholder{background:linear-gradient(135deg,#f5f5f5 0%,#e5e5e5 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:72px;display:flex}.list-card-actions{justify-content:space-between;align-items:center;gap:12px;padding:0 16px 12px;display:flex}.list-card-actions.single-action{justify-content:flex-end}.list-card-bookmark-bottom{cursor:pointer;width:34px;height:34px;box-shadow:none;background:#fff;border:1px solid #f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);display:flex}.list-card-bookmark-bottom:active{background:#eff6ff;transform:scale(.95)}.list-card-bookmark-bottom svg{stroke:#60a5fa;stroke-width:1.5px;fill:#60a5fa33;width:17px;height:17px}.list-card-bookmark-bottom[data-status=favorite] svg{fill:#ef4444;stroke:#ef4444;stroke-width:1.5px}.guide-spot-add-btn svg{stroke-width:2.5px;stroke:#6b7280}.friend-add-btn svg{stroke-width:2.5px;stroke:#6b7280!important;fill:none!important}.list-card-add-btn{cursor:pointer;background:#10b981;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .15s,background .15s;display:flex;box-shadow:0 2px 8px #10b9814d}.list-card-add-btn:active{background:#059669;transform:scale(.95)}.list-card-add-btn svg{stroke:#fff;stroke-width:2px;fill:none;width:17px;height:17px}.list-card-content{flex-direction:column;flex:1;justify-content:space-between;display:flex;overflow:hidden}.list-card-info{padding:12px 16px 0}.list-card-title{color:#1f2937;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:17px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.list-card-distance{color:#6b7280;white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;font-size:14px;font-weight:500;display:flex}.list-card-description{color:#6b7280;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-bottom:8px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.list-card-address{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex;overflow:hidden}.list-card-distance,.compact-distance{color:#ffffffd9;font-variant-numeric:tabular-nums;z-index:5;background:#00000073;border-radius:6px;align-items:center;gap:3px;padding:3px 7px 3px 5px;font-size:10px;font-weight:500;display:inline-flex;position:absolute;top:8px;left:8px}.list-card-distance svg,.compact-distance svg{color:#ffffffb3}.list-card-meta{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;margin-bottom:6px;font-size:12px;font-weight:400;line-height:1.4;overflow:hidden}.list-card-price{color:#6b7280;font-weight:400}.list-card-hours{color:#9ca3af;font-size:12px;font-weight:500;line-height:inherit}.list-card-hours-open{color:#10b981!important}.list-card-hours-closing-soon{color:#f59e0b!important}.list-card-hours-opening-soon{color:#3b82f6!important}.list-card-hours-closed{color:#ef4444!important}.list-card-price{color:#6b7280;margin-top:2px;font-size:12px;font-weight:500}.list-card-distance-inline{color:#6b7280;font-size:12px;font-weight:500}.list-card-rating-bottom{height:34px;box-shadow:none;cursor:pointer;background:#fff;border:1px solid #f3f4f6;border-radius:17px;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 4px 0 12px;text-decoration:none;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);display:flex}.list-card-rating-bottom:active{background:#f9fafb;transform:scale(.95)}.list-card-rating-value{color:#374151;white-space:nowrap;font-size:13px;font-weight:600}.list-card-rating-icon{background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:-2px;display:flex}.list-card-rating-icon svg{width:14px;height:14px}.list-view:not(.hidden)~#center-city-btn{opacity:0;pointer-events:none}.profile-sidebar,.sidebar-overlay{display:none!important}.profile-sidebar{z-index:1200;width:280px;height:100vh;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0) 0;will-change:transform;background:#fff;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 16px #0000001a}.profile-sidebar.active{transform:translate(0)}.profile-close{top:calc(env(safe-area-inset-top,0px) + 16px);color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;right:16px}.profile-close:hover{background:#e5e7eb}.profile-header{padding:calc(env(safe-area-inset-top,0px) + 60px) 24px 24px;text-align:center;border-bottom:1px solid #f3f4f6}.profile-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;display:flex}.profile-greeting{color:#1f2937;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;font-size:18px;font-weight:600;line-height:1.3}.profile-menu{flex:1;padding:8px 0;overflow-y:auto}.profile-menu-item{color:#1f2937;cursor:pointer;align-items:center;gap:12px;padding:16px 24px;text-decoration:none;transition:background .2s cubic-bezier(.4,0,.2,1);display:flex}.profile-menu-item:hover,.profile-menu-item:active{background:#f9fafb}.profile-menu-item svg{color:#6b7280;flex-shrink:0}.profile-menu-item span{font-size:15px;font-weight:500}.overlay.profile-active{z-index:1199;display:block}.filter-overlay{z-index:1100;background:#00000080;width:100%;height:100%;animation:.2s fadeIn;display:none;position:fixed;top:0;left:0}.filter-overlay.active{display:block}.filter-panel{z-index:1101;background:#fff;border-radius:24px 24px 0 0;flex-direction:column;max-height:80vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 32px #0003}.filter-panel.active{transform:translateY(0)}.filter-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.filter-header h2{color:#1f2937;margin:0;font-size:22px;font-weight:700}.filter-close{cursor:pointer;color:#6b7280;touch-action:manipulation;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;line-height:1;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);display:flex}.filter-close:active{background:#e5e7eb;transform:scale(.9)}.filter-content{-webkit-overflow-scrolling:touch;flex:1;padding:20px;overflow-y:auto}.filter-group{margin-bottom:28px}.filter-group:last-child{margin-bottom:0}.filter-label{color:#1f2937;margin-bottom:12px;font-size:15px;font-weight:600;display:block}.filter-slider-container{background:#f9fafb;border-radius:12px;padding:16px}.filter-slider{appearance:none;cursor:pointer;background:#e5e7eb;border-radius:3px;outline:none;width:100%;height:6px}.filter-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#10b981;border-radius:50%;width:24px;height:24px;transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #10b98166}.filter-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.filter-slider::-moz-range-thumb{cursor:pointer;background:#10b981;border:none;border-radius:50%;width:24px;height:24px;transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #10b98166}.filter-slider::-moz-range-thumb:active{transform:scale(1.2)}.filter-slider-value{color:#1f2937;justify-content:space-between;align-items:center;margin-top:12px;font-size:16px;font-weight:600;display:flex}.filter-slider-icon{font-size:18px}.filter-select{color:#1f2937;cursor:pointer;appearance:none;background:#f9fafb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E") right 16px center no-repeat;border:2px solid #0000;border-radius:12px;outline:none;width:100%;padding:14px 40px 14px 16px;font-size:15px;font-weight:500;transition:border-color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1)}.filter-select:focus{background-color:#fff;border-color:#10b981}.filter-select option:disabled{color:#9ca3af}.enable-location-btn{color:#10b981;cursor:pointer;touch-action:manipulation;background:#f0fdf4;border:2px solid #10b981;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 16px;font-size:15px;font-weight:600;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);display:flex}.enable-location-btn:active{background:#dcfce7;transform:scale(.98)}.enable-location-btn.active{color:#fff;background:#10b981}.filter-actions{padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #f3f4f6;gap:12px;display:flex}.filter-btn{cursor:pointer;touch-action:manipulation;border:none;border-radius:12px;flex:1;padding:16px;font-size:16px;font-weight:600;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1)}.filter-btn-secondary{color:#6b7280;background:#f3f4f6}.filter-btn-secondary:active{background:#e5e7eb;transform:scale(.98)}.filter-btn-primary{color:#fff;background:#10b981}.filter-btn-primary:active{background:#059669;transform:scale(.98)}.categories-list{flex-direction:column;gap:8px;display:flex}.category-item{cursor:pointer;touch-action:manipulation;background:#f9fafb;border-radius:12px;align-items:center;padding:14px 16px;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);display:flex}.category-item:active{background:#f3f4f6;transform:scale(.98)}.category-item input[type=checkbox]{cursor:pointer;accent-color:#10b981;width:22px;height:22px;margin-right:12px}.category-item label{color:#1f2937;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;font-size:15px;font-weight:500}.list-bookmark-menu{z-index:10001;opacity:1;transform-origin:0 0;background:#fff;border-radius:12px;min-width:180px;padding:8px;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);position:fixed;transform:translateY(0)scale(1);box-shadow:0 4px 20px #00000026}.list-bookmark-menu.hidden{opacity:0;pointer-events:none;transform:translateY(-10px)scale(.95)}#tab-bar{bottom:calc(40px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(10px);z-index:500;background:#ffffffd9;border:none;border-radius:25px;align-items:center;gap:2px;height:50px;padding:0 6px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #00000026}.tab-segment{background:#00000014;border-radius:19px;margin-right:2px;padding:3px;display:flex;position:relative}.tab-segment:before{content:"";z-index:0;background:#ffffffe6;border-radius:17px;width:38px;height:38px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000001a}.tab-segment.list-active:before{transform:translate(38px)}.segment-option{cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:1;background:0 0;border:none;border-radius:17px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.segment-option svg{stroke:#6b7280;transition:stroke .2s cubic-bezier(.4,0,.2,1)}.segment-option.active svg{stroke:#10b981}.segment-option:active{transform:scale(.95)}.tab-item{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:22px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:transform .15s,background .2s;display:flex}.tab-item:active{background:#0000000d;transform:scale(.9)}.tab-item svg{stroke:#6b7280;fill:none;transition:stroke .2s,fill .2s}.tab-item[data-tab=guides] svg{fill:#6b7280;stroke:none}.tab-item.active svg{stroke:#10b981}.tab-item[data-tab=guides].active svg{fill:#10b981;stroke:none}body.card-expanded #tab-bar,#tab-bar.search-focused{display:none}.fab-add-spot{bottom:calc(40px + env(safe-area-inset-bottom,0px));z-index:500;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#10b981;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .15s,background .15s;display:flex;position:fixed;right:16px;box-shadow:0 2px 12px #10b98166}.fab-add-spot svg,.fab-add-spot:active svg{color:#fff}body.tab-add .fab-add-spot,body.card-expanded .fab-add-spot{display:none}.bottom-vignette{height:calc(180px + env(safe-area-inset-bottom,0px));pointer-events:none;z-index:400;background:linear-gradient(#0000 0%,#0000000a 25%,#00000024 60%,#00000047 100%);position:fixed;bottom:0;left:0;right:0}.page{z-index:90;-webkit-overflow-scrolling:touch;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));opacity:0;pointer-events:none;background:#f9fafb;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);position:fixed;inset:0;overflow-y:auto;transform:translateY(20px)}.page:not(.hidden){opacity:1;pointer-events:auto;transform:translateY(0)}.page.hidden{visibility:hidden}.page-content{justify-content:center;align-items:center;min-height:100%;padding:20px;display:flex}.page-placeholder{text-align:center;max-width:280px}.page-placeholder svg{opacity:.6;margin-bottom:24px}.page-placeholder h2{color:#1f2937;margin-bottom:8px;font-size:22px;font-weight:600}.page-placeholder p{color:#6b7280;margin-bottom:20px;font-size:15px;line-height:1.5}.page-placeholder .coming-soon{color:#fff;background:#10b981;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-block}#page-collections .page-content{flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0}.collections-header{width:100%;padding:20px 20px 16px}.collections-header h2{color:#1f2937;font-size:28px;font-weight:700}.guides-section{padding:0 16px 16px;display:none}.guides-section.has-guides{display:block}.guides-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.guides-title{color:var(--text-primary);font-size:16px;font-weight:600}.guides-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.guides-scroll::-webkit-scrollbar{display:none}.guide-tile{scroll-snap-align:start;cursor:pointer;flex-shrink:0;width:140px}.guide-tile-cover{background-position:50%;background-size:cover;background-color:var(--bg-secondary);border-radius:12px;width:140px;height:100px;margin-bottom:8px;position:relative;overflow:hidden}.guide-tile-cover.no-photo{justify-content:center;align-items:center;display:flex}.guide-tile-emoji{font-size:32px}.guide-tile-name{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.guide-tile-count{color:var(--text-secondary);margin-top:2px;font-size:12px}.guide-tile.create-guide{opacity:.7}.guide-tile.create-guide .guide-tile-cover{border:2px dashed var(--border-color);background:0 0;justify-content:center;align-items:center;display:flex}.create-guide-icon{color:var(--text-secondary);font-size:28px}.collections-grid{flex-direction:column;gap:16px;width:100%;padding:0 0 20px;display:flex;overflow-x:hidden}.country-section{flex-direction:column;gap:8px;display:flex;overflow:hidden}.country-section-header{align-items:center;gap:8px;padding:0 16px;display:flex}.country-section-header .country-flag{font-size:20px;line-height:1}.country-section-header .country-name{color:var(--text-primary);flex:1;font-size:15px;font-weight:600}.country-section-header .country-spots{color:var(--text-secondary);opacity:.7;font-size:12px}.country-cities-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding:0 16px 4px;display:flex;overflow-x:auto}.country-cities-scroll::-webkit-scrollbar{display:none}.collection-tile{cursor:pointer;scroll-snap-align:start;border-radius:12px;flex-shrink:0;width:145px;height:185px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.collection-tile:active{transform:scale(.97)}.collection-subscribe-btn{-webkit-backdrop-filter:blur(8px);z-index:10;cursor:pointer;color:#6b7280;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #00000026}.collection-subscribe-btn:active{transform:scale(.9)}.collection-subscribe-btn.subscribed{color:#fff;background:#10b981;box-shadow:0 2px 8px #10b9814d}.collection-subscribe-btn svg{flex-shrink:0;width:16px;height:16px}.collection-tile-cover{background-color:#e5e7eb;background-position:50%;background-size:cover;position:absolute;inset:0}.collection-tile-cover.no-photo{justify-content:center;align-items:center;display:flex}.collection-tile-cover.gradient-1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.collection-tile-cover.gradient-2{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.collection-tile-cover.gradient-3{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.collection-tile-cover.gradient-4{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.collection-tile-cover.gradient-5{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.collection-tile-cover.gradient-6{background:linear-gradient(135deg,#a18cd1 0%,#fbc2eb 100%)}.collection-tile-cover.gradient-7{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%)}.collection-tile-cover.gradient-8{background:linear-gradient(135deg,#a1c4fd 0%,#c2e9fb 100%)}.collection-tile-emoji{filter:drop-shadow(0 2px 4px #0003);font-size:36px}.collection-tile-info{background:linear-gradient(#0000 0%,#0006 50%,#000000b3 100%);padding:28px 10px 10px;position:absolute;bottom:0;left:0;right:0}.collection-tile-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:1px;font-size:13px;font-weight:600;overflow:hidden}.collection-tile-count{color:#ffffffd9;font-size:11px}.collection-tile.friends-only-city{position:relative}.collection-tile.friends-only-city:after{content:"";z-index:2;background:#10b981f2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/svg%3E") 50%/12px 12px no-repeat;border-radius:50%;width:22px;height:22px;position:absolute;top:8px;right:8px}.collection-tile.guide-card{border:2px solid #8b5cf6;box-shadow:0 2px 12px #8b5cf640}.guide-badge{color:#fff;z-index:10;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px;box-shadow:0 2px 6px #8b5cf666}.create-collection-tile{cursor:default;border:2px dashed #d1d5db;position:relative}.create-collection-tile:active{transform:none}.create-collection-tile .collection-tile-cover{background:#e5e7eb;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0 0 60px}.create-collection-tile .collection-tile-info{background:#e5e7eb}.create-collection-tile .collection-tile-name{color:#1f2937}.create-collection-tile .collection-tile-count{color:#4b5563}.create-collection-icon{color:#9ca3af;font-size:36px;font-weight:200;line-height:1}.coming-soon-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#10b981;border-radius:12px;padding:5px 12px;font-size:11px;font-weight:600;box-shadow:0 2px 8px #10b98166}.collection-edit-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:opacity .2s;display:flex}.collection-edit-btn:hover{opacity:1}.collection-edit-btn svg{stroke:#1f2937;width:20px;height:20px}.collection-filter-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:opacity .2s;display:flex}.collection-filter-btn:hover{opacity:1}.collection-filter-btn.active{opacity:1;background:#10b981;border-radius:50%}.collection-filter-btn.active svg{stroke:#fff;color:#fff}.collection-filter-btn svg{stroke:#1f2937;color:#1f2937;width:20px;height:20px}.modal{-webkit-backdrop-filter:blur(4px);z-index:10000;opacity:0;visibility:hidden;pointer-events:none;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.modal.active{opacity:1;visibility:visible;pointer-events:auto}.modal-content{background:#fff;border-radius:20px;max-width:280px;max-height:80vh;padding:0;animation:.3s cubic-bezier(.4,0,.2,1) modalSlideIn;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:#1f2937;margin:0;font-size:16px;font-weight:600}.modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:all .2s;display:flex}.modal-close:hover{color:#1f2937;background:#f3f4f6}.modal-body{padding:20px}.collection-cover-card{aspect-ratio:4/5;border-radius:16px;max-width:180px;margin:0 auto 20px;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000001a}.collection-cover-card-image{background-position:50%;background-size:cover;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.collection-cover-card-info{background:linear-gradient(#0000,#000000b3);padding:40px 14px 14px;position:absolute;bottom:0;left:0;right:0}.cover-card-city{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:17px;font-weight:600;overflow:hidden}.cover-card-spots{color:#ffffffd9;font-size:13px}.upload-btn-wrapper{text-align:center}.upload-photo-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.upload-photo-btn:hover{background:#059669}.upload-photo-btn:disabled{cursor:not-allowed;background:#d1d5db}.upload-photo-btn svg{stroke:currentColor;width:20px;height:20px}.collections-empty{text-align:center;width:100%;padding:60px 20px}.collections-empty.hidden{display:none}.collections-empty svg{opacity:.5;margin-bottom:16px}.collections-empty p{color:#6b7280;margin-bottom:8px;font-size:18px;font-weight:600}.collections-empty span{color:#9ca3af;font-size:14px}#collection-spots-view{background:#f9fafb}.collection-spots-header{-webkit-backdrop-filter:blur(10px);z-index:100;background:#ffffffb3;align-items:center;gap:12px;padding:12px 20px 6px;display:flex;position:sticky;top:0}.collection-title{flex:1;min-width:0}.collection-title h2{color:#1f2937;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:20px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.collection-header-row2{white-space:nowrap;align-items:center;gap:8px;margin-top:1px;display:flex;overflow:hidden}.collection-header-row2 span{color:#6b7280;text-overflow:ellipsis;font-size:13px;overflow:hidden}.photo-attribution-badge{color:#ffffffbf;z-index:5;pointer-events:none;white-space:nowrap;background:#00000073;border-radius:6px;padding:2px 6px;font-size:8px;font-weight:500;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.guide-author-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.guide-actions-bar{gap:8px;padding:8px 16px 6px;display:flex}.guide-action-chip{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 0;font-size:13px;font-weight:500;display:flex}.guide-action-chip:active{background:#f3f4f6}.guide-action-chip svg{flex-shrink:0}.collection-spots-header .back-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 8px #0000001a}.collection-spots-header .back-btn svg{color:#1f2937}.collection-header-spacer{flex:1}.guide-detail-info{background:#fff;border-radius:12px;margin:0 16px 8px;padding:12px 16px;box-shadow:0 1px 3px #00000014}.guide-detail-info.hidden{display:none}.guide-detail-description{color:#4b5563;margin:0;font-size:14px;line-height:1.5}.guide-detail-meta{color:#9ca3af;font-size:12px}.guide-source-icon{vertical-align:middle;border-radius:2px;margin-top:-.15em;display:inline-block}.guide-source-link{color:inherit;text-decoration:none}.guide-source-link:active{opacity:.6}.guide-date-footer{text-align:center;color:#9ca3af;padding:12px 16px 8px;font-size:12px;line-height:1.4}.guide-footer-attribution{color:#b0b0b0;margin-top:6px;font-size:11px;display:inline-block}.collection-spots-list.guide-spots-list{flex-direction:column;gap:12px;padding-top:4px;display:flex}.guide-spot-swipe-container{touch-action:pan-y;border-radius:20px;position:relative;overflow:hidden}.guide-spot-swipe-container .list-card{z-index:1;box-shadow:none;border-radius:0;position:relative}.guide-spot-hidden-card{background:#fff!important}.guide-spot-swipe-container.swiping .list-card,.guide-spot-swipe-container.swiped .list-card{will-change:transform;backface-visibility:hidden}.guide-spot-hide-btn{color:#fff;opacity:0;background:#9ca3af;border-radius:0 20px 20px 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:80px;font-size:12px;font-weight:500;transition:opacity .15s ease-out;display:flex;position:absolute;top:0;bottom:0;right:0}.guide-spot-swipe-container.swiping .guide-spot-hide-btn,.guide-spot-swipe-container.swiped .guide-spot-hide-btn{opacity:1}.guide-spot-hide-btn:active{background:#6b7280}.guide-spot-hide-btn svg{stroke:#fff}.guide-spot-remove-btn{color:#fff;text-align:center;opacity:0;background:#f59e0b;border-radius:0 20px 20px 0;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:90px;font-size:11px;font-weight:500;line-height:1.2;transition:opacity .15s ease-out;display:flex;position:absolute;top:0;bottom:0;right:0}.guide-spot-swipe-container.swiping .guide-spot-remove-btn,.guide-spot-swipe-container.swiped .guide-spot-remove-btn{opacity:1}.guide-spot-remove-btn:active{background:#d97706}.guide-spot-remove-btn svg{stroke:#fff}.guide-spot-unhide-btn{color:#fff;opacity:0;background:#10b981;border-radius:0 20px 20px 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:80px;font-size:12px;font-weight:500;transition:opacity .15s ease-out;display:flex;position:absolute;top:0;bottom:0;right:0}.guide-spot-swipe-container.swiping .guide-spot-unhide-btn,.guide-spot-swipe-container.swiped .guide-spot-unhide-btn{opacity:1}.guide-spot-unhide-btn:active{background:#059669}.guide-spot-unhide-btn svg{stroke:#fff}.share-sheet-overlay{z-index:10000;background:0 0;justify-content:center;align-items:flex-end;transition:background .2s;display:flex;position:fixed;inset:0}.share-sheet-overlay.active{background:#0006}.share-sheet{width:100%;max-width:400px;padding:0 8px 12px;transition:transform .25s cubic-bezier(.4,0,.2,1);transform:translateY(100%)}.share-sheet-overlay.active .share-sheet{transform:translateY(0)}.share-sheet-title{text-align:center;color:#9ca3af;background:#f3f4f6;border-radius:14px 14px 0 0;padding:14px;font-size:13px;font-weight:500}.share-sheet-option{color:#1f2937;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f3f4f6;border:none;border-top:1px solid #e5e7eb;align-items:center;gap:12px;width:100%;padding:16px 20px;font-size:16px;display:flex}.share-sheet-option:last-of-type{border-radius:0 0 14px 14px}.share-sheet-option:active{background:#e5e7eb}.share-sheet-cancel{color:#3b82f6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:14px;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:600;display:block}.share-sheet-cancel:active{background:#f3f4f6}.guide-picker-overlay{z-index:10000;background:0 0;justify-content:center;align-items:flex-end;transition:background .2s;display:flex;position:fixed;inset:0}.guide-picker-overlay.active{background:#0006}.guide-picker-sheet{width:100%;max-width:400px;padding:0 8px 12px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:relative;transform:translateY(100%)}.guide-picker-overlay.active .guide-picker-sheet{transform:translateY(0)}.guide-picker-title{text-align:center;color:#9ca3af;background:#f3f4f6;border-radius:14px 14px 0 0;padding:14px;font-size:13px;font-weight:500}.guide-picker-item{text-align:left;cursor:pointer;background:#f3f4f6;border:none;border-top:1px solid #e5e7eb;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:15px;display:flex;position:relative}.guide-picker-item:active{background:#e5e7eb}.guide-picker-item.in-guide{background:#f0fdf4}.guide-picker-cover{background:#e5e7eb;border-radius:8px;flex-shrink:0;width:40px;height:40px}.guide-picker-cover-new{color:#9ca3af;background:#e5e7eb;justify-content:center;align-items:center;font-size:22px;display:flex}.guide-picker-info{flex:1;min-width:0}.guide-picker-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.guide-picker-count{color:#9ca3af;margin-top:2px;font-size:12px}.guide-picker-check{text-align:center;color:#22c55e;flex-shrink:0;width:24px;font-size:16px;font-weight:700}.guide-picker-empty{text-align:center;color:#9ca3af;background:#f3f4f6;border-top:1px solid #e5e7eb;padding:24px 16px;font-size:14px}.guide-picker-new-input{background:#f3f4f6;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:8px;padding:10px 16px;display:flex}.guide-picker-new-input input{border:1px solid #d1d5db;border-radius:8px;outline:none;flex:100%;padding:8px 12px;font-size:14px}.guide-picker-new-input input:focus{border-color:#4ecdc4}.guide-picker-create-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;flex:1;padding:8px 16px;font-size:14px;font-weight:500}.guide-picker-create-btn:disabled{opacity:.5}.guide-picker-list{-webkit-overflow-scrolling:touch;max-height:45vh;overflow-y:auto}.guide-picker-cancel{color:#6b7280;cursor:pointer;background:#fff;border:none;border-radius:14px;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:600;display:block}.guide-picker-cancel:active{background:#f3f4f6}.guide-picker-visibility-row{gap:6px;display:flex}.guide-picker-vis-btn{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;flex:1;padding:6px 10px;font-size:13px;transition:all .2s}.guide-picker-vis-btn.active{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.guide-picker-confirm{z-index:2;background:#fffffff2;border-radius:0;justify-content:center;align-items:center;gap:12px;padding:0 12px;display:flex;position:absolute;inset:0}.guide-picker-confirm-text{color:#1f2937;flex:1;font-size:14px;font-weight:500}.guide-picker-confirm-btns{gap:6px;display:flex}.guide-picker-confirm-no,.guide-picker-confirm-yes{cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500}.guide-picker-confirm-no{color:#6b7280;background:#f3f4f6}.guide-picker-confirm-yes{color:#ef4444;background:#fef2f2}.guide-picker-toast{text-align:center;color:#1f2937;opacity:0;z-index:1;background:#f0fdf4;border-radius:14px 14px 0 0;padding:14px 16px;font-size:13px;font-weight:500;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.guide-picker-toast.active{opacity:1}.guide-picker-toast-error{color:#ef4444;background:#fef2f2}.guide-spot-fav-badge{z-index:2;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 1px 3px #0000004d}.guide-spot-hidden-card{opacity:.5;border:1px solid #e5e7eb;min-height:48px;height:auto!important;box-shadow:none!important;background:#f9fafb!important}.guide-spot-hidden-card .list-card-title{color:#6b7280;font-size:14px}.guide-spot-hidden-card .list-card-meta{font-size:12px}.guide-hidden-divider{align-items:center;gap:12px;padding:16px 0 8px;display:flex}.guide-hidden-divider:before,.guide-hidden-divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.guide-hidden-divider span{color:#9ca3af;white-space:nowrap;font-size:12px;font-weight:500}.guide-delete-section{text-align:center;padding:0}.guide-delete-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 0;font-size:13px;font-weight:500;transition:background .2s;display:flex}.guide-delete-btn:active{background:#fee2e2}.guide-delete-overlay{z-index:10000;opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.guide-delete-overlay.active{opacity:1}.guide-delete-dialog{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:320px;margin:0 32px;padding:24px}.guide-delete-dialog-title{margin-bottom:8px;font-size:17px;font-weight:600}.guide-delete-dialog-text{color:#6b7280;margin-bottom:20px;font-size:14px;line-height:1.4}.guide-delete-dialog-actions{gap:12px;display:flex}.guide-delete-dialog-cancel{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;padding:12px;font-size:15px;font-weight:500}.guide-delete-dialog-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;flex:1;padding:12px;font-size:15px;font-weight:500}.guide-map-btn{cursor:pointer;color:#374151;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.guide-map-btn:active{opacity:.5}.guide-share-btn{cursor:pointer;color:#374151;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.guide-share-btn:active{opacity:.5}.guide-save-bar{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:100;background:#fff;border-top:1px solid #e5e7eb;position:sticky;bottom:0}.guide-save-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:14px;width:100%;padding:14px;font-size:16px;font-weight:600}.guide-save-btn:active{background:#059669}.guide-save-btn:disabled{opacity:.7;cursor:default}.guide-save-btn.saved{color:#6b7280;background:#e5e7eb}.guide-spot-saved-badge{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.guide-spot-saved-badge.favorite{color:#ef4444;background:#fef2f2;border-color:#fecaca}.save-app-cta{color:#0369a1;cursor:pointer;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;align-items:center;gap:8px;padding:12px 14px;font-size:14px;font-weight:500;line-height:1.3;display:flex}.save-app-cta:active{background:#e0f2fe}#save-app-cta-top{z-index:99;margin:0 16px 8px;position:sticky;top:90px}#save-app-cta-explore{top:calc(env(safe-area-inset-top,0) + 125px);z-index:98;margin:0;position:fixed;left:12px;right:12px;box-shadow:0 2px 8px #0000001a}body.fullscreen-mode #save-app-cta-explore{top:calc(env(safe-area-inset-top,0) + 205px)}#save-app-cta-lists{z-index:10000;position:fixed;bottom:110px;left:12px;right:12px;box-shadow:0 2px 12px #0000001a}.guide-swipe-tip{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;align-items:center;gap:8px;margin:0 16px 8px;padding:10px 12px;font-size:13px;line-height:1.3;display:flex}.guide-tip-icon{flex-shrink:0;font-size:16px}.guide-tip-text{flex:1}.guide-tip-close{color:#0369a1;cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:18px;line-height:1}.guide-tip-close:active{opacity:1}.collection-filters-bar{z-index:9;background:0 0;align-items:center;gap:8px;padding:8px 16px;display:flex;position:sticky;top:72px}.collection-filters-bar .icon-btn{flex-shrink:0}#collection-category-chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;gap:8px;display:flex;overflow-x:auto}#collection-category-chips::-webkit-scrollbar{display:none}.collection-spots-list{padding:16px;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.collection-spot-card{cursor:pointer;border-radius:16px;height:0;padding-bottom:125%;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}@supports (aspect-ratio:4/5){.collection-spot-card{aspect-ratio:4/5;height:auto;padding-bottom:0}}.collection-spot-card:active{transform:scale(.98);box-shadow:0 4px 12px #00000026}.collection-spot-card img{object-fit:cover;background:#f3f4f6;width:100%;height:100%;position:absolute;top:0;left:0}.collection-spot-card-placeholder{background:linear-gradient(135deg,#f5f5f5 0%,#e5e5e5 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex;position:absolute;top:0;left:0}.collection-spot-card-info{background:linear-gradient(#0000 0%,#0003 30%,#0009 60%,#000000d9 100%);padding:50px 12px 12px;position:absolute;bottom:0;left:0;right:0}.collection-spot-card-name{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.collection-spot-card-desc{color:#ffffffd9;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.collection-friends-divider{text-align:center;grid-column:1/-1;padding:16px 0 8px}.collection-friends-divider span{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:16px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #10b98140}.collection-friends-divider svg{flex-shrink:0;width:14px;height:14px}.collection-friend-badge{z-index:2;background:#fff;border:2px solid #10b981;border-radius:50%;width:28px;height:28px;position:absolute;top:8px;right:8px;overflow:visible;box-shadow:0 2px 6px #0003}.collection-friend-badge img{object-fit:cover;border-radius:50%;width:100%;height:100%}.collection-friend-badge.overlap-badge{border-color:#f5a623}.friend-badge-count{color:#fff;text-align:center;background:#10b981;border-radius:8px;min-width:16px;padding:1px 4px;font-size:9px;font-weight:700;position:absolute;bottom:-4px;right:-4px;box-shadow:0 1px 3px #0003}.collection-friend-badge.overlap-badge .friend-badge-count{background:#f5a623}.collection-spot-card{position:relative}#page-friends .page-content{min-height:100%;padding:20px;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));flex-direction:column;justify-content:flex-start;align-items:stretch;display:flex}.friends-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:24px;display:flex}.friends-header h2{color:#1f2937;margin:0;font-size:28px;font-weight:700}.share-icon-btn{cursor:pointer;background:linear-gradient(135deg,#34d399 0%,#10b981 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #10b9814d}.share-icon-btn:active{transform:scale(.95)}.share-icon-btn svg{stroke:#fff}.friends-list{flex-direction:column;gap:8px;width:100%;display:flex}.add-friend-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#34d399 0%,#10b981 100%);border:none;border-radius:10px;width:100%;max-width:150px;margin:16px auto 0;padding:9px 18px;font-size:14px;font-weight:600;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:block;box-shadow:0 2px 8px #10b9814d}.add-friend-btn:active{transform:scale(.98)}.friend-item{border-radius:12px;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.friend-item-content{cursor:pointer;z-index:1;background:#fff;align-items:center;gap:12px;padding:12px 16px;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.friend-item-content:active{background:#f9fafb}.friend-item.swiped .friend-item-content{transform:translate(-80px)}.friend-delete-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;justify-content:center;align-items:center;width:80px;font-size:14px;font-weight:600;display:flex;position:absolute;top:0;bottom:0;right:0}.friend-avatar{background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.friend-avatar svg{stroke:#6b7280;width:24px;height:24px}.friend-info{flex:1;min-width:0}.friend-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:16px;font-weight:600;overflow:hidden}.friend-spots-count{color:#6b7280;font-size:13px}.friends-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:40px 20px;display:flex}.friends-empty.hidden{display:none}.friends-empty svg{margin-bottom:16px}.friends-empty p{color:#374151;margin:0 0 8px;font-size:17px;font-weight:600}.friends-empty span{color:#6b7280;font-size:14px}#collection-spot-expanded{z-index:10000;-webkit-overflow-scrolling:touch;background:#fff;position:fixed;inset:0;overflow-y:auto;pointer-events:auto!important}#collection-spot-expanded *{pointer-events:auto}#collection-spot-expanded .expanded-card{flex-direction:column;min-height:100%;display:flex!important}#collection-spot-expanded .photo-gallery{flex-shrink:0;width:100%;height:48vh;pointer-events:auto!important}#collection-spot-expanded .gallery-track{touch-action:pan-x;height:100%;pointer-events:auto!important}#collection-spot-expanded .gallery-image{object-fit:cover;height:100%}#collection-spot-expanded .expanded-content{padding:16px 16px 32px;bottom:68px}#recent-spot-expanded{z-index:10000;-webkit-overflow-scrolling:touch;background:#fff;position:fixed;inset:0;overflow-y:auto;pointer-events:auto!important}#recent-spot-expanded *{pointer-events:auto}#recent-spot-expanded .expanded-card{flex-direction:column;min-height:100%;display:flex!important}#recent-spot-expanded .photo-gallery{flex-shrink:0;width:100%;height:48vh;pointer-events:auto!important}#recent-spot-expanded .gallery-track{touch-action:pan-x;height:100%;pointer-events:auto!important}#recent-spot-expanded .gallery-image{object-fit:cover;height:100%}#recent-spot-expanded .expanded-content{padding:16px 16px 32px;bottom:68px}.debug-logger-btn{z-index:99999;cursor:pointer;background:#3b82f6e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s;display:flex;position:fixed;bottom:120px;right:20px;box-shadow:0 4px 12px #0000004d}.debug-logger-btn:active{transform:scale(.95)}.debug-logger-btn svg{color:#fff}.debug-logger-modal{z-index:100000;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.debug-logger-modal.hidden{display:none}.debug-logger-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.debug-logger-header h3{margin:0;font-size:18px;font-weight:600}.debug-logger-controls{gap:8px;display:flex}.debug-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px;font-size:14px}.debug-btn:active{background:#f3f4f6}.debug-logger-content{color:#f3f4f6;background:#1f2937;flex:1;padding:12px;font-family:Monaco,Courier New,monospace;font-size:11px;line-height:1.4;overflow-y:auto}.debug-log-entry{word-wrap:break-word;background:#ffffff0d;border-left:3px solid #6b7280;border-radius:4px;margin-bottom:4px;padding:6px 8px}.debug-log-entry.error{background:#ef44441a;border-left-color:#ef4444}.debug-log-entry.warn{background:#f59e0b1a;border-left-color:#f59e0b}.debug-log-entry.info{background:#3b82f61a;border-left-color:#3b82f6}.debug-log-timestamp{color:#9ca3af;margin-right:8px;font-size:10px}.filter-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:10000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.filter-modal-overlay.closing{animation:.2s forwards fadeOut}@keyframes fadeOut{to{opacity:0}}.filter-modal-content{background:#fff;border-radius:20px;width:90%;max-width:320px;max-height:70vh;padding:0;animation:.3s cubic-bezier(.4,0,.2,1) modalSlideIn;overflow:hidden;box-shadow:0 20px 60px #0000004d}.filter-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.filter-modal-header h3{color:#1f2937;margin:0;font-size:18px;font-weight:600}.filter-modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:4px}.filter-modal-actions{border-top:1px solid #e5e7eb;gap:12px;padding:16px 20px;display:flex}.filter-modal-clear,.filter-modal-apply{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px;font-size:15px;font-weight:600}.filter-modal-clear{color:#6b7280;background:#f3f4f6}.filter-modal-apply{color:#fff;background:#10b981}.friends-modal-content{flex-direction:column;max-height:70vh;display:flex}.friend-filter-list{flex:1;padding:8px 0;overflow-y:auto}.friend-filter-item{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background-color .15s;display:flex}.friend-filter-item:active{background:#0000000d}.friend-filter-item.selected{background:#10b98114}.friend-filter-color{border-radius:2px;flex-shrink:0;width:4px;height:32px}.friend-filter-avatar{background:#e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.friend-filter-avatar img{object-fit:cover;width:100%;height:100%}.friend-filter-avatar span{color:#6b7280;font-size:16px;font-weight:600}.friend-filter-info{flex:1;min-width:0}.friend-filter-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.friend-filter-spots{color:#6b7280;margin-top:2px;font-size:13px}.friend-filter-check{opacity:0;color:#10b981;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .15s;display:flex}.friend-filter-item.selected .friend-filter-check{opacity:1}.friend-filter-empty{text-align:center;color:#6b7280;padding:40px 16px;font-size:14px}.category-chip.friends-chip{align-items:center;gap:6px;display:flex}.category-chip.friends-chip svg{stroke-width:2px;width:16px;height:16px}.category-chip.collection-friends-chip{align-items:center;gap:6px;display:flex}.category-chip.collection-friends-chip svg{stroke-width:2px;width:16px;height:16px}.category-chip.collection-friends-chip.active{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.category-chip.collection-friends-chip.active svg{stroke:#fff}.category-chip.settings-chip{min-width:auto;padding:8px 10px}.category-chip.settings-chip svg{stroke-width:2px;width:16px;height:16px}.category-chip.settings-chip.has-filters{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.category-chip.settings-chip.has-filters svg{stroke:#fff}.toast{color:#1f2937;opacity:0;z-index:10000;pointer-events:none;text-align:center;background:#fff;border-radius:12px;max-width:300px;padding:12px 20px;font-size:15px;font-weight:500;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:140px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 4px 16px #00000026}.toast.active{opacity:1;transform:translate(-50%)translateY(0)}.toast.toast-success{color:#fff;background:#10b981}.toast.toast-error{color:#fff;background:#ef4444}.toast.toast-info{color:#fff;background:#3b82f6}.friend-card-badge{z-index:15;background:#fff;border:3px solid;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:12px;right:12px;overflow:hidden;box-shadow:0 2px 8px #00000026}.friend-card-badge img{object-fit:cover;width:100%;height:100%}.friend-card-badge .friend-initials{color:#6b7280;font-size:13px;font-weight:600}.overlap-badge{z-index:15;background:#fff;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:12px;right:12px;overflow:hidden;box-shadow:0 2px 8px #00000026}.overlap-badge img{object-fit:cover;width:100%;height:100%}.overlap-badge .overlap-initials{color:#6b7280;font-size:11px;font-weight:600}.overlap-badge-stack{z-index:15;width:44px;height:28px;position:absolute;top:12px;right:12px}.overlap-badge-avatar{border:2px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;overflow:hidden;box-shadow:0 1px 4px #00000026}.overlap-badge-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.overlap-badge-back{z-index:1;top:0;left:0}.overlap-badge-front{z-index:2;bottom:0;right:0}.overlap-badge-stack.has-counter{width:54px}.overlap-badge-counter{color:#fff;z-index:3;background:#10b981;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 1px 3px #0003}.friend-badge-count{color:#fff;background:#10b981;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:600;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 1px 3px #0003}.friend-marker-avatar.overlap-avatar-gold{overflow:visible}.overlap-avatar-count{color:#fff;background:#6b7280;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:600;display:flex;position:absolute;top:50%;right:-18px;transform:translateY(-50%);box-shadow:0 1px 2px #0003}#add-friend-spot-btn{color:#6b7280;cursor:pointer;z-index:30;touch-action:manipulation;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:12px;left:164px;box-shadow:0 2px 8px #0000001a}#add-friend-spot-btn:active{background:#f3f4f6;transform:scale(.95)}#add-friend-spot-btn svg{stroke:#6b7280;width:18px;height:18px}#add-friend-spot-btn.added{background:#059669}.add-friend-spot-btn-expanded{color:#6b7280;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);display:flex;position:static;box-shadow:0 2px 8px #0000001a}.add-friend-spot-btn-expanded:active{background:#f3f4f6;transform:scale(.95)}.add-friend-spot-btn-expanded svg{stroke:#6b7280;width:18px;height:18px}.add-friend-spot-btn-expanded.added{background:#059669}.collections-header{justify-content:space-between;align-items:center;width:100%;padding:20px 20px 16px;display:flex}.new-guide-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #8b5cf64d}.new-guide-btn:active{transform:scale(.96)}.new-guide-btn svg{width:16px;height:16px}.collections-friends-toggle{color:#6b7280;cursor:pointer;background:#0000000f;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.collections-friends-toggle:active{transform:scale(.96)}.collections-friends-toggle.active{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 8px #10b9814d}.collections-friends-toggle svg{stroke-width:2px;width:16px;height:16px}.collections-friends-toggle.active svg{stroke:#fff}.collections-friends-toggle .toggle-label{white-space:nowrap}.create-guide-modal-content{width:calc(100% - 40px);max-width:320px}.create-guide-modal-content .modal-body{padding:20px 24px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group label .optional{color:#9ca3af;font-weight:400}.form-group input[type=text],.form-group textarea{color:#1f2937;box-sizing:border-box;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:12px 14px;font-size:15px;transition:border-color .2s,background .2s}.form-group input[type=text]:focus,.form-group textarea:focus{background:#fff;border-color:#8b5cf6;outline:none}.form-group textarea{resize:none;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.modal-footer{border-top:1px solid #e5e7eb;gap:12px;padding:16px 24px 20px;display:flex}.btn-secondary{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:12px;flex:1;padding:12px 16px;font-size:14px;font-weight:600;transition:background .2s}.btn-secondary:active{background:#e5e7eb}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border:none;border-radius:12px;flex:1;padding:12px 16px;font-size:14px;font-weight:600;transition:transform .2s,opacity .2s;box-shadow:0 2px 8px #8b5cf64d}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.add-spot-overlay{z-index:10000;opacity:0;visibility:hidden;background:0 0;justify-content:center;align-items:flex-end;transition:opacity .25s,background .25s,visibility 0s linear .25s;display:flex;position:fixed;inset:0}.add-spot-overlay.active{opacity:1;visibility:visible;background:#00000080;transition:opacity .25s,background .25s,visibility linear}.add-spot-overlay.hidden{display:none}.add-spot-sheet{will-change:transform;backface-visibility:hidden;background:#fff;border-radius:20px 20px 0 0;flex-direction:column;width:100%;height:70vh;transition:transform .28s cubic-bezier(.32,.72,0,1),border-radius .28s;display:flex;position:relative;transform:translateY(100%)}.add-spot-overlay.active .add-spot-sheet{transform:translateY(0)}.add-spot-overlay.search-fullscreen .add-spot-sheet{backface-visibility:hidden;border-radius:0;height:100svh;padding-top:100px;transform:translateY(0)translateZ(0);transition:none!important}.add-spot-overlay.search-fullscreen .add-spot-close,.add-spot-overlay.search-fullscreen .sheet-drag-handle,.add-spot-overlay.search-fullscreen .sheet-actions{visibility:hidden;border:none;height:0;padding:0;overflow:hidden}.add-spot-overlay.search-fullscreen .add-spot-search{z-index:10;position:relative;transform:translateZ(0)}.add-spot-overlay.search-fullscreen .search-input-wrapper{transform:translateZ(0)}.add-spot-overlay.search-fullscreen .add-spot-content{z-index:1;position:relative}.add-spot-overlay.search-fullscreen .search-dropdown{z-index:1000}.add-spot-overlay.search-fullscreen{background:#fff!important;transition:none!important}.sheet-drag-handle{cursor:grab;justify-content:center;padding:10px 0 4px;display:flex}.sheet-drag-bar{background:#d1d5db;border-radius:2px;width:36px;height:4px}.add-spot-sheet-header,.add-spot-sheet>.add-spot-close{display:none}.add-spot-sheet-header h3{color:#1f2937;flex-shrink:0;margin:0;font-size:18px;font-weight:600}.sheet-actions{justify-content:center;gap:10px;padding:8px 20px;display:flex}.sheet-action-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e5e7eb;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:14px 6px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.sheet-action-btn svg{stroke:#9ca3af;fill:none;flex-shrink:0;width:24px;height:24px;transition:stroke .2s,fill .2s}.sheet-action-btn svg[fill=currentColor]{stroke:none;fill:#9ca3af}.sheet-action-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.sheet-action-btn.active svg{stroke:#3b82f6}.sheet-action-btn.active svg[fill=currentColor]{stroke:none;fill:#3b82f6}.sheet-tabs,.sheet-tab{display:none}.sheet-tab-content{flex-direction:column;flex:1;display:none;overflow:hidden}.sheet-tab-content.active{display:flex}.add-spot-region-bar{justify-content:center;padding:12px 20px 0;display:flex}.sheet-friends-content{flex:1;padding:16px 20px;overflow-y:auto}.add-spot-close{cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.add-spot-close svg{color:#6b7280}.add-spot-disabled-message{text-align:center;color:var(--tg-theme-text-color,#1f2937);border-bottom:1px solid var(--tg-theme-secondary-bg-color,#e5e7eb);padding:28px 24px}.disabled-message-icon{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.disabled-message-icon svg{color:#fff}.disabled-message-title{color:var(--tg-theme-text-color,#1f2937);margin:0 0 8px;font-size:17px;font-weight:600}.disabled-message-sources{color:var(--tg-theme-hint-color,#6b7280);letter-spacing:.2px;margin:0;font-size:14px}.add-spot-search{border-bottom:1px solid #e5e7eb;padding:8px 20px 12px;position:relative}.add-spot-hint{text-align:center;padding:40px 20px;display:none}.add-spot-overlay.search-fullscreen .add-spot-hint{display:block}.add-spot-hint-title{color:#6b7280;margin-bottom:20px;font-size:15px;font-weight:600}.add-spot-hint-items{text-align:left;flex-direction:column;gap:14px;max-width:300px;margin:0 auto;display:flex}.add-spot-hint-item{color:#374151;align-items:center;gap:12px;font-size:14px;display:flex}.add-spot-hint-icon{text-align:center;flex-shrink:0;width:28px;font-size:20px}.add-spot-hint-footer{color:#9ca3af;margin-top:24px;font-size:13px}.add-spot-search.hidden{display:none}.add-spot-content{box-sizing:border-box;flex:1;padding:16px 20px;overflow-y:auto}.region-toggle{background:#f3f4f6;border-radius:8px;align-self:center;padding:3px;display:inline-flex}.region-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.region-btn.active{color:#1f2937;background:#fff;box-shadow:0 1px 3px #0000001a}.search-container{width:100%;margin-bottom:20px;position:relative}.search-input-wrapper{box-sizing:border-box;background:#f3f4f6;border:2px solid #0000;border-radius:10px;align-items:center;width:100%;padding:12px 14px;transition:background .2s,border-color .2s;display:flex}.search-input-wrapper.accent{background:#fff;border:2px solid #e5e7eb;box-shadow:0 1px 4px #0000000f}.search-input-wrapper:focus-within,.search-input-wrapper.accent:focus-within{background:#fff;border-color:#8b5cf6}.search-icon{color:#9ca3af;flex-shrink:0;margin-right:12px}.search-input-wrapper:focus-within .search-icon{color:#8b5cf6}#place-search-input,#add-spot-input{color:#1f2937;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;font-size:16px}#place-search-input::placeholder,#add-spot-input::placeholder{color:#9ca3af}.search-clear-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.search-clear-btn:active{color:#6b7280}.search-clear-btn.hidden{display:none}.search-dropdown{z-index:1000;opacity:0;will-change:transform, opacity;backface-visibility:hidden;pointer-events:none;background:#fff;border-radius:12px;max-height:320px;margin-top:8px;transition:transform .2s cubic-bezier(.32,.72,0,1),opacity .2s;position:absolute;top:100%;left:0;right:0;overflow-y:auto;transform:translateY(-8px)translateZ(0);box-shadow:0 4px 20px #00000026}.search-dropdown.visible{opacity:1;pointer-events:auto;transform:translateY(0)translateZ(0)}.search-dropdown.hidden{display:none}.search-loading{color:#6b7280;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:14px;display:flex}.search-loading.hidden{display:none}.search-spinner{border:2px solid #e5e7eb;border-top-color:#8b5cf6;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.search-empty{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px 20px;display:flex}.search-empty.hidden{display:none}.search-empty span{color:#9ca3af;font-size:14px}.search-result-item{cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom:1px solid #f3f4f6;align-items:center;padding:12px 16px;transition:box-shadow .1s;display:flex;box-shadow:inset 0 0 #0000}.search-result-item:last-child{border-bottom:none}.search-result-item:active{box-shadow:inset 0 0 0 100px #00000008}.search-result-icon{background:#f3f4f6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;font-size:18px;display:flex}.search-result-info{flex:1;min-width:0}.search-result-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.search-result-address{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.search-result-meta{align-items:center;gap:8px;margin-top:4px;display:flex}.search-result-rating{color:#6b7280;align-items:center;gap:3px;font-size:12px;display:flex}.search-result-rating svg{color:#fbbf24}.search-result-add{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-left:12px;transition:transform .15s,opacity .15s;display:flex}.search-result-add:active{transform:scale(.9)}.search-result-add.added{background:#10b981}.search-result-add.adding{pointer-events:none}.search-result-add .button-spinner{animation:.8s linear infinite spin}.recent-section{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:100%;min-height:0;padding:0;display:flex;overflow:hidden}.recent-header{flex-shrink:0;justify-content:center;align-items:center;gap:6px;margin-bottom:12px;display:flex}.recent-header h4{color:#6b7280;margin:0;font-size:14px;font-weight:500}.recent-header h4 .recent-count{color:#1f2937;font-weight:600}.recent-section.hidden{display:none}.recent-loading{flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.recent-loading.hidden{display:none}.recent-list{width:100%;max-width:100%;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;display:flex;overflow:hidden auto}.recent-list.hidden{display:none}.recent-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.recent-empty.hidden{display:none}.recent-empty p{color:#6b7280;margin:0;font-size:16px;font-weight:500}.recent-empty span{color:#9ca3af;font-size:13px}.recent-spot-swipe-container{background:0 0;border-radius:12px;min-height:80px;margin-bottom:0;position:relative;overflow:hidden}.recent-spot-card{box-sizing:border-box;z-index:1;cursor:pointer;will-change:transform;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #f3f4f6;border-radius:12px;flex-shrink:0;align-items:center;width:100%;min-width:0;max-width:100%;padding:12px;transition:transform .25s cubic-bezier(.25,.46,.45,.94),box-shadow .15s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014}.recent-spot-swipe-container.swiping .recent-spot-card,.recent-spot-swipe-container.swiped .recent-spot-card{will-change:transform;backface-visibility:hidden}.recent-spot-delete-btn{color:#fff;cursor:pointer;opacity:0;background:#ef4444;border-radius:0 12px 12px 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:80px;font-size:12px;font-weight:500;transition:opacity .15s ease-out;display:flex;position:absolute;top:0;bottom:0;right:0}.recent-spot-swipe-container.swiping .recent-spot-delete-btn,.recent-spot-swipe-container.swiped .recent-spot-delete-btn{opacity:1}.recent-spot-delete-btn:active{background:#dc2626}.recent-spot-photo{background:#f3f4f6 50%/cover;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-right:12px;font-size:22px;display:flex}.recent-spot-photo .photo-spinner{border:2px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.recent-spot-info{flex:1;min-width:0;overflow:hidden}.recent-spot-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.recent-spot-address{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.recent-spot-footer{align-items:center;gap:8px;margin-top:4px;display:flex}.recent-spot-time{color:#9ca3af;font-size:12px}.recent-spot-source{display:none}.recent-spot-status{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:8px;display:flex}.recent-spot-status.enriching{color:#f59e0b;animation:1.5s ease-in-out infinite pulse}.recent-spot-status.ready{color:#10b981}.recent-spot-status.failed{color:#ef4444}.add-spot-toast{color:#fff;z-index:10000;opacity:0;will-change:transform, opacity;backface-visibility:hidden;background:#1f2937;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:transform .25s cubic-bezier(.32,.72,0,1),opacity .25s;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%)translateY(20px)translateZ(0)}.add-spot-toast.show{opacity:1;transform:translate(-50%)translateY(0)translateZ(0)}.add-spot-toast.success{background:#10b981}.add-spot-toast.error{background:#ef4444}.add-spot-toast.warning{background:#f59e0b}.city-switcher-overlay{z-index:10000;opacity:1;background:#00000080;justify-content:center;align-items:flex-end;transition:opacity .2s;display:flex;position:fixed;inset:0}.city-switcher-overlay.hidden{opacity:0;display:none}.city-switcher-popup{background:#fff;border-radius:22px 22px 0 0;flex-direction:column;width:100%;max-height:88dvh;padding-top:4px;animation:.3s slideUp;display:flex}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.city-switcher-grabber{background:#d8dde3;border-radius:999px;flex-shrink:0;width:36px;height:4px;margin:8px auto 4px}.city-switcher-header{align-items:center;gap:8px;padding:8px 16px 6px;display:flex}.city-switcher-header h3{color:#0f172a;letter-spacing:-.015em;flex:1;margin:0;font-size:20px;font-weight:700}.city-switcher-close{color:#475569;cursor:pointer;background:#f1f3f6;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.city-switcher-close:active{transform:scale(.94)}.city-switcher-search{margin:6px 16px 10px}#city-search-trigger{cursor:pointer}.city-switcher-search-inner{background:#f1f3f6;border-radius:14px;align-items:center;gap:10px;padding:11px 14px;display:flex}.city-switcher-search-inner svg{flex-shrink:0}.city-search-placeholder{color:#94a3b8;flex:1;font-size:15px}.city-switcher-recents{scrollbar-width:none;flex-shrink:0;gap:8px;padding:2px 16px 14px;display:flex;overflow-x:auto}.city-switcher-recents::-webkit-scrollbar{display:none}.city-switcher-recent-chip{color:#1f2937;cursor:pointer;background:#f1f3f6;border:0;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 13px;font-family:inherit;font-size:14px;font-weight:500;display:flex}.city-switcher-recent-chip:active{transform:scale(.96)}.city-switcher-recent-chip .chip-flag{font-size:13px}.city-switcher-list{flex:1;padding-bottom:16px;overflow-y:auto}.city-switcher-country-group{padding-top:0}.city-switcher-country-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;z-index:1;background:linear-gradient(#fff 80%,#ffffffe6);align-items:center;gap:6px;padding:16px 18px 4px;font-size:12px;font-weight:600;display:flex;position:sticky;top:0}.city-switcher-country-flag{text-transform:none;letter-spacing:0;font-size:13px}.city-switcher-item{cursor:pointer;grid-template-columns:1fr auto;align-items:center;column-gap:14px;padding:11px 18px;transition:background .15s;display:grid}.city-switcher-item:active{background:#f7f8fa}.city-switcher-item-name{color:#1f2937;letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;overflow:hidden}.city-switcher-item.active .city-switcher-item-name{color:#2563eb;font-weight:600}.city-switcher-item-count{color:#9ca3af;font-variant-numeric:tabular-nums;font-size:13px;font-weight:400}.city-switcher-item-count .num{color:#9ca3af;font-weight:500}.city-switcher-no-results{text-align:center;color:#94a3b8;padding:24px 20px;font-size:14px}.city-switcher-determine{color:#2563eb;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:14px 18px;font-family:inherit;font-size:16px;font-weight:600;display:flex}.city-switcher-determine:active{background:#f7f8fa}.city-switcher-determine.loading{opacity:.6;cursor:default}.city-switcher-determine svg{flex-shrink:0}.city-switcher-determine.loading svg{animation:1s ease-in-out infinite geo-pulse}@keyframes geo-pulse{0%,to{opacity:1}50%{opacity:.3}}.city-search-fs{z-index:10001;background:#fff;flex-direction:column;width:100%;height:100svh;display:flex;position:absolute;top:0;left:0}.city-search-fs.hidden{display:none}.city-search-fs-header{border-bottom:1px solid #f3f4f6;align-items:center;gap:8px;padding:110px 12px 10px;display:flex}.city-search-fs-back{cursor:pointer;color:#475569;background:0 0;border:0;flex-shrink:0;padding:8px}.city-search-fs-input-wrap{background:#f1f3f6;border-radius:14px;flex:1;align-items:center;gap:8px;padding:11px 14px;display:flex}.city-search-fs-input-wrap svg{flex-shrink:0}#city-search-fs-input{color:#0f172a;background:0 0;border:0;outline:0;flex:1;font-size:16px}#city-search-fs-input::placeholder{color:#94a3b8}.city-search-fs-list{flex:1;padding:8px 0;overflow-y:auto}body.tab-guides #map,body.tab-guides #top-panel,body.tab-guides #category-chips,body.tab-guides #list-view,body.tab-guides #bottom-sheet,body.tab-guides #carousel-indicators,body.tab-guides #geolocation-btn,body.tab-guides #center-city-btn{display:none!important}body.tab-guides .view-list{display:block}#page-guides .page-content{padding:16px;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));flex-direction:column;justify-content:flex-start;align-items:stretch;display:flex}.guides-page-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.guides-page-header h2{color:#1f2937;font-size:22px;font-weight:700}.guides-create-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:15px;font-weight:500}.guides-filter-chips{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.guides-chips-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.guides-chips-row::-webkit-scrollbar{display:none}.guides-filter-chip{color:#1f2937;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:20px;flex-shrink:0;padding:8px 14px;font-size:14px;font-weight:500;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s,color .2s,border-color .2s}.guides-filter-chip:active{transform:scale(.95)}.guides-filter-chip.active{color:#fff;background:#10b981;border-color:#10b981}.guides-grid{flex-direction:column;gap:0;display:flex}.guides-grid-inner{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.guides-section-title{color:#6b7280;margin-top:20px;margin-bottom:10px;font-size:16px;font-weight:600}.guides-section-title:first-child{margin-top:0}.guides-empty-filter{text-align:center;color:#9ca3af;padding:40px 20px;font-size:14px}.guide-page-card{aspect-ratio:3/4;cursor:pointer;border-radius:16px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 12px #0000001f}.guide-page-card:active{transform:scale(.97)}.guide-page-card-cover{background-color:#e5e7eb;background-position:50%;background-size:cover;position:absolute;inset:0}.guide-page-card-cover.no-photo{justify-content:center;align-items:center;display:flex}.guide-page-card-cover .collection-tile-emoji{opacity:.5;font-size:40px}.guide-page-card-badges{z-index:2;pointer-events:none;background:radial-gradient(at 100% 0,#00000059 0%,#0000 70%);border-radius:0 16px 0 0;gap:6px;padding:10px;display:flex;position:absolute;top:0;right:0}.guide-page-card-badges .guide-badge{-webkit-backdrop-filter:blur(4px);width:30px;height:30px;box-shadow:none;text-transform:none;letter-spacing:0;background:#00000073;border-radius:10px;justify-content:center;align-items:center;padding:0;display:flex;position:static}.guide-page-card-badges .guide-badge svg{width:15px;height:15px}.guide-corner-avatar{border:1.5px solid #fff;border-radius:50%;width:30px;height:30px;overflow:hidden;box-shadow:0 1px 3px #0000004d}.guide-corner-avatar img{object-fit:cover;width:100%;height:100%;display:block}.guide-corner-avatar.featured-avatar{border:1.5px solid gold;box-shadow:0 1px 4px #ffd70080}.guide-badge-featured{background:linear-gradient(135deg,gold,orange);justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.guide-page-card-cover.gradient-1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.guide-page-card-cover.gradient-2{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.guide-page-card-cover.gradient-3{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.guide-page-card-cover.gradient-4{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.guide-page-card-cover.gradient-5{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.guide-page-card-cover.gradient-6{background:linear-gradient(135deg,#a18cd1 0%,#fbc2eb 100%)}.guide-page-card-cover.gradient-7{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%)}.guide-page-card-cover.gradient-8{background:linear-gradient(135deg,#a1c4fd 0%,#c2e9fb 100%)}.guide-page-card-info{background:linear-gradient(#0000 0%,#0006 40%,#000000bf 100%);padding:40px 12px 12px;position:absolute;bottom:0;left:0;right:0}.guide-page-card-name{color:#fff;text-overflow:ellipsis;-webkit-line-clamp:2;text-shadow:0 1px 3px #0006;-webkit-box-orient:vertical;margin-bottom:3px;font-size:15px;font-weight:600;display:-webkit-box;overflow:hidden}.guide-page-card-meta{color:#ffffffd9;text-shadow:0 1px 2px #0000004d;font-size:12px}.guides-empty{text-align:center;color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.guides-empty p{color:#6b7280;margin-top:16px;margin-bottom:4px;font-size:16px;font-weight:600}.guides-empty span{color:#9ca3af;font-size:13px}.guides-empty.hidden{display:none}.guide-wizard input[type=file]{display:none!important}.guide-wizard{z-index:10000;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.guide-wizard.hidden{display:none}.guide-wizard .hidden{display:none!important}.wizard-header{padding:calc(env(safe-area-inset-top,0px) + 8px) 16px 10px;background:#f8f9fa;border-bottom:1px solid #edeef0;flex-shrink:0;align-items:center;gap:12px;display:flex}.guide-wizard.wizard-fullscreen .wizard-header{padding-top:110px}.wizard-back-btn,.wizard-close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.wizard-back-btn:active,.wizard-close-btn:active{background:#f3f4f6}.wizard-progress{flex:1;align-items:center;gap:0;display:flex}.wizard-progress-step{color:#9ca3af;background:#e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.wizard-progress-step.active{color:#fff;background:#3b82f6}.wizard-progress-step.done{color:#fff;background:#10b981}.wizard-progress-line{background:#e5e7eb;flex:1;height:2px;transition:background .3s}.wizard-progress-line.done{background:#10b981}.wizard-step{flex-direction:column;flex:1;display:none;overflow:hidden}.wizard-step.active{display:flex}.wizard-step-content{-webkit-overflow-scrolling:touch;flex:1;padding:20px 16px;overflow-y:auto}.wizard-step.search-active .wizard-added-spots,.wizard-step.search-active .wizard-title,.wizard-step.search-active .wizard-subtitle,.wizard-step.search-active .wizard-footer,.wizard-step:not(.search-active) .wizard-search-results{display:none}.wizard-title{color:#1f2937;margin:0 0 12px;font-size:22px;font-weight:700}.wizard-subtitle{color:#6b7280;margin:0 0 24px;font-size:14px}.wizard-footer{border-top:1px solid #f3f4f6;flex-shrink:0;gap:12px;padding:12px 16px;display:flex}.guide-wizard.wizard-fullscreen .wizard-footer{padding-bottom:40px}.wizard-btn-primary,.wizard-btn-publish{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:16px;font-weight:600;transition:opacity .2s}.wizard-btn-primary{color:#fff;background:#3b82f6}.wizard-btn-primary:disabled{opacity:.4;cursor:not-allowed}.wizard-btn-publish{color:#fff;background:#10b981}.wizard-btn-secondary{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 20px;font-size:16px;font-weight:500}.wizard-btn-outline{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.wizard-field{margin-bottom:20px}.wizard-field label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.wizard-optional{color:#9ca3af;font-weight:400}.wizard-field input,.wizard-field textarea{box-sizing:border-box;color:#1f2937;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:16px;transition:border-color .2s}.wizard-field input:focus,.wizard-field textarea:focus{background:#fff;border-color:#3b82f6}.wizard-char-count{text-align:right;color:#9ca3af;margin-top:4px;font-size:12px}.wizard-char-count.near-limit{color:#ef4444}.wizard-step2-tip{color:#92400e;background:#fffbeb;border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:13px;line-height:1.4;display:flex}.wizard-tip-icon{flex-shrink:0;font-size:16px}.wizard-search-wrap{margin-bottom:16px;position:relative}.wizard-search-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%)}.wizard-search-wrap input{box-sizing:border-box;color:#1f2937;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:12px 40px 12px 38px;font-family:inherit;font-size:15px}.wizard-search-wrap input:focus{background:#fff;border-color:#3b82f6}.wizard-search-clear{cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.wizard-section-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;padding:12px 4px 6px;font-size:12px;font-weight:600}.wizard-section-label:first-child{padding-top:4px}.wizard-added-spots{background:#f0f7ff;border:1px solid #dbeafe;border-radius:12px;margin-bottom:16px;padding:12px}.wizard-added-header{color:#3b82f6;padding-bottom:4px;font-size:13px;font-weight:600}.wizard-added-item{border-color:#dbeafe!important}.wizard-added-item:last-child{border-bottom:none!important}.wizard-spot-list{flex-direction:column;gap:2px;display:flex}.wizard-spot-item{border-bottom:1px solid #f5f5f5;align-items:center;gap:10px;padding:10px 4px;transition:background .15s;display:flex}.wizard-spot-item:last-child{border-bottom:none}.wizard-spot-item:active{background:#f9fafb}.wizard-spot-info{flex:1;min-width:0}.wizard-spot-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.wizard-spot-meta{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.wizard-spot-add{color:#3b82f6;cursor:pointer;background:#eff6ff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:600;display:flex}.wizard-spot-add:active{background:#dbeafe}.wizard-spot-remove{color:#9ca3af;cursor:pointer;background:#0000000f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.wizard-spot-remove:active{background:#0000001f}.wizard-spot-added-badge{color:#10b981;white-space:nowrap;font-size:12px;font-weight:500}.wizard-api-loading{color:#9ca3af;align-items:center;gap:8px;padding:12px;font-size:14px;display:flex}.wizard-api-loading.hidden{display:none}.wizard-spinner{border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite wizard-spin}@keyframes wizard-spin{to{transform:rotate(360deg)}}.wizard-browse-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:2px 0 14px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.wizard-browse-btn:active{opacity:.7}.wizard-browse-overlay{z-index:10001;opacity:0;pointer-events:none;background:#0006;align-items:flex-end;transition:opacity .25s;display:flex;position:fixed;inset:0}.wizard-browse-overlay.active{opacity:1;pointer-events:auto}.wizard-browse-panel{background:#fff;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-height:85vh;transition:transform .3s cubic-bezier(.25,.46,.45,.94);display:flex;transform:translateY(100%)}.wizard-browse-overlay.active .wizard-browse-panel{transform:translateY(0)}.wizard-browse-header{border-bottom:1px solid #f3f4f6;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.wizard-browse-title{color:#1f2937;font-size:16px;font-weight:600}.wizard-browse-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;align-items:center;padding:4px;display:flex}.wizard-browse-close:active{opacity:.7}.wizard-browse-filters{flex-direction:column;flex-shrink:0;gap:8px;padding:12px 16px;display:flex}.wizard-browse-filters select{color:#1f2937;appearance:auto;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:15px}.wizard-browse-search-wrap{position:relative}.wizard-browse-search{box-sizing:border-box;color:#1f2937;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:10px 36px 10px 12px;font-family:inherit;font-size:15px}.wizard-browse-search:focus{background:#fff;border-color:#3b82f6}.wizard-browse-search-clear{cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.wizard-browse-search-clear.hidden{display:none}.wizard-browse-list{-webkit-overflow-scrolling:touch;flex:1;padding:0 16px 120px;overflow-y:auto}.wizard-browse-item{cursor:pointer;border-bottom:1px solid #f5f5f5;align-items:center;gap:12px;padding:10px 0;display:flex}.wizard-browse-item:last-child{border-bottom:none}.wizard-browse-item:active{background:#f9fafb;margin:0 -16px;padding:10px 16px}.wizard-browse-item.added{opacity:.5;cursor:default}.wizard-browse-thumb{background-position:50%;background-size:cover;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.wizard-browse-check{color:#10b981;background:#d1fae5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:600;display:flex}.wizard-browse-empty{text-align:center;color:#9ca3af;padding:32px 0;font-size:14px}.wizard-browse-more-inline{padding:16px 0 8px}.wizard-browse-more-inline button{color:#3b82f6;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;padding:12px;font-family:inherit;font-size:15px;font-weight:500}.wizard-browse-more-inline button:active{background:#eff6ff}.wizard-cover-preview{aspect-ratio:3/4;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;width:60%;max-width:220px;margin:0 auto 16px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}.wizard-cover-preview img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.wizard-cover-card-overlay{z-index:1;background:linear-gradient(#0000,#0009);padding:32px 12px 12px;position:absolute;bottom:0;left:0;right:0}.wizard-cover-card-name{color:#fff;text-shadow:0 1px 3px #0000004d;margin-bottom:2px;font-size:15px;font-weight:700;line-height:1.2}.wizard-cover-card-meta{color:#fffc;font-size:11px}.wizard-cover-placeholder{color:#ffffff80;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wizard-cover-options{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.wizard-cover-option{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:10px;transition:border-color .2s;overflow:hidden}.wizard-cover-option.selected{border-color:#3b82f6}.wizard-cover-option img{object-fit:cover;width:100%;height:100%}.wizard-cover-actions{justify-content:center;margin:12px 0 16px;display:flex}.wizard-cover-options-label{color:#9ca3af;grid-column:1/-1;margin-bottom:2px;font-size:13px;font-weight:500}.wizard-visibility-options{flex-direction:column;gap:12px;display:flex}.wizard-vis-option{cursor:pointer;border:2px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.wizard-vis-option.selected{background:#eff6ff;border-color:#3b82f6}.wizard-vis-icon{color:#6b7280;background:#f3f4f6;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.wizard-vis-option.selected .wizard-vis-icon{color:#3b82f6;background:#dbeafe}.wizard-vis-text{flex:1}.wizard-vis-text strong{color:#1f2937;font-size:15px;display:block}.wizard-vis-text span{color:#6b7280;font-size:13px}.wizard-vis-check{color:#0000;flex-shrink:0}.wizard-vis-option.selected .wizard-vis-check{color:#3b82f6}.wizard-vis-toggle{gap:8px;display:flex}.wizard-vis-btn{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.wizard-vis-btn.selected{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.wizard-vis-btn svg{flex-shrink:0}.wizard-vis-tip{color:#9ca3af;text-align:center;margin-top:6px;font-size:12px;transition:all .2s}.wizard-enrich-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.wizard-enrich-list .list-card-description{-webkit-line-clamp:4}.wizard-enrich-item{background:#f9fafb;border-radius:12px;gap:12px;padding:10px;transition:all .3s;display:flex}.wizard-enrich-item.enriched{background:#f0fdf4}.wizard-enrich-photo{background:#e5e7eb;border-radius:10px;flex-shrink:0;width:56px;height:56px;overflow:hidden}.wizard-enrich-photo img{object-fit:cover;width:100%;height:100%}.wizard-enrich-no-photo{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.wizard-enrich-info{flex:1;min-width:0}.wizard-enrich-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.wizard-enrich-addr{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.wizard-enrich-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.wizard-enrich-tag{color:#2563eb;background:#dbeafe;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.wizard-enrich-desc{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;display:-webkit-box;overflow:hidden}.wizard-enrich-empty{color:#9ca3af;flex-direction:column;align-items:center;gap:12px;padding:40px 0;display:flex}.wizard-enrich-empty p{margin:0;font-size:15px}.wizard-enrich-progress{color:#6b7280;justify-content:center;align-items:center;gap:10px;padding:20px 0;font-size:14px;display:flex}.wizard-enrich-card.enriching{opacity:.85}.wizard-card-loading-img{background:#f3f4f6;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.wizard-card-loading-text{flex-direction:column;gap:6px;padding:4px 0;display:flex}.skeleton-line{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%) 0 0/200% 100%;border-radius:4px;height:12px;animation:1.5s infinite skeleton-shimmer}.skeleton-line.short{width:60%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wizard-enrich-card{cursor:pointer;-webkit-tap-highlight-color:transparent}.wizard-enrich-card:active{transition:transform .1s;transform:scale(.98)}.wizard-enrich-card .list-card-content{position:relative}.wizard-enrich-card .list-card-info{min-width:0;overflow:hidden}.wizard-enrich-card .list-card-title{margin-bottom:14px}.wizard-edit-btn{z-index:2;color:#9ca3af;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .15s,color .15s,transform .15s;display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 1px 3px #00000014}.wizard-edit-btn:active{transform:scale(.9)}.wizard-edit-btn.has-content{color:#fff;background:#3b82f6;box-shadow:0 2px 6px #3b82f666}.wizard-card-note{background:#f0f4ff;border-radius:8px;align-items:flex-start;gap:5px;margin-top:6px;padding:4px 8px;display:flex}.wizard-card-note-text{color:#4b5563;-webkit-line-clamp:4;word-break:break-word;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.user-note-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:1px}.wizard-editor-overlay{z-index:10001;background:0 0;align-items:flex-end;transition:background .3s;display:flex;position:fixed;inset:0}.wizard-editor-sheet{width:100%;max-height:85vh;padding:20px 20px calc(env(safe-area-inset-bottom,0px) + 16px);background:#fff;border-radius:20px 20px 0 0;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;transform:translateY(100%)}.wizard-editor-overlay.active .wizard-editor-sheet{transform:translateY(0)}.wizard-editor-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.wizard-editor-title{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;flex:1;margin-right:12px;font-size:18px;font-weight:600;overflow:hidden}.wizard-editor-close{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:20px;display:flex}.wizard-editor-section{margin-bottom:16px}.wizard-editor-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.wizard-editor-textarea{color:#374151;resize:none;box-sizing:border-box;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;width:100%;min-height:60px;max-height:150px;padding:12px 14px;font-family:inherit;font-size:15px;line-height:1.5;overflow-y:auto}.wizard-editor-textarea::placeholder{color:#d1d5db}.wizard-editor-textarea:focus{background:#fff;border-color:#3b82f6;outline:none}.wizard-editor-char-count{text-align:right;color:#cbd5e1;margin-top:4px;padding-right:4px;font-size:11px}.wizard-editor-photos{flex-wrap:wrap;gap:8px;display:flex}.wizard-editor-photo{background:#f3f4f6;border-radius:10px;flex-shrink:0;width:72px;height:72px;position:relative;overflow:hidden}.wizard-editor-photo img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .25s ease-out}.wizard-editor-photo img.loaded{opacity:1}.wizard-editor-photo img.loading{opacity:0}.wizard-editor-photo-badge{color:#fff;background:#00000080;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:500;position:absolute;bottom:3px;left:3px}.wizard-editor-photo-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:14px;display:flex;position:absolute;top:3px;right:3px}.wizard-editor-photo-add{color:#9ca3af;cursor:pointer;background:0 0;border:2px dashed #d1d5db;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;transition:border-color .15s,color .15s;display:flex}.wizard-editor-photo-add:active{color:#3b82f6;border-color:#3b82f6}.wizard-editor-photo-check{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:none;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.wizard-editor-photo.hidden-photo{opacity:.35}.wizard-editor-photo.hidden-photo .wizard-editor-photo-remove{background:#3b82f6cc;font-size:16px}.wizard-editor-photo.selected{outline-offset:-3px;outline:3px solid #3b82f6}.wizard-editor-photo.selected .wizard-editor-photo-check{display:flex}.wizard-editor-photo-hint{color:#d1d5db;text-transform:none;letter-spacing:0;font-size:12px;font-weight:400}.photo-upload-disclaimer{color:#9ca3af;margin-top:8px;font-size:11px;line-height:1.4}.wizard-editor-done{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;width:100%;margin-top:4px;padding:14px;font-size:16px;font-weight:600}.wizard-editor-done:active{background:#2563eb}.expanded-user-note{color:#6b7280;background:#fff;border-left:3px solid #3b82f6;border-radius:0 12px 12px 0;align-items:center;gap:10px;margin-bottom:8px;padding:12px 14px;font-size:14px;line-height:1.5;display:flex;position:relative;box-shadow:0 1px 4px #0000000f}.expanded-user-note.clickable{cursor:pointer;-webkit-tap-highlight-color:transparent}.expanded-user-note.clickable:active{background:#f0f7ff}.expanded-user-note.cta{background:#fafbfc;border-left-color:#cbd5e1}.expanded-user-note.cta .expanded-note-text.placeholder{color:#94a3b8;font-style:italic}.expanded-user-note.friend-note{background:#fffcf8;border-left-color:#f97316}.expanded-user-note.my-note{background:#fff;border-left-color:#3b82f6}.expanded-note-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.expanded-note-text{word-break:break-word;flex:1;min-width:0}.expanded-note-text.collapsible{-webkit-line-clamp:4;-webkit-box-orient:vertical;transition:max-height .3s;display:-webkit-box;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.expanded-note-text.collapsible.expanded{-webkit-line-clamp:unset;display:block;overflow:visible;-webkit-mask-image:none;mask-image:none}.expanded-note-chevron{color:#9ca3af;pointer-events:none;font-size:18px;line-height:1;transition:transform .3s;position:absolute;bottom:6px;right:8px;transform:rotate(-90deg)}.note-expanded .expanded-note-chevron{transform:rotate(90deg)}.expanded-note-badge{color:#9ca3af;font-size:11px;font-weight:500;position:absolute;top:6px;right:10px}.guide-card-note{background:#f0f4ff;border-radius:8px;align-items:flex-start;gap:5px;margin-top:6px;padding:4px 8px;display:flex}.guide-card-note-text{color:#4b5563;-webkit-line-clamp:4;word-break:break-word;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.wizard-close-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.wizard-close-dialog{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:320px;padding:24px}.wizard-close-dialog-title{color:#1f2937;margin-bottom:8px;font-size:17px;font-weight:600}.wizard-close-dialog-text{color:#6b7280;margin-bottom:20px;font-size:14px;line-height:1.4}.wizard-close-dialog-btn{cursor:pointer;border:none;border-radius:10px;width:100%;margin-bottom:8px;padding:12px;font-family:inherit;font-size:15px;font-weight:500;display:block}.wizard-close-dialog-btn.save{color:#fff;background:#3b82f6}.wizard-close-dialog-btn.delete{color:#dc2626;background:#fee2e2}.wizard-close-dialog-btn.cancel{color:#6b7280;background:#f3f4f6;margin-bottom:0}.wizard-btn-magic{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:all .2s}.wizard-btn-magic:active{transform:scale(.98)}.wizard-preview-card{border-radius:16px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 12px #00000014}.wizard-preview-cover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;height:200px;position:relative;overflow:hidden}.wizard-preview-cover img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.wizard-preview-desc{color:#6b7280;padding:12px 16px 4px;font-size:14px;line-height:1.4}.wizard-preview-meta{color:#9ca3af;align-items:center;gap:4px;padding:8px 16px 12px;font-size:13px;display:flex}.wizard-preview-meta svg{flex-shrink:0}.wizard-preview-spots{flex-direction:column;gap:0;display:flex}.wizard-preview-spot{border-bottom:1px solid #f3f4f6;gap:12px;padding:10px 0;display:flex}.wizard-preview-spot:last-child{border-bottom:none}.wizard-preview-spot-photo{background:#f3f4f6;border-radius:10px;flex-shrink:0;width:52px;height:52px;overflow:hidden}.wizard-preview-spot-photo img{object-fit:cover;width:100%;height:100%}.wizard-preview-spot-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.wizard-preview-spot-name{color:#1f2937;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.wizard-preview-spot-tag{color:#2563eb;background:#dbeafe;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:500}.wizard-preview-spot-desc{color:#6b7280;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}.guide-edit-overlay{z-index:10000;-webkit-overflow-scrolling:touch;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0;overflow-y:auto}.guide-edit-overlay.hidden{display:none}.guide-edit-sheet{width:100%;max-width:430px;padding:20px 20px calc(env(safe-area-inset-bottom,0px) + 20px);background:#fff;border-radius:20px 20px 0 0;flex-shrink:0;max-height:90vh;overflow-y:auto}.guide-edit-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.guide-edit-header h3{color:#1f2937;margin:0;font-size:18px;font-weight:700}.guide-edit-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;padding:4px}.guide-add-spot-sheet{flex-direction:column;max-height:80vh;display:flex}.guide-add-spot-search{padding:0 0 12px}.guide-add-spot-search input{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:15px;transition:border-color .2s}.guide-add-spot-search input:focus{border-color:#3b82f6}.guide-add-spot-results{-webkit-overflow-scrolling:touch;flex:1;min-height:120px;max-height:50vh;overflow-y:auto}.guide-add-spot-hint{text-align:center;color:#9ca3af;padding:24px 0;font-size:14px}.guide-add-spot-item{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;padding:10px 0;display:flex}.guide-add-spot-item:active{opacity:.7}.guide-add-spot-photo{background:#f3f4f6;border-radius:8px;flex-shrink:0;width:44px;height:44px;overflow:hidden}.guide-add-spot-photo img{object-fit:cover;width:100%;height:100%}.guide-add-spot-info{flex:1;min-width:0}.guide-add-spot-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.guide-add-spot-addr{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.guide-add-spot-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.guide-add-spot-btn.added{color:#059669;background:#d1fae5;font-size:14px}.guide-add-spot-section{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;padding:12px 0 4px;font-size:11px;font-weight:600}.guide-add-btn-section{text-align:center;padding:8px 0 0}.guide-add-spot-trigger{color:#6b7280;cursor:pointer;background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:15px;font-weight:500;transition:border-color .2s,color .2s;display:flex}.guide-add-spot-trigger:active{color:#3b82f6;border-color:#3b82f6}@media screen and (width>=600px){html{background:#e5e5e5}body{max-width:430px;margin:0 auto;box-shadow:0 0 20px #0000001a}}.add-spot-preview-header{border-bottom:1px solid #e5e7eb;padding:12px 20px}.add-spot-back-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:15px;font-weight:500;display:flex}.add-spot-preview-card{max-height:calc(85vh - 180px);padding:20px;overflow-y:auto}.add-spot-preview-actions{border-top:1px solid #e5e7eb;padding:16px 20px}.add-spot-confirm-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:opacity .2s}.add-spot-confirm-btn:active{opacity:.8}.add-spot-confirm-btn:disabled{cursor:not-allowed;background:#d1d5db}.add-spot-enriching{text-align:center;padding:40px 20px}.add-spot-enriching .enrich-spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:.8s linear infinite spin}.add-spot-enriching p{color:#6b7280;margin:0;font-size:15px}.add-spot-enriched-card{background:#f9fafb;border-radius:12px;overflow:hidden}.add-spot-enriched-card .enriched-photos{aspect-ratio:16/10;background:#e5e7eb;width:100%;position:relative;overflow:hidden}.add-spot-enriched-card .enriched-photos img{object-fit:cover;width:100%;height:100%}.add-spot-enriched-card .enriched-photos .photo-counter{color:#fff;background:#0009;border-radius:10px;padding:2px 8px;font-size:12px;position:absolute;bottom:8px;left:8px}.add-spot-enriched-card .enriched-info{padding:16px}.add-spot-enriched-card .enriched-name{color:#1f2937;margin:0 0 4px;font-size:18px;font-weight:700}.add-spot-enriched-card .enriched-address{color:#9ca3af;margin:0 0 8px;font-size:13px}.add-spot-enriched-card .enriched-category-badge{border-radius:6px;margin-bottom:10px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.add-spot-enriched-card .enriched-description{color:#4b5563;margin:0 0 12px;font-size:14px;line-height:1.5}.add-spot-enriched-card .enriched-short-desc{color:#6b7280;margin:0 0 8px;font-size:13px;font-style:italic}.add-spot-note-section{padding:16px 20px}.add-spot-note-input{resize:none;background:var(--tg-theme-bg-color,white);width:100%;color:var(--tg-theme-text-color,#1f2937);border:1px solid #e5e7eb;border-radius:10px;min-height:60px;padding:12px;font-size:14px}.add-spot-note-input::placeholder{color:#9ca3af}.add-spot-search-section-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;padding:12px 20px 4px;font-size:11px;font-weight:600}.add-spot-search-loading{color:#9ca3af;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:14px;display:flex}.add-spot-search-loading.hidden{display:none}#add-spot-phase-search{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}#add-spot-phase-search.hidden{display:none}#add-spot-phase-preview{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}#add-spot-phase-preview.hidden{display:none}.add-spot-edit-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;font-size:13px;display:flex}.add-spot-edit-btn:active{background:#f3f4f6}.app-root{width:100vw;height:100vh;position:relative;overflow:hidden}.debug-badge{color:#fff;pointer-events:none;z-index:1000;background:#000000b3;border-radius:6px;padding:6px 10px;font-family:system-ui,sans-serif;font-size:12px;position:absolute;top:8px;left:8px}#tab-bar{bottom:30px!important}body.hide-chips #filter-chips-container,body.hide-chips #top-panel,body.hide-chips .city-switcher-trigger{display:none!important}.mapboxgl-marker>.city-cluster-marker{transform:none}.city-cluster-marker.has-name{background:#fff;border-radius:9999px;align-items:center;gap:6px;padding:2px 12px 2px 2px;box-shadow:0 4px 14px #0000002e,0 1px 3px #0000001a;flex-direction:row!important}.city-cluster-marker.has-name .city-cluster-count{flex-shrink:0;width:32px;height:32px;box-shadow:none!important;border:none!important}.city-cluster-marker.has-name .city-cluster-name{color:#1f2937;font-size:13px;font-weight:500;box-shadow:none!important;background:0 0!important;margin-top:0!important;padding:0!important}.city-cluster-marker.has-name{transition:background-color .2s,padding .25s,gap .25s,box-shadow .2s}.city-cluster-marker.has-name .city-cluster-name{white-space:nowrap;max-width:240px;transition:opacity .2s,max-width .25s,margin .25s;overflow:hidden}body.tab-guides .mapboxgl-map,body.tab-guides .world-view-hint,body.tab-guides #filter-chips-container{display:none!important}.avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar-img.loading{opacity:0}.avatar-img.loaded{opacity:1;transition:opacity .18s}.avatar-img-fallback{background:#e5e7eb;border-radius:50%;width:100%;height:100%}.friend-marker-avatar,.friend-card-badge,.friend-avatar,.expanded-note-avatar{background-color:#e5e7eb}.expanded-note-avatar{display:flex;overflow:hidden}.expanded-note-text.collapsible.no-overflow{-webkit-mask-image:none;mask-image:none}.geo-preprompt-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.18s geo-preprompt-fade;display:flex;position:fixed;inset:0}@keyframes geo-preprompt-fade{0%{opacity:0}to{opacity:1}}.geo-preprompt-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:340px;padding:24px 20px 16px;box-shadow:0 12px 40px #0003}.geo-preprompt-icon{color:#3b82f6;background:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;display:flex}.geo-preprompt-title{color:#1f2937;margin-bottom:8px;font-size:17px;font-weight:600}.geo-preprompt-text{color:#6b7280;margin-bottom:20px;font-size:14px;line-height:1.4}.geo-preprompt-actions{gap:8px;display:flex}.geo-preprompt-btn-primary,.geo-preprompt-btn-secondary{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;flex:1;padding:12px 16px;font-size:15px;font-weight:500}.geo-preprompt-btn-primary{color:#fff;background:#3b82f6}.geo-preprompt-btn-primary:active{background:#2563eb}.geo-preprompt-btn-secondary{color:#374151;background:#f3f4f6}.geo-preprompt-btn-secondary:active{background:#e5e7eb}.world-view-hint{top:max(20px, env(safe-area-inset-top,0) + 12px);z-index:1100;-webkit-backdrop-filter:blur(6px);color:#1f2937d9;white-space:nowrap;pointer-events:auto;background:#ffffffb3;border:.5px solid #00000014;border-radius:16px;padding:7px 14px;font-size:13px;position:fixed;left:50%;transform:translate(-50%)}.world-view-hint-link{font:inherit;color:#1f2937;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin:0;padding:0;font-weight:500;text-decoration:underline}.world-view-hint-link:active{opacity:.6}.city-cluster-marker.no-collision-transition,.city-cluster-marker.no-collision-transition .city-cluster-name{transition:none!important}.city-cluster-marker.has-name.collapsed-to-dot{gap:0;box-shadow:none!important;background:0 0!important;padding:0!important}.city-cluster-marker.has-name.collapsed-to-dot .city-cluster-name{opacity:0;max-width:0;margin:0}.city-cluster-marker.has-name.collapsed-to-dot .city-cluster-count{width:28px;height:28px;font-size:12px;box-shadow:0 3px 10px #0003,0 0 0 2px #fff!important}.mapboxgl-marker:has(>.city-cluster-marker.has-name:not(.collapsed-to-dot)){z-index:1000!important}.mapboxgl-marker:has(>.city-cluster-marker.has-name.collapsed-to-dot){z-index:1!important}.list-card-skeleton{pointer-events:none;cursor:default!important}.list-card-skeleton .list-card-image-wrapper{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.list-card-skeleton .list-card-content{flex-direction:column;gap:0;padding:22px 18px;display:flex}.list-card-skeleton-line{background:linear-gradient(90deg,#ececec 25%,#dcdcdc 50%,#ececec 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s infinite shimmer}.list-card-skeleton-title{width:68%;height:18px;margin-bottom:16px}.list-card-skeleton-meta{width:42%;height:12px;margin-bottom:22px}.list-card-skeleton-desc{width:95%;height:12px;margin-bottom:8px}.list-card-skeleton-desc-short{width:62%;height:12px}body.view-list .map-loading-pill{display:none}body.view-list .mapboxgl-map{visibility:hidden}body.view-list.hide-chips #filter-chips-container,body.view-list.hide-chips #top-panel,body.view-list.hide-chips .city-switcher-trigger{display:flex!important}.map-loading-pill{top:calc(env(safe-area-inset-top,0) + 180px);color:#374151;z-index:2000;pointer-events:none;background:#fff;border-radius:100px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:13px;font-weight:500;animation:.2s map-pill-fade-in;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0000001f,0 1px 3px #00000014}@keyframes map-pill-fade-in{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.map-loading-pill-spinner{border:2px solid #3b82f640;border-top-color:#3b82f6;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite map-pill-spin}@keyframes map-pill-spin{to{transform:rotate(360deg)}}.top-panel-loader{pointer-events:none;border:2px solid #00000026;border-top-color:#00000080;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite map-pill-spin;position:absolute;top:calc(50% - 7px);right:16px}.image-emoji-loader{pointer-events:none;z-index:1;font-size:48px;line-height:1;animation:1.4s ease-in-out infinite image-emoji-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes image-emoji-pulse{0%,to{opacity:.45;transform:translate(-50%,-50%)scale(.9)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}}.guide-dropdown-cover-img{object-fit:cover;width:100%;height:100%}.guide-dropdown-cover-img.loading{opacity:0}.guide-dropdown-cover-img.loaded{opacity:1;transition:opacity .2s}.expanded-card .expanded-content{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 60px)!important}.expanded-card{z-index:1001;background:#fff;flex-direction:column;width:100vw;height:100vh;position:fixed;inset:0;overflow-y:visible;pointer-events:auto!important;display:flex!important}.expanded-card *{pointer-events:auto}.expanded-toast{color:#fff;z-index:1200;pointer-events:none;background:#111827eb;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:500;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.spot-editor-page{z-index:10002;padding-top:calc(max(env(safe-area-inset-top,0px), 44px) + 60px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px);will-change:transform;background:#fff;flex-direction:column;transition:transform .28s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;inset:0;transform:translateY(100%)}.spot-editor-page.active{transform:translateY(0)}.spot-editor-page.closing{transform:translateY(100%)}.spot-editor-page-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 20px 16px;display:flex}.spot-editor-page-title{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:18px;font-weight:600;overflow:hidden}.spot-editor-page-close{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.spot-editor-page-body{-webkit-overflow-scrolling:touch;flex:1;padding:0 20px;overflow-y:auto}.spot-editor-page-done{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;flex-shrink:0;margin:12px 20px 0;padding:14px;font-size:16px;font-weight:600}.spot-editor-page-done:active{background:#2563eb}.wizard-editor-overlay.active{background:#0000008c!important}.wizard-editor-sheet{overflow-anchor:none;min-height:0;transition:transform .3s cubic-bezier(.4,0,.2,1),max-height .25s cubic-bezier(.4,0,.2,1),min-height .25s cubic-bezier(.4,0,.2,1),border-radius .25s cubic-bezier(.4,0,.2,1),padding-top .25s cubic-bezier(.4,0,.2,1)!important}.wizard-editor-overlay{overflow-anchor:none}.wizard-editor-sheet.wizard-editor-sheet-fullscreen{min-height:100dvh;padding-top:calc(max(env(safe-area-inset-top,0px), 44px) + 60px);border-radius:0!important;max-height:100dvh!important}.wizard-editor-photo.uploading{position:relative}.wizard-editor-photo.uploading img{opacity:.55}.wizard-editor-photo-loading{pointer-events:none;background:#ffffff26;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wizard-editor-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite wizard-editor-spin;box-shadow:0 1px 3px #0000004d}@keyframes wizard-editor-spin{to{transform:rotate(360deg)}}.add-btn-spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite wizard-editor-spin}.add-btn-spinner.large{border-width:2.2px;width:18px;height:18px}.add-in-flight{opacity:1!important}.app-toast{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 60px);color:#fff;z-index:10050;pointer-events:none;text-align:center;background:#111827eb;border-radius:999px;max-width:85vw;padding:10px 18px;font-size:14px;font-weight:500;animation:.18s app-toast-in;position:fixed;transform:translate(-50%);box-shadow:0 4px 12px #0003}.app-toast-success{background:#166534f2}.app-toast-error{background:#991b1bf2}@keyframes app-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.marker-label{flex-direction:column;align-items:flex-start;gap:2px;max-height:7em!important;display:flex!important}.marker-label-name{-webkit-line-clamp:2;text-overflow:ellipsis;word-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.marker-sublabel{color:#8a8a8a;flex-direction:column;max-width:100%;font-size:8.5px;font-style:italic;font-weight:400;line-height:1.3;display:flex}.marker-sublabel-line{-webkit-line-clamp:2;text-overflow:ellipsis;word-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.marker-sublabel-line+.marker-sublabel-line{-webkit-line-clamp:1}#guides-grid .guides-section-title:first-child{margin-top:12px}.guide-card-skeleton{aspect-ratio:3/4;background:linear-gradient(90deg,#ececec 25%,#dcdcdc 50%,#ececec 75%) 0 0/200% 100%;border-radius:16px;animation:1.5s infinite shimmer;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000014}.page{animation:.24s cubic-bezier(.4,0,.2,1) page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.guide-header-name-skeleton{vertical-align:middle;background:linear-gradient(90deg,#ececec 25%,#dcdcdc 50%,#ececec 75%) 0 0/200% 100%;border-radius:6px;width:60%;height:20px;animation:1.5s infinite shimmer;display:inline-block}.guide-header-count-skeleton{vertical-align:middle;background:linear-gradient(90deg,#ececec 25%,#dcdcdc 50%,#ececec 75%) 0 0/200% 100%;border-radius:4px;width:40px;height:12px;animation:1.5s infinite shimmer;display:inline-block}.guide-actions-bar+#collection-spots-list{padding-top:12px}.guides-create-btn:active{opacity:.6}.wizard-spot-item{min-height:52px}.wizard-spot-add,.wizard-browse-check{padding:0!important;line-height:0!important}.wizard-spot-add svg,.wizard-browse-check svg{display:block}.wizard-skeleton-block{background:linear-gradient(90deg,#ececec 25%,#dcdcdc 50%,#ececec 75%) 0 0/200% 100%;border-radius:10px;animation:1.5s infinite shimmer}body.wizard-open #tab-bar,body.wizard-open #city-switcher,body.wizard-open #category-chips,body.wizard-open .city-switcher,body.wizard-open .filter-chips{display:none!important}.fab-add-spot{background:linear-gradient(135deg,#34d399 0%,#10b981 50%,#059669 100%);width:56px;height:56px;position:fixed;overflow:visible;box-shadow:0 12px 28px #10b98180,0 4px 8px #10b9814d;bottom:30px!important}.fab-add-spot:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#10b98159,#0000 70%);border-radius:50%;animation:2.6s ease-in-out infinite fab-breathe;position:absolute;inset:-6px}.fab-add-spot:after{content:"";filter:blur(1px);pointer-events:none;background:#ffffff52;border-radius:50%;width:14px;height:7px;position:absolute;top:8px;left:12px}.fab-add-spot:active{background:linear-gradient(135deg,#10b981 0%,#059669 50%,#047857 100%);transform:scale(.95)}@keyframes fab-breathe{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}.add-spot-content{-webkit-overflow-scrolling:touch;flex:1;padding:16px;overflow-y:auto}.add-spot-tab-content{flex-direction:column;gap:16px;display:flex}.add-spot-empty{text-align:center;color:#6b7280;padding:24px 16px;font-size:14px}.recent-section-title{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:13px;font-weight:600}.recent-list{flex-direction:column;gap:12px;display:flex}.recent-row{align-items:center;gap:12px;display:flex}.recent-row-photo{background:#f3f4f6;border-radius:12px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;overflow:hidden}.recent-row-photo img{object-fit:cover;width:100%;height:100%}.recent-photo-placeholder{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);width:100%;height:100%}.recent-spinner{border:2px solid #e5e7eb;border-top-color:#6b7280;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite recent-spin}@keyframes recent-spin{to{transform:rotate(360deg)}}.recent-row-meta{flex:1;min-width:0}.recent-row-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.recent-row-location{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.recent-row-error{color:#ef4444;margin-top:2px;font-size:12px}.add-spot-search-page{z-index:10001;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.add-spot-search-header{padding:12px 16px calc(12px + env(safe-area-inset-top));padding-top:calc(12px + env(safe-area-inset-top));background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;display:flex}.add-spot-search-back{color:#1f2937;cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;width:36px;height:36px;font-size:22px}.add-spot-search-back:active{background:#f3f4f6}.add-spot-search-input{color:#1f2937;background:#f3f4f6;border:none;border-radius:12px;outline:none;flex:1;height:40px;padding:0 14px;font-size:16px}.add-spot-search-input::placeholder{color:#9ca3af}.add-spot-search-results{-webkit-overflow-scrolling:touch;flex:1;padding:8px 16px 24px;overflow-y:auto}.skeleton-block{background:linear-gradient(90deg,#f3f4f6 0%,#e5e7eb 50%,#f3f4f6 100%) 0 0/200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite skeleton-shimmer}.marker-loader-spin{border:2px solid #e5e7eb99;border-top-color:#10b981;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite marker-loader-spin;display:inline-block}@keyframes marker-loader-spin{to{transform:rotate(360deg)}}.gallery-pending-spin{border-width:3px;width:36px;height:36px}.rating-pending-spin{vertical-align:middle;border-width:2px;width:14px;height:14px}.friends-list{flex-direction:column;gap:8px;padding-bottom:8px;display:flex}.friends-list .friend-item-content{opacity:0;animation:.3s cubic-bezier(.4,0,.2,1) forwards friend-stagger-in;transform:translateY(20px)}@keyframes friend-stagger-in{to{opacity:1;transform:translateY(0)}}.friends-list .friend-item.swiped .friend-item-content{opacity:1;animation:none;transform:translate(-80px)}.friends-list .friend-item.removing{opacity:0;transition:transform .3s,opacity .3s;transform:translate(-100%)}.friends-list .add-friend-btn{opacity:0;animation:.3s cubic-bezier(.4,0,.2,1) forwards friend-stagger-in;transform:translateY(20px)}.friends-list .add-friend-btn:disabled{opacity:.5;cursor:not-allowed}.compact-placeholder.pending{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%)}.compact-placeholder.pending .marker-loader-spin{border-width:3px;width:28px;height:28px}.compact-description-skeleton{margin-top:4px}.add-actions{flex-direction:column;gap:10px;padding:4px 16px 12px;display:flex}.add-hero-tile{color:#fff;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:18px;align-items:center;gap:14px;width:100%;padding:16px 18px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 22px #10b98152}.add-hero-tile:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff2e,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.add-hero-tile:active{transform:scale(.98);box-shadow:0 4px 14px #10b98161}.add-hero-icon{color:#fff;background:#ffffff38;border-radius:14px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.add-hero-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.add-hero-title{color:#fff;font-size:16px;font-weight:700;line-height:1.2}.add-hero-sub{color:#ffffffd9;font-size:13px;line-height:1.3}.add-hero-arrow{color:#ffffffb3;flex:none;align-items:center;display:flex}.add-chips{grid-template-columns:1fr 1fr;gap:10px;display:grid}.add-chip{color:#1f2937;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e5e7eb;border-radius:18px;align-items:center;gap:12px;min-width:0;height:64px;padding:0 18px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 2px 6px #0000000a}.add-chip:active{background:#f9fafb;transform:scale(.97)}.add-chip.active{background:#f5f3ff;border-color:#c4b5fd;box-shadow:0 4px 10px #7c3aed2e}.add-chip span:not(.add-chip-icon){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.add-chip-icon{border-radius:12px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.add-chip-icon svg{width:20px;height:20px}.add-chip-icon-violet{color:#7c3aed;background:#f3e8ff}.add-chip-icon-amber{color:#b45309;background:#fef3c7}.recent-spot-card{border:1px solid #f3f4f6;border-radius:16px;gap:12px;padding:10px;box-shadow:0 1px 2px #0000000a}.recent-spot-card:active{background:#fafafa}.recent-spot-photo{border-radius:14px;width:64px;height:64px;margin-right:0}.recent-spot-subtitle{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:13px;overflow:hidden}.recent-spot-badge{white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:11px;font-weight:600;line-height:1;display:flex}.recent-spot-badge.pending{color:#92400e;background:#fef3c7}.recent-spot-badge.failed{color:#b91c1c;background:#fee2e2}.recent-spot-badge-dot{background:#f59e0b;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite badge-pulse}@keyframes badge-pulse{0%,to{opacity:.4}50%{opacity:1}}.recent-spot-delete-btn{opacity:1;transition:transform .2s cubic-bezier(.25,.46,.45,.94);transform:translate(100%)}.recent-spot-swipe-container.swiping .recent-spot-delete-btn,.recent-spot-swipe-container.swiped .recent-spot-delete-btn{opacity:1;transform:translate(0)}.friend-delete-btn{transition:transform .2s cubic-bezier(.25,.46,.45,.94);transform:translate(100%)}.friend-item.swiping .friend-delete-btn,.friend-item.swiped .friend-delete-btn{transform:translate(0)}.add-spot-overlay.behind-expanded{display:none}.add-spot-sheet{transition:transform .42s cubic-bezier(.34,1.4,.64,1)}.add-spot-overlay{transition:opacity .32s,background-color .32s,visibility .32s}.add-spot-sheet>.sheet-drag-handle,.add-spot-sheet>.add-actions,.add-spot-sheet>.add-spot-content{opacity:0;transition:opacity .3s .14s,transform .3s cubic-bezier(.32,.72,0,1) .14s;transform:translateY(8px)}.add-spot-overlay.active .add-spot-sheet>.sheet-drag-handle,.add-spot-overlay.active .add-spot-sheet>.add-actions,.add-spot-overlay.active .add-spot-sheet>.add-spot-content{opacity:1;transform:translateY(0)}.add-spot-sheet>.add-actions{transition-delay:.2s}.add-spot-sheet>.add-spot-content{transition-delay:.26s}