.quest-header-top{justify-content:space-between;align-items:center;margin-top:10px;padding:0 10px;display:flex}.quest-title-wrap{align-items:center;gap:12px;display:flex}.quest-header-icon-box{background-color:#e8f5e9;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.quest-main-title{color:#111827;margin:0;font-size:22px;font-weight:800}.sheetClose{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.sheetClose:active{background-color:#f3f4f6}.sheetCloseIcon{fill:#9ca3af;width:24px;height:24px}.quest-header-desc{color:#6b7280;word-break:keep-all;padding:10px 10px 20px;font-size:14px;line-height:1.5}.quest-list-container{flex-direction:column;gap:16px;padding:0 10px 74px;display:flex}.quest-card-link{color:inherit;text-decoration:none;display:block}.quest-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:24px;align-items:center;padding:16px;display:flex;box-shadow:0 6px 16px #0000000a}.quest-card-img-box{border-radius:18px;flex-shrink:0;width:108px;height:108px;overflow:hidden}.quest-card-img-box img{object-fit:cover;width:100%;height:100%;display:block}.quest-card-info{flex-direction:column;flex:1;justify-content:center;gap:6px;margin-left:16px;display:flex}.quest-badge{color:#10b981;background-color:#e8f5e9;border-radius:6px;width:fit-content;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.quest-titles{flex-direction:column;gap:2px;display:flex}.quest-name{color:#111827;margin:0;font-size:18px;font-weight:800}.quest-subname{color:#111827;font-size:15px;font-weight:700}.quest-stamp-status{color:#9ca3af;align-items:center;gap:6px;margin-top:4px;font-size:14px;font-weight:600;display:flex}.quest-arrow{flex-shrink:0;margin-left:12px}.quest-card.locked{box-shadow:none;background-color:#fafafa;border:1px dashed #e5e7eb}.locked-box{background-color:#f3f4f6;justify-content:center;align-items:center;display:flex}.locked-text{color:#9ca3af;font-style:italic}.locked-subtext{color:#d1d5db;font-weight:500}.main-city-list-container{flex-direction:column;gap:24px;padding:0 10px 74px;display:flex}.main-city-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:24px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 6px 16px #0000000a}.main-city-title{color:#111827;margin:0 4px;font-size:19px;font-weight:700}.main-city-media-wrap{background-color:#f3f4f6;border-radius:16px;width:100%;overflow:hidden}.main-city-media-wrap .media-carousel{border-radius:0}.main-city-desc{color:#4b5563;word-break:keep-all;letter-spacing:-.3px;margin:0 4px;font-size:14.5px;line-height:1.6}.main-city-btn{color:#111827;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px;font-size:16px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.main-city-btn:active{background-color:#f3f4f6;transform:scale(.98)}
.media-carousel{width:100%;position:relative;container-type:inline-size}.media-viewport{width:100%;position:relative;overflow:hidden}.media-track{will-change:transform;height:100%;display:flex}.media-slide{aspect-ratio:4/3;background:0 0;border-radius:12px;flex:none;width:100%;padding:0;overflow:hidden}.media-img,.media-video{object-fit:cover;width:100%;height:100%;box-shadow:none;background:0 0;border-radius:0}.nav-btn{color:#fff;cursor:pointer;z-index:3;background:#00000059;border:none;border-radius:999px;width:36px;height:36px;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn:hover{background:#00000080}.nav-btn.left{left:8px}.nav-btn.right{right:8px}.dots{z-index:3;justify-content:center;gap:4px;display:flex;position:absolute;bottom:8px;left:0;right:0}.dot{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff80;border:none;border-radius:50%;width:8px;height:8px;margin:0;display:block;box-shadow:0 1px 2px #0000004d;min-width:0!important;min-height:0!important;padding:0!important}.dot.active{opacity:1;background:#fff;transform:scale(1.2)}.counter{color:#fff;background:#00000073;border-radius:999px;padding:2px 8px;font-size:12px;position:absolute;bottom:10px;right:10px}@container (min-width:520px){.media-slide{aspect-ratio:16/10}}@container (min-width:800px){.media-slide{aspect-ratio:21/9}}
.sheetMain{z-index:1000;height:var(--visible-height);touch-action:none;background-color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;max-height:90vh;transition:height .1s linear;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -4px 12px #00000026}.sheetHeader{cursor:grab;background-color:#fff;border-bottom:1px solid #eee;flex-shrink:0;padding:10px 16px 0}.sheetHeader:active{cursor:grabbing}.sheetGrabber{background-color:#e0e0e0;border-radius:3px;width:40px;height:5px;margin:0 auto 24px}.sheetHeaderRow{justify-content:space-between;align-items:center;display:flex}.sheetTitle{color:#333;font-size:18px;font-weight:700}.sheetClose{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.sheetCloseIcon{fill:#666;width:24px;height:24px}.sheetContent{background-color:#fff;flex:1;margin-top:-1px;padding-top:16px;overflow-y:auto}
.category-bar{background:#fff;border-bottom:1px solid #e2e8f0;padding:6px 0}.category-bar .buttons{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding:2px;display:flex;overflow-x:auto}.category-bar .buttons::-webkit-scrollbar{display:none}.chip{appearance:none;cursor:pointer;color:#0f172a;-webkit-backdrop-filter:saturate(180%)blur(6px);backdrop-filter:saturate(180%)blur(6px);white-space:nowrap;background:#ffffffeb;border:1px solid #e2e8f0;border-radius:9999px;flex-shrink:0;line-height:1;transition:transform .12s,box-shadow .2s,background-color .2s,border-color .2s,color .2s;box-shadow:0 1px 4px #00000014}.chip.sm{padding:5px 9px;font-size:12px;font-weight:600}.chip:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0000001f}.chip:active{transform:translateY(0);box-shadow:0 3px 8px #0000001a}.chip:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.chip.active{color:#fff;background:#3b82f6;border-color:#2563eb;box-shadow:0 8px 20px #2563eb47}.chip.place{border-color:#ea4335}.chip.tour{border-color:#7b1fa2}.chip.restaurant{border-color:#ff9800}.chip.store{border-color:#039be5}.chip.traffic{border-color:#009688}.chip.others{border-color:#9e9e9e}@keyframes markerFloat{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,calc(-100% - 10px))}}.custom-marker-container{cursor:pointer;will-change:transform;z-index:1;flex-direction:column;align-items:center;padding:15px;animation:2s ease-in-out infinite markerFloat;display:flex;position:absolute;transform:translate(-50%,-100%);pointer-events:auto!important}.custom-marker-container:hover,.custom-marker-container:active{z-index:10}.marker-photo-circle{pointer-events:none;background:#fff;border:3px solid #10b981;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:2px;display:flex;overflow:hidden;box-shadow:0 4px 10px #0003}.marker-photo-circle img{object-fit:cover;border-radius:50%;width:100%;height:100%}.marker-name-tag{color:#fff;white-space:nowrap;pointer-events:none;background:#10b981;border-radius:12px;margin-top:-5px;padding:2px 10px;font-size:11px;font-weight:700;box-shadow:0 2px 5px #0003}